@optiaxiom/react 1.7.11 → 1.7.12

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BFTv73kr.css';
-import './../../../../assets/src/tabs/TabsTrigger.css.ts.vanilla-CJ9iX7wO.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-hv-MqqZg.css';
+import './../../../../assets/src/tabs/TabsTrigger.css.ts.vanilla-DY4iVLCE.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{flexDirection:'row',gap:'8',justifyContent:['center','flex-start'],py:'6',rounded:'sm',transition:'colors'},'_3qg01j']});
-var trigger = recipeRuntime({base:['vjrze9',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'zr5g2f']});
+var content = recipeRuntime({base:[{flexDirection:'row',gap:'8',justifyContent:['center','flex-start'],py:'6',rounded:'sm',transition:'colors'},'pulsea']});
+var trigger = recipeRuntime({base:['_1pj6ve8',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'cprdle']});
 
 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-BFTv73kr.css';
-import './../../../../assets/src/text/Text.css.ts.vanilla-obtzuEKo.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-hv-MqqZg.css';
+import './../../../../assets/src/text/Text.css.ts.vanilla-vBvp2177.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var text = recipeRuntime((function(){var x={variants:{lineClamp:{'1':[{overflow:'hidden'},'_1pynm7f','_1b33v5j','t4wywu'],'2':[undefined,'_1pynm7f','_1b33v5j','lpspfu'],'3':[undefined,'_1pynm7f','_1b33v5j','m5xay0'],'4':[undefined,'_1pynm7f','_1b33v5j','_1arv4k7']},truncate:{true:[undefined,'_1pynm7f',{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'},'_10wyt0s','_1o4uzas','_1cqbxk8'],'2':[undefined,'_10wyt0s','_1o4uzas','pstp3d'],'3':[undefined,'_10wyt0s','_1o4uzas','uqc6cc'],'4':[undefined,'_10wyt0s','_1o4uzas','_9j86s8']},truncate:{true:[undefined,'_10wyt0s',{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/TextareaAutosize-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BFTv73kr.css';
-import './../../../../assets/src/textarea/TextareaAutosize.css.ts.vanilla-nQJG1m4e.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-hv-MqqZg.css';
+import './../../../../assets/src/textarea/TextareaAutosize.css.ts.vanilla-CW9Iwxc0.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var shadow = recipeRuntime({base:['_164yui4','wxvutm']});
-var textarea = recipeRuntime({base:['_164yui4','_7y4bhv'],variants:{resize:{auto:{overflow:'hidden'},none:{},vertical:{}}}});
-var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_16is2go','_16742cq'],'2':['_16is2go','_6o375k'],'3':['_16is2go','_1dgnbjs'],'4':['_16is2go','_370bod'],'5':['_16is2go','_1o68twd']},resize:{auto:{},none:{},vertical:'_1r91wit'}}});
+var shadow = recipeRuntime({base:['_1pr1wls','qgqbh0']});
+var textarea = recipeRuntime({base:['_1pr1wls','_7x04g7'],variants:{resize:{auto:{overflow:'hidden'},none:{},vertical:{}}}});
+var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_1l8i8y','_1v3m192'],'2':['_1l8i8y','_1893zb2'],'3':['_1l8i8y','_1x2g0j9'],'4':['_1l8i8y','_163qruw'],'5':['_1l8i8y','_130pvof']},resize:{auto:{},none:{},vertical:'c20o75'}}});
 
 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-BFTv73kr.css';
-import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-Dk05PAkF.css';
-import './../../../../assets/src/toast/Toast.css.ts.vanilla-b8mdYOC9.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-hv-MqqZg.css';
+import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-nnzF6JL7.css';
+import './../../../../assets/src/toast/Toast.css.ts.vanilla-CdGg3n9J.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_1q2oy09']});
-var offsetVar = 'var(--gmwoj5)';
-var root = recipeRuntime({base:['_1d25eix',{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']},'_1099y1k'],variants:{intent:{danger:'pe97zo',information:'fa1luh',neutral:'_1lyinx2',success:'ibo7fj',warning:'_1yi561f'}}});
+var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'hyjeg5']});
+var offsetVar = 'var(--_1xgey0m)';
+var root = recipeRuntime({base:['_1l4liy3',{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']},'_9kwara'],variants:{intent:{danger:'tcloam',information:'oefatv',neutral:'_1utncmf',success:'_270z2q',warning:'_91dn5q'}}});
 
 export { icon, offsetVar, root };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BFTv73kr.css';
-import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-Dk05PAkF.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-hv-MqqZg.css';
+import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-nnzF6JL7.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var gap = '16';
-var viewport = recipeRuntime({base:[{gap:'16',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'rajz68'],variants:{position:{bottom:'_1cq4ni9','bottom-left':'_1nvypyo','bottom-right':['right-scroll-bar-position','_14ylth6'],top:'diqmdq','top-left':'jdby5u','top-right':['right-scroll-bar-position','qoyqef']}}});
+var viewport = recipeRuntime({base:[{gap:'16',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'axne4r'],variants:{position:{bottom:'_1b2r1t8','bottom-left':'_4mgy25','bottom-right':['right-scroll-bar-position','_1l6b3p9'],top:'iwuhbj','top-left':'cgowvi','top-right':['right-scroll-bar-position','_433v6y']}}});
 
 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-BFTv73kr.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-Odl71hrS.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DHpF4wDe.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-hv-MqqZg.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-Dsi4In3Z.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CxYCkM69.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var toggleInput = recipeRuntime({base:['_3a0wq3',{alignItems:'start',display:'inline-flex',flexDirection:'row',gap:'8'},'_1fnx4tb']});
+var toggleInput = recipeRuntime({base:['_1eakhvy',{alignItems:'start',display:'inline-flex',flexDirection:'row',gap:'8'},'_5bmx5z']});
 
 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-BFTv73kr.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-Odl71hrS.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DHpF4wDe.css';
-import './../../../../assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-D0VVS_ZW.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-hv-MqqZg.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-Dsi4In3Z.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CxYCkM69.css';
+import './../../../../assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-tS5smMNK.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['pnvy1r']});
+var control = recipeRuntime({base:['_1395olz']});
 
 export { control };

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

@@ -1,6 +1,6 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BFTv73kr.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-Odl71hrS.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-hv-MqqZg.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-Dsi4In3Z.css';
 
-var className = 'n44h71';
+var className = '_8ksnx0';
 
 export { className };

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

@@ -11,6 +11,7 @@ function Tooltip({
   defaultOpen,
   delayDuration,
   disabled,
+  disableHoverableContent,
   onOpenChange,
   open,
   ...props
@@ -22,11 +23,19 @@ function Tooltip({
       auto,
       defaultOpen,
       delayDuration,
+      disableHoverableContent,
       onOpenChange,
       open,
       children: [
         /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children }),
-        !disabled && !empty && /* @__PURE__ */ jsx(TooltipContent, { ...props, children: content })
+        !disabled && !empty && /* @__PURE__ */ jsx(
+          TooltipContent,
+          {
+            disableHoverableContent,
+            ...props,
+            children: content
+          }
+        )
       ]
     }
   );

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

@@ -1,6 +1,6 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BFTv73kr.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-hv-MqqZg.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'}]});
+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'}}}});
 
 export { content };

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

@@ -14,30 +14,45 @@ import { content } from './TooltipContent-css.js';
 import { useTooltipContext } from './TooltipContext.js';
 
 const TooltipContent = forwardRef(
-  ({ align = "center", children, className, side = "top", ...props }, ref) => {
+  ({
+    align = "center",
+    children,
+    className,
+    disableHoverableContent,
+    side = "top",
+    ...props
+  }, ref) => {
     const { open } = useTooltipContext("@optiaxiom/react/TooltipContent");
-    return /* @__PURE__ */ jsx(TransitionGroup, { open, children: /* @__PURE__ */ jsx(Portal, { asChild: true, children: /* @__PURE__ */ jsx(Transition, { duration: "sm", type: "pop", children: /* @__PURE__ */ jsx(Box, { asChild: true, ...content({}, className), ...props, children: /* @__PURE__ */ jsxs(
-      RadixTooltip.Content,
+    return /* @__PURE__ */ jsx(TransitionGroup, { open, children: /* @__PURE__ */ jsx(Portal, { asChild: true, children: /* @__PURE__ */ jsx(Transition, { duration: "sm", type: "pop", children: /* @__PURE__ */ jsx(
+      Box,
       {
-        align,
-        arrowPadding: 6,
-        forceMount: true,
-        ref,
-        side,
-        sideOffset: 4,
-        children: [
-          /* @__PURE__ */ jsx(Text, { asChild: true, fontSize: "sm", children: /* @__PURE__ */ jsx("div", { children }) }),
-          /* @__PURE__ */ jsx(
-            RadixTooltip.Arrow,
-            {
-              fill: theme.colors["bg.default.inverse"],
-              height: 4,
-              width: 8
-            }
-          )
-        ]
+        asChild: true,
+        ...content({ disableHoverableContent }, className),
+        ...props,
+        children: /* @__PURE__ */ jsxs(
+          RadixTooltip.Content,
+          {
+            align,
+            arrowPadding: 6,
+            forceMount: true,
+            ref,
+            side,
+            sideOffset: 4,
+            children: [
+              /* @__PURE__ */ jsx(Text, { asChild: true, fontSize: "sm", children: /* @__PURE__ */ jsx("div", { children }) }),
+              /* @__PURE__ */ jsx(
+                RadixTooltip.Arrow,
+                {
+                  fill: theme.colors["bg.default.inverse"],
+                  height: 4,
+                  width: 8
+                }
+              )
+            ]
+          }
+        )
       }
-    ) }) }) }) });
+    ) }) }) });
   }
 );
 TooltipContent.displayName = "@optiaxiom/react/TooltipContent";

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BFTv73kr.css';
-import './../../../../assets/src/transition/Transition.css.ts.vanilla-DO-ci930.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-hv-MqqZg.css';
+import './../../../../assets/src/transition/Transition.css.ts.vanilla-j8memfVx.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var transition = recipeRuntime({base:'_9lq5gv',variants:{duration:{sm:'w1741l',md:'v9w99l',lg:'_13cnqi2'}}});
+var transition = recipeRuntime({base:'_6gj0wf',variants:{duration:{sm:'yp51xw',md:'_10i1cuh',lg:'_1rlgkmq'}}});
 
 export { transition };

package/dist/esm/unstable.js

@@ -24,6 +24,7 @@ export { PillGroup } from './packages/react/src/pill/PillGroup.js';
 export { PillMenu } from './packages/react/src/pill-menu/PillMenu.js';
 export { PillMenuContent } from './packages/react/src/pill-menu/PillMenuContent.js';
 export { PillMenuTrigger } from './packages/react/src/pill-menu/PillMenuTrigger.js';
+export { Range } from './packages/react/src/range/Range.js';
 export { Sortable } from './packages/react/src/sortable/Sortable.js';
 export { SortableGroup } from './packages/react/src/sortable/SortableGroup.js';
 export { SortableHandle } from './packages/react/src/sortable/SortableHandle.js';

package/dist/index.d.ts

@@ -138,12 +138,12 @@ declare const AlertDialogCancel: react.ForwardRefExoticComponent<Omit<{
     className?: string;
 }>, "size"> & Omit<Omit<RadixDialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
-declare const content: (props?: {
+declare const content$1: (props?: {
     size?: "sm" | "md" | "lg" | undefined;
 } | undefined, className?: string) => {
     className: string;
 };
-type DialogVariants = RecipeVariants<typeof content>;
+type DialogVariants = RecipeVariants<typeof content$1>;
 
 type AlertDialogContentProps = ExcludeProps<BoxProps<typeof RadixDialog.Content, DialogVariants>, "forceMount">;
 declare const AlertDialogContent: react.ForwardRefExoticComponent<AlertDialogContentProps & react.RefAttributes<HTMLDivElement>>;
@@ -400,7 +400,14 @@ declare const ToastTitle: react.ForwardRefExoticComponent<Omit<{
     className?: string;
 }>, never> & Omit<Omit<RadixToast.ToastTitleProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-type TooltipContentProps = ExcludeProps<BoxProps<typeof RadixTooltip.Content>, "alignOffset" | "arrowPadding" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "forceMount" | "hideWhenDetached" | "sideOffset" | "sticky" | "updatePositionStrategy">;
+declare const content: (props?: {
+    disableHoverableContent?: boolean | undefined;
+} | undefined, className?: string) => {
+    className: string;
+};
+type ContentVariants = RecipeVariants<typeof content>;
+
+type TooltipContentProps = ExcludeProps<BoxProps<typeof RadixTooltip.Content, ContentVariants>, "alignOffset" | "arrowPadding" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "forceMount" | "hideWhenDetached" | "sideOffset" | "sticky" | "updatePositionStrategy">;
 declare const TooltipContent: react.ForwardRefExoticComponent<TooltipContentProps & react.RefAttributes<HTMLDivElement>>;
 
 type TooltipRootProps = ComponentPropsWithoutRef<typeof RadixTooltip.Root> & {
@@ -437,7 +444,7 @@ type TooltipProps = ExcludeProps<BoxProps<typeof TooltipContent, Pick<ComponentP
      */
     open?: boolean;
 }>, "asChild">;
-declare function Tooltip({ auto, children, content, defaultOpen, delayDuration, disabled, onOpenChange, open, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
+declare function Tooltip({ auto, children, content, defaultOpen, delayDuration, disabled, disableHoverableContent, onOpenChange, open, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
 declare namespace Tooltip {
     var displayName: string;
 }
@@ -1189,7 +1196,7 @@ type DateInputProps = ExtendProps<ComponentPropsWithoutRef<typeof Input>, Pick<C
      */
     type?: "date" | "datetime-local";
 }>;
-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"> & {
     /**
      * Control whether the input allows only date or both date and time.
      */
@@ -1218,7 +1225,7 @@ declare const DateInput: react.ForwardRefExoticComponent<Pick<ComponentPropsWith
 }>, "size"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "type" | "placeholder"> & react.RefAttributes<HTMLInputElement>>;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "placeholder" | "type"> & react.RefAttributes<HTMLInputElement>>;
 
 type PopoverProps = {
     children?: React.ReactNode;

package/dist/unstable.d.ts

@@ -431,6 +431,123 @@ declare const PillMenuTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<{
     className?: string;
 }>, "size"> & Omit<Omit<_radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
+declare const root: (props?: {
+    marks?: boolean | undefined;
+    size?: "md" | "lg" | undefined;
+} | undefined, className?: string) => {
+    className: string;
+};
+type RangeVariants = RecipeVariants<typeof root>;
+
+type RangeProps = BoxProps<"input", Omit<NonNullable<RangeVariants>, "marks"> & {
+    /**
+     * The initial selected value in uncontrolled mode.
+     */
+    defaultValue?: number;
+    /**
+     * Whether the input is disabled and in read only mode.
+     */
+    disabled?: boolean;
+    /**
+     * Function to format the label for each value.
+     */
+    getLabel?: (value: number) => string;
+    /**
+     * The marks to display on the range steps.
+     */
+    marks?: Array<number | {
+        /**
+         * The label for the mark.
+         */
+        label: string;
+        /**
+         * The value for the mark.
+         */
+        value: number;
+    }>;
+    /**
+     * The maximum value for the range.
+     */
+    max?: number;
+    /**
+     * The minimum value for the range.
+     */
+    min?: number;
+    /**
+     * Handler that is called when the value changes.
+     */
+    onValueChange?: (value: number) => void;
+    /**
+     * Whether to show a tooltip with the current value above the thumb.
+     */
+    showTooltip?: boolean;
+    /**
+     * The stepping interval for the range.
+     */
+    step?: number;
+    /**
+     * The selected value in controlled mode.
+     */
+    value?: number;
+}>;
+declare const Range: react.ForwardRefExoticComponent<Omit<{
+    marks?: boolean | undefined;
+    size?: "md" | "lg" | undefined;
+}, "marks"> & {
+    /**
+     * The initial selected value in uncontrolled mode.
+     */
+    defaultValue?: number;
+    /**
+     * Whether the input is disabled and in read only mode.
+     */
+    disabled?: boolean;
+    /**
+     * Function to format the label for each value.
+     */
+    getLabel?: (value: number) => string;
+    /**
+     * The marks to display on the range steps.
+     */
+    marks?: Array<number | {
+        /**
+         * The label for the mark.
+         */
+        label: string;
+        /**
+         * The value for the mark.
+         */
+        value: number;
+    }>;
+    /**
+     * The maximum value for the range.
+     */
+    max?: number;
+    /**
+     * The minimum value for the range.
+     */
+    min?: number;
+    /**
+     * Handler that is called when the value changes.
+     */
+    onValueChange?: (value: number) => void;
+    /**
+     * Whether to show a tooltip with the current value above the thumb.
+     */
+    showTooltip?: boolean;
+    /**
+     * The stepping interval for the range.
+     */
+    step?: number;
+    /**
+     * The selected value in controlled mode.
+     */
+    value?: number;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "color" | "disabled" | "max" | "min" | "className" | "defaultValue" | "value" | "step"> & react.RefAttributes<HTMLInputElement>>;
+
 type SortableProps<T extends Items> = BoxProps<"div", {
     children?: (items: T) => ReactNode;
     /**
@@ -562,5 +679,5 @@ declare const SpotlightTrigger: react.ForwardRefExoticComponent<Omit<{
     className?: string;
 }>, "size"> & Omit<Omit<_radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "backgroundImage" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "disabled" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className" | "addonAfter" | "addonBefore" | "square" | "appearance" | "loading" | "icon" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
 
-export { DataTableExpandableCell, DataTableExpandableHeader, DataTableHeaderCell, DetailsPanel, DetailsPanelBody, DetailsPanelFooter, DetailsPanelHeader, FileUpload, FileUploadDropzone, FileUploadTrigger, Highlight, HoverCard, HoverCardContent, HoverCardTrigger, InlineInput, Layout, LayoutContent, Pill, PillGroup, PillMenu, PillMenuContent, PillMenuTrigger, Sortable, SortableGroup, SortableHandle, SortableItem, Spotlight, SpotlightContent, SpotlightTrigger, useDialogKit, useFileUploadTrigger };
-export type { DataTableExpandableCellProps, DataTableExpandableHeaderProps, DataTableHeaderCellProps, DetailsPanelBodyProps, DetailsPanelFooterProps, DetailsPanelHeaderProps, DetailsPanelProps, FileUploadDropzoneProps, FileUploadProps, FileUploadTriggerProps, HighlightProps, HoverCardContentProps, HoverCardProps, HoverCardTriggerProps, InlineInputProps, LayoutContentProps, LayoutProps, PillGroupProps, PillMenuContentProps, PillMenuProps, PillMenuTriggerProps, PillProps, SortableGroupProps, SortableHandleProps, SortableItemProps, SortableProps, SpotlightContentProps, SpotlightProps, SpotlightTriggerProps };
+export { DataTableExpandableCell, DataTableExpandableHeader, DataTableHeaderCell, DetailsPanel, DetailsPanelBody, DetailsPanelFooter, DetailsPanelHeader, FileUpload, FileUploadDropzone, FileUploadTrigger, Highlight, HoverCard, HoverCardContent, HoverCardTrigger, InlineInput, Layout, LayoutContent, Pill, PillGroup, PillMenu, PillMenuContent, PillMenuTrigger, Range, Sortable, SortableGroup, SortableHandle, SortableItem, Spotlight, SpotlightContent, SpotlightTrigger, useDialogKit, useFileUploadTrigger };
+export type { DataTableExpandableCellProps, DataTableExpandableHeaderProps, DataTableHeaderCellProps, DetailsPanelBodyProps, DetailsPanelFooterProps, DetailsPanelHeaderProps, DetailsPanelProps, FileUploadDropzoneProps, FileUploadProps, FileUploadTriggerProps, HighlightProps, HoverCardContentProps, HoverCardProps, HoverCardTriggerProps, InlineInputProps, LayoutContentProps, LayoutProps, PillGroupProps, PillMenuContentProps, PillMenuProps, PillMenuTriggerProps, PillProps, RangeProps, SortableGroupProps, SortableHandleProps, SortableItemProps, SortableProps, SpotlightContentProps, SpotlightProps, SpotlightTriggerProps };

package/package.json

@@ -7,7 +7,7 @@
     "url": "git+https://github.com/optimizely-axiom/optiaxiom.git"
   },
   "type": "module",
-  "version": "1.7.11",
+  "version": "1.7.12",
   "files": [
     "dist/**",
     "LICENSE"

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

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

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

@@ -1,30 +0,0 @@
-@layer optiaxiom.njelra;
-@layer optiaxiom.njelra {
-  .nkm1m2 {
-    opacity: 0;
-  }
-  ._1fusmks {
-    inset: 0;
-    position: fixed;
-  }
-  ._1eisx3k {
-    max-height: 50dvh;
-    max-width: calc(100dvw - 2 * 24px);
-    transform: 
-      translateY(calc(1rem * var(--_7bph4s)))
-      scale(calc(1 - 0.06 * var(--_7bph4s)))
-    ;
-  }
-  ._1eisx3k:focus-visible {
-    outline: none;
-  }
-  ._1ixrc2l {
-    width: 400px;
-  }
-  ._4wyayv {
-    width: 600px;
-  }
-  .eorfm6 {
-    width: 800px;
-  }
-}

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

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

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

@@ -1,51 +0,0 @@
-@layer optiaxiom.njelra;
-@layer optiaxiom.njelra {
-  ._1c0s70a {
-    --_1biybyq: var(--ax-colors-fg-white);
-    -webkit-user-select: none;
-            user-select: none;
-  }
-  ._1c0s70a:not(:empty) {
-    min-width: var(--ax-size-xs);
-  }
-  .ofr70x {
-    --_19azpf0: var(--ax-colors-bg-error);
-    --_1ztdjp: var(--ax-colors-bg-error-subtle);
-    --_1q1s07d: var(--ax-colors-fg-error-strong);
-  }
-  .nmqht3 {
-    --_19azpf0: var(--ax-colors-bg-information);
-    --_1ztdjp: var(--ax-colors-bg-information-subtle);
-    --_1q1s07d: var(--ax-colors-fg-information-strong);
-  }
-  .cdzzwl {
-    --_19azpf0: var(--ax-colors-bg-tertiary);
-    --_1biybyq: var(--ax-colors-fg-default);
-    --_1ztdjp: var(--ax-colors-bg-secondary);
-    --_1q1s07d: var(--ax-colors-fg-secondary);
-  }
-  .lp3qwf {
-    --_19azpf0: var(--ax-colors-bg-accent);
-    --_1ztdjp: var(--ax-colors-bg-accent-subtle);
-    --_1q1s07d: var(--ax-colors-fg-accent-strong);
-  }
-  ._1apv35p {
-    --_19azpf0: var(--ax-colors-bg-success);
-    --_1ztdjp: var(--ax-colors-bg-success-subtle);
-    --_1q1s07d: var(--ax-colors-fg-success-strong);
-  }
-  ._653y6h {
-    --_19azpf0: var(--ax-colors-bg-warning);
-    --_1biybyq: var(--ax-colors-fg-warning-inverse);
-    --_1ztdjp: var(--ax-colors-bg-warning-subtle);
-    --_1q1s07d: var(--ax-colors-fg-warning-strong);
-  }
-  ._30gjyx {
-    background-color: var(--_19azpf0);
-    color: var(--_1biybyq);
-  }
-  .i7fu22 {
-    background-color: var(--_1ztdjp);
-    color: var(--_1q1s07d);
-  }
-}

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

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

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

@@ -1,9 +0,0 @@
-@layer optiaxiom.njelra;
-@layer optiaxiom.njelra {
-  ._34uxd2 {
-    opacity: 1;
-  }
-  .q6nzyi[data-loading] ._34uxd2 {
-    opacity: 0;
-  }
-}