@optiaxiom/react 0.5.4 → 0.6.0

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-BSHehMun.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
+import './../../../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-ChrWjuaJ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var shadow = recipeRuntime({base:['mthfr7','_1b8x3hq']});
-var textarea = recipeRuntime({base:['mthfr7','_1yrkmx6']});
-var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['qmktro','g10y5a'],'2':['qmktro','tsnepj'],'3':['qmktro','o3bz1m'],'4':['qmktro','i52zf6'],'5':['qmktro','iq9l1x']},resize:{auto:{},none:{},vertical:'_4pbn5f'}}});
+var shadow = recipeRuntime({base:['_1wk3x9o','xmht5a']});
+var textarea = recipeRuntime({base:['_1wk3x9o','bndzz8']});
+var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_6i50az','_1j2zjhn'],'2':['_6i50az','oouwfi'],'3':['_6i50az','_11n5rm0'],'4':['_6i50az','_1gpn8fe'],'5':['_6i50az','_1shwc3w']},resize:{auto:{},none:{},vertical:'w322ce'}}});
 
 export { shadow, textarea, wrapper };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-DGdGozrd.css';
-import './../../../../assets/src/toast/Toast.css.ts.vanilla-D2vwK6KD.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
+import './../../../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-CF8jHrGs.css';
+import './../../../../assets/src/toast/Toast.css.ts.vanilla-DJEzRgcS.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_1j1kv15']});
-var root = recipeRuntime({base:[{alignItems:'center',bg:'bg.default.inverse',color:'fg.default.inverse',display:'flex',gap:'xs',maxW:'full',p:'sm',pl:'md',rounded:'md',shadow:'md',w:['full','max']},'_1q2cs2h'],variants:{intent:{danger:'_191cu5h',information:'_75yxda',neutral:'_1lom4b4',success:'_7wi805',warning:'pzjaxr'}}});
+var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_12k1ksc']});
+var root = recipeRuntime({base:[{alignItems:'center',bg:'bg.default.inverse',color:'fg.default.inverse',display:'flex',gap:'xs',maxW:'full',p:'sm',pl:'md',rounded:'md',shadow:'md',w:['full','max']},'_7o4fcd'],variants:{intent:{danger:'gkznog',information:'ozjeqk',neutral:'q9e7a',success:'_1osuni5',warning:'_1masewm'}}});
 
 export { icon, root };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-DGdGozrd.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
+import './../../../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-CF8jHrGs.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var viewport = recipeRuntime({base:[{gap:'md',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_1to6ygq'],variants:{position:{bottom:'_9s15qb','bottom-left':'_16rctck','bottom-right':'_120sz8',top:'_7s5nsl','top-left':'_8ouo5h','top-right':'_1xy14yu'}}});
+var viewport = recipeRuntime({base:[{gap:'md',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_1xta6dc'],variants:{position:{bottom:'ppj9p5','bottom-left':'_1wncvoq','bottom-right':'_177s64c',top:'_1ybyz5v','top-left':'_86hu7o','top-right':'_1exqqzl'}}});
 
 export { viewport };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-Bkhiic0p.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BAabvprz.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-QLSpQ01c.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BZS5FCfo.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var toggleInput = recipeRuntime({base:['_1dov3dp',{alignItems:'start',flexDirection:'row',gap:'xs'},'xtjidl']});
+var toggleInput = recipeRuntime({base:['u638pg',{alignItems:'start',flexDirection:'row',gap:'xs'},'_2impo4']});
 
 export { toggleInput };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-Bkhiic0p.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BAabvprz.css';
-import './../../../../assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-Bk15pl5l.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-QLSpQ01c.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BZS5FCfo.css';
+import './../../../../assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-D2l1qrzz.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['_70usm']});
+var control = recipeRuntime({base:['_101y1ub']});
 
 export { control };

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

@@ -1,6 +1,6 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-Bkhiic0p.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-QLSpQ01c.css';
 
-var className = 'dx7m4w';
+var className = '_6ny6on';
 
 export { className };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var content = recipeRuntime({base:[{bg:'bg.default.inverse',color:'fg.default.inverse',px:'12',py:'8',rounded:'md',z:'tooltip'}]});

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CAta_a7S.css';
-import './../../../../assets/src/transition/Transition.css.ts.vanilla-BvXnEs0e.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BYJE1gjQ.css';
+import './../../../../assets/src/transition/Transition.css.ts.vanilla-CmHzchQl.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var transition = recipeRuntime({base:'ba5w8l',variants:{duration:{sm:'h2mcsq',md:'_18odu7g',lg:'zampen'},type:{fade:'qucmdg',pop:'dm81zw'}}});
+var transition = recipeRuntime({base:'ta7r67',variants:{duration:{sm:'mnezcg',md:'d6bd7g',lg:'_5mmew9'},type:{fade:'_1mltw7m',pop:'_8ksy7k'}}});
 var transitionDuration = {sm:150,md:250,lg:400};
 
 export { transition, transitionDuration };

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

@@ -3,7 +3,7 @@ import { Slot } from '@radix-ui/react-slot';
 import { forwardRef, useState, useEffect } from 'react';
 import { transitionDuration, transition } from './Transition-css.js';
 import { TransitionGlobalConfig } from './TransitionGlobalConfig.js';
-import { usePresence } from '../../../../node_modules/.pnpm/framer-motion@11.11.17_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/components/AnimatePresence/use-presence.js';
+import { usePresence } from '../../../../node_modules/.pnpm/framer-motion@11.11.17_patch_hash_fcf7jjqh4eojsxb6ugcpywnnuy_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/components/AnimatePresence/use-presence.js';
 
 const Transition = forwardRef(
   ({ children, duration = "md", skipAnimations, type = "fade", ...props }, ref) => {

package/dist/unstable.d.ts

@@ -1,15 +1,16 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { UseComboboxProps, UseSelectProps } from 'downshift';
 import * as react from 'react';
-import { ReactNode, ComponentPropsWithoutRef, ReactElement } from 'react';
-import { S as Sprinkles, B as BoxProps, L as Link, D as DialogContent, P as PopoverContent, M as MenuListbox } from './PopoverContent-C6I-rB7-.js';
+import { ReactNode, ComponentPropsWithoutRef, ReactElement, MutableRefObject } from 'react';
+import { S as Sprinkles, B as BoxProps, L as Link, M as MenuListbox, T as Transition, D as DialogContent, P as PopoverContent } from './PopoverContent-_0gUSeax.js';
 import * as _radix_ui_react_popper from '@radix-ui/react-popper';
+import * as RadixDialog from '@radix-ui/react-dialog';
+import * as RadixPopover from '@radix-ui/react-popover';
 import * as _vanilla_extract_sprinkles from '@vanilla-extract/sprinkles';
 import * as _radix_ui_react_separator from '@radix-ui/react-separator';
-import * as RadixPopover from '@radix-ui/react-popover';
 import { TableOptions, Column } from '@tanstack/react-table';
 export { ColumnDef } from '@tanstack/react-table';
-import * as RadixDialog from '@radix-ui/react-dialog';
+import { Editor } from '@tiptap/react';
 
 type AutocompleteProps<Item> = {
     children?: ReactNode;
@@ -46,16 +47,16 @@ declare const AutocompleteItem: react.ForwardRefExoticComponent<Omit<Omit<Omit<r
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & {
-    active?: boolean;
     item: unknown;
+    selected?: boolean;
 } & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const AutocompleteRadioItem: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & {
-    active?: boolean;
     item: unknown;
+    selected?: boolean;
 } & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
@@ -79,6 +80,7 @@ declare const AutocompleteTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omi
 }, "size"> & {
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
+    htmlSize?: number;
 } & Pick<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
@@ -169,8 +171,8 @@ declare const ComboboxCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<Om
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & {
-    active?: boolean;
     item: unknown;
+    selected?: boolean;
 } & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
@@ -183,7 +185,26 @@ declare const ComboboxCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<Om
     intent?: "danger" | "neutral" | undefined;
 }, never> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-type ComboboxContentProps = ComponentPropsWithoutRef<typeof DialogContent | typeof PopoverContent>;
+declare const ComboboxDialogContent: react.ForwardRefExoticComponent<{
+    minW?: ComponentPropsWithoutRef<typeof MenuListbox>["minW"];
+} & Omit<Omit<Omit<RadixDialog.DialogContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & {
+    transitionType?: ComponentPropsWithoutRef<typeof Transition>["type"];
+} & {
+    size?: "sm" | "md" | "lg" | "fullscreen" | undefined;
+} & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const ComboboxPopoverContent: react.ForwardRefExoticComponent<Omit<Omit<Omit<RadixPopover.PopoverContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
+    minW?: ComponentPropsWithoutRef<typeof MenuListbox>["minW"];
+    withArrow?: boolean;
+} & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+type ComboboxContentProps = ComponentPropsWithoutRef<typeof ComboboxDialogContent | typeof ComboboxPopoverContent>;
 declare const ComboboxContent: react.ForwardRefExoticComponent<ComboboxContentProps & react.RefAttributes<HTMLDivElement>>;
 
 declare const ComboboxFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
@@ -216,6 +237,7 @@ declare const ComboboxInput: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit
 }, "size"> & {
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
+    htmlSize?: number;
 } & Pick<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
@@ -233,8 +255,8 @@ declare const ComboboxItem: react.ForwardRefExoticComponent<Omit<Omit<Omit<react
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & {
-    active?: boolean;
     item: unknown;
+    selected?: boolean;
 } & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const ComboboxLabel: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
@@ -251,8 +273,8 @@ declare const ComboboxRadioItem: react.ForwardRefExoticComponent<Omit<Omit<Omit<
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & {
-    active?: boolean;
     item: unknown;
+    selected?: boolean;
 } & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
@@ -324,6 +346,7 @@ declare const CommandInput: react.ForwardRefExoticComponent<Omit<Omit<Omit<react
 }, "size"> & {
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
+    htmlSize?: number;
 } & Pick<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
@@ -341,8 +364,8 @@ declare const CommandItem: react.ForwardRefExoticComponent<Omit<Omit<react.Detai
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & {
-    active?: boolean;
     item: unknown;
+    selected?: boolean;
 } & react.RefAttributes<HTMLDivElement>>;
 
 declare const CommandListbox: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
@@ -372,6 +395,19 @@ declare namespace Highlight {
     var displayName: string;
 }
 
+declare const InlineInput: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "defaultValue" | "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
+    defaultValue?: string;
+    disabled?: boolean;
+    editorRef?: MutableRefObject<Editor | null>;
+    label: string;
+    multiline?: boolean;
+    onValueChange?: (value: string) => void;
+    placeholder?: string;
+} & react.RefAttributes<HTMLDivElement>>;
+
 declare const Pill: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "disabled" | "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
@@ -534,6 +570,7 @@ declare const SpotlightInput: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omi
 }, "size"> & {
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
+    htmlSize?: number;
 } & Pick<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
@@ -551,8 +588,8 @@ declare const SpotlightItem: react.ForwardRefExoticComponent<Omit<Omit<Omit<reac
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & {
-    active?: boolean;
     item: unknown;
+    selected?: boolean;
 } & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const SpotlightLabel: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
@@ -579,8 +616,8 @@ declare const SpotlightRadioItem: react.ForwardRefExoticComponent<Omit<Omit<Omit
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & {
-    active?: boolean;
     item: unknown;
+    selected?: boolean;
 } & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const SpotlightScrollArea: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
@@ -599,8 +636,8 @@ declare const SpotlightSubItem: react.ForwardRefExoticComponent<Omit<Omit<Omit<r
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & {
-    active?: boolean;
     item: unknown;
+    selected?: boolean;
 } & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const SpotlightTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<RadixDialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "disabled" | "color" | "className" | "asChild"> & Omit<{
@@ -675,4 +712,4 @@ declare const TableRow: react.ForwardRefExoticComponent<Omit<Omit<react.Detailed
     className?: string;
 } & Sprinkles, never> & react.RefAttributes<HTMLTableRowElement>>;
 
-export { Autocomplete, AutocompleteContent, AutocompleteEmpty, AutocompleteItem, AutocompleteRadioItem, AutocompleteTrigger, Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Combobox, ComboboxCheckboxItem, ComboboxContent, ComboboxEmpty, ComboboxFooter, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxListbox, ComboboxRadioItem, ComboboxScrollArea, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandInput, CommandItem, CommandListbox, DataTable, DataTableHeader, Highlight, Pill, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRadioItem, SelectSeparator, SelectTrigger, SelectValue, Spotlight, SpotlightContent, SpotlightEmpty, SpotlightInput, SpotlightItem, SpotlightLabel, SpotlightList, SpotlightRadioItem, SpotlightScrollArea, SpotlightSub, SpotlightSubItem, SpotlightTrigger, Table, TableBody, TableCell, TableHead, TableHeaderCell, TableRow };
+export { Autocomplete, AutocompleteContent, AutocompleteEmpty, AutocompleteItem, AutocompleteRadioItem, AutocompleteTrigger, Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Combobox, ComboboxCheckboxItem, ComboboxContent, ComboboxEmpty, ComboboxFooter, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxListbox, ComboboxRadioItem, ComboboxScrollArea, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandInput, CommandItem, CommandListbox, DataTable, DataTableHeader, Highlight, InlineInput, Pill, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRadioItem, SelectSeparator, SelectTrigger, SelectValue, Spotlight, SpotlightContent, SpotlightEmpty, SpotlightInput, SpotlightItem, SpotlightLabel, SpotlightList, SpotlightRadioItem, SpotlightScrollArea, SpotlightSub, SpotlightSubItem, SpotlightTrigger, Table, TableBody, TableCell, TableHead, TableHeaderCell, TableRow };

package/dist/unstable.js

@@ -32,6 +32,7 @@ export { CommandListbox } from './packages/react/src/command-listbox/CommandList
 export { DataTable } from './packages/react/src/data-table/DataTable.js';
 export { DataTableHeader } from './packages/react/src/data-table-header/DataTableHeader.js';
 export { Highlight } from './packages/react/src/highlight/Highlight.js';
+export { InlineInput } from './packages/react/src/inline-input/InlineInput.js';
 export { Pill } from './packages/react/src/pill/Pill.js';
 export { Select } from './packages/react/src/select/Select.js';
 export { SelectContent } from './packages/react/src/select-content/SelectContent.js';

package/package.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/optimizely-axiom/optiaxiom.git"
   },
   "type": "module",
-  "version": "0.5.4",
+  "version": "0.6.0",
   "files": [
     "dist/**",
     "LICENSE"
@@ -57,6 +57,13 @@
     "@radix-ui/react-use-controllable-state": "^1.1.0",
     "@radix-ui/react-visually-hidden": "^1.1.0",
     "@reach/auto-id": "^0.18.0",
+    "@tiptap/core": "^2.10.1",
+    "@tiptap/extension-document": "^2.10.1",
+    "@tiptap/extension-history": "^2.10.1",
+    "@tiptap/extension-paragraph": "^2.10.1",
+    "@tiptap/extension-placeholder": "^2.10.1",
+    "@tiptap/extension-text": "^2.10.1",
+    "@tiptap/react": "^2.10.1",
     "@vanilla-extract/dynamic": "^2.1.2",
     "@vanilla-extract/sprinkles": "^1.6.3",
     "clsx": "^2.1.1",

package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-D2xTcjs6.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._5hw727;
-@layer optiaxiom._5hw727 {
-  .mqgr0x {
-    border-top: 1px solid var(--ax-colors-border-secondary);
-  }
-}

package/dist/assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-DYU4OPrx.css

@@ -1,10 +0,0 @@
-@layer optiaxiom._5hw727;
-@layer optiaxiom._5hw727 {
-  ._1au8xfj {
-    overflow: auto;
-    overscroll-behavior: contain;
-  }
-  ._1au8xfj:empty {
-    visibility: hidden;
-  }
-}

package/dist/assets/src/avatar/Avatar.css.ts.vanilla-BI_34xQo.css

@@ -1,28 +0,0 @@
-@layer optiaxiom._5hw727;
-@layer optiaxiom._5hw727 {
-  ._1yt4s9p {
-    border-radius: var(--ax-borderRadius-full);
-    user-select: none;
-  }
-  .u5bucn ._1yt4s9p {
-    border: 1px solid var(--ax-colors-bg-default);
-  }
-  .u5bucn ._1i8tva0:not(:first-child) {
-    margin-left: -3px;
-  }
-  .u5bucn ._1drd8jv:not(:first-child) {
-    margin-left: -5px;
-  }
-  .u5bucn ._14h95lj:not(:first-child) {
-    margin-left: -7px;
-  }
-  .u5bucn ._1wp2nu1:not(:first-child) {
-    margin-left: -9px;
-  }
-  .u5bucn ._1nrfuiq:not(:first-child) {
-    margin-left: -11px;
-  }
-  .u5bucn .eobtob:not(:first-child) {
-    margin-left: -13px;
-  }
-}

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

@@ -1,46 +0,0 @@
-@layer optiaxiom._5hw727;
-@layer optiaxiom._5hw727 {
-  .fkwvku {
-    --_1vaxyh4: var(--ax-colors-fg-white);
-  }
-  .rqtt1o {
-    --xewuha: var(--ax-colors-bg-error);
-    --pzjdmk: var(--ax-colors-bg-error-subtle);
-    --_1x37lh1: var(--ax-colors-fg-error-strong);
-  }
-  ._1kdqxlx {
-    --xewuha: var(--ax-colors-bg-information);
-    --pzjdmk: var(--ax-colors-bg-information-subtle);
-    --_1x37lh1: var(--ax-colors-fg-information-strong);
-  }
-  .zlbwxk {
-    --xewuha: var(--ax-colors-bg-tertiary);
-    --_1vaxyh4: var(--ax-colors-fg-default);
-    --pzjdmk: var(--ax-colors-bg-secondary);
-    --_1x37lh1: var(--ax-colors-fg-secondary);
-  }
-  ._3ilnej {
-    --xewuha: var(--ax-colors-bg-accent);
-    --pzjdmk: var(--ax-colors-bg-accent-subtle);
-    --_1x37lh1: var(--ax-colors-fg-accent-strong);
-  }
-  ._1eebru0 {
-    --xewuha: var(--ax-colors-bg-success);
-    --pzjdmk: var(--ax-colors-bg-success-subtle);
-    --_1x37lh1: var(--ax-colors-fg-success-strong);
-  }
-  .m0b1g9 {
-    --xewuha: var(--ax-colors-bg-warning);
-    --_1vaxyh4: var(--ax-colors-fg-warning-inverse);
-    --pzjdmk: var(--ax-colors-bg-warning-subtle);
-    --_1x37lh1: var(--ax-colors-fg-warning-strong);
-  }
-  .afvqkt {
-    background-color: var(--pzjdmk);
-    color: var(--_1x37lh1);
-  }
-  ._1e61mn0 {
-    background-color: var(--xewuha);
-    color: var(--_1vaxyh4);
-  }
-}

package/dist/assets/src/button-base/ButtonBase.css.ts.vanilla-DVG1wJsX.css

@@ -1,142 +0,0 @@
-@layer optiaxiom._5hw727;
-@layer optiaxiom._5hw727 {
-  ._128zych {
-    border-radius: var(--ax-borderRadius-md);
-    padding-inline: var(--_3sfxus);
-    position: relative;
-    text-decoration: none;
-    user-select: none;
-  }
-  ._128zych:is(:focus-visible, :has(:focus-visible)):not([data-disabled], [data-loading]) {
-    outline: 2px solid var(--ax-colors-border-focus);
-    outline-offset: 1px;
-    z-index: var(--ax-zIndex-10);
-  }
-  .rl8wz3[data-orientation="horizontal"] > ._128zych:not(:first-child):not(:last-child),.rl8wz3[data-orientation="horizontal"] > :not(:first-child):not(:last-child) ._128zych {
-    border-inline-width: 0.5px;
-  }
-  .rl8wz3[data-orientation="horizontal"] > ._128zych:not(:only-child):first-child,.rl8wz3[data-orientation="horizontal"] > :not(:only-child):first-child ._128zych {
-    border-bottom-right-radius: 0;
-    border-right-width: 0.5px;
-    border-top-right-radius: 0;
-  }
-  .rl8wz3[data-orientation="horizontal"] > ._128zych:not(:only-child):last-child,.rl8wz3[data-orientation="horizontal"] > :not(:only-child):last-child ._128zych {
-    border-bottom-left-radius: 0;
-    border-left-width: 0.5px;
-    border-top-left-radius: 0;
-  }
-  .rl8wz3[data-orientation="vertical"] > ._128zych:not(:first-child):not(:last-child),.rl8wz3[data-orientation="vertical"] > :not(:first-child):not(:last-child) ._128zych {
-    border-block-width: 0.5px;
-  }
-  .rl8wz3[data-orientation="vertical"] > ._128zych:not(:only-child):first-child,.rl8wz3[data-orientation="vertical"] > :not(:only-child):first-child ._128zych {
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-    border-bottom-width: 0.5px;
-  }
-  .rl8wz3[data-orientation="vertical"] > ._128zych:not(:only-child):last-child,.rl8wz3[data-orientation="vertical"] > :not(:only-child):last-child ._128zych {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-    border-top-width: 0.5px;
-  }
-  .rl8wz3[data-orientation] > ._128zych:not(:first-child):not(:last-child),.rl8wz3[data-orientation] > :not(:first-child):not(:last-child) ._128zych {
-    border-radius: 0;
-  }
-  ._1sro0zp {
-    min-width: fit-content;
-  }
-  ._1w9n8ar {
-    --_1iq010g: var(--ax-colors-bg-error);
-    --_1fx8h68: var(--ax-colors-bg-error-hovered);
-    --gb74wz: var(--ax-colors-bg-error-pressed);
-    --_1l0chal: var(--ax-colors-bg-error-subtlest);
-    --ymgmb8: var(--ax-colors-bg-error-subtle);
-  }
-  ._1xh7ecp {
-    --_1iq010g: var(--ax-colors-bg-default-inverse);
-    --_1fx8h68: var(--ax-colors-bg-default-inverse-hovered);
-    --gb74wz: var(--ax-colors-bg-default-inverse-pressed);
-    --_1l0chal: var(--ax-colors-bg-secondary);
-    --vj9f2i: var(--ax-colors-border-default);
-    --f1qkpa: var(--ax-colors-border-default);
-    --ymgmb8: var(--ax-colors-bg-secondary-hovered);
-    --_1s8qk88: var(--ax-colors-fg-default);
-  }
-  ._17jkgk4 {
-    --_1iq010g: var(--ax-colors-bg-accent);
-    --_1fx8h68: var(--ax-colors-bg-accent-hovered);
-    --gb74wz: var(--ax-colors-bg-accent-pressed);
-    --_1l0chal: var(--ax-colors-bg-accent-subtle);
-    --ymgmb8: var(--ax-colors-bg-accent-light);
-  }
-  .vuogqa {
-    background-color: var(--ax-colors-bg-default);
-    border: 1px solid var(--f1qkpa, var(--_1iq010g));
-    color: var(--_1s8qk88, var(--_1iq010g));
-    padding-inline: calc(var(--_3sfxus) - 1px);
-  }
-  .vuogqa:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--ymgmb8);
-    border-color: var(--vj9f2i, var(--_1fx8h68));
-  }
-  .vuogqa:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--_1l0chal);
-    border-color: var(--vj9f2i, var(--_1fx8h68));
-  }
-  .vuogqa:is([data-state="active"], [data-state="on"]) {
-    background-color: var(--ax-colors-bg-accent-subtle);
-    border-color: var(--ax-colors-fg-accent);
-    color: var(--ax-colors-fg-accent);
-  }
-  .vuogqa[data-disabled]:not([data-loading]) {
-    border-color: var(--ax-colors-border-disabled);
-    color: var(--ax-colors-fg-disabled);
-  }
-  ._3dbdow {
-    background-color: var(--_1iq010g);
-    color: var(--ax-colors-fg-default-inverse);
-  }
-  ._3dbdow:active:not([data-disabled], [data-loading]) {
-    background-color: var(--gb74wz);
-  }
-  ._3dbdow:hover:not(:active, [data-disabled], [data-loading]) {
-    background-color: var(--_1fx8h68);
-  }
-  ._3dbdow[data-disabled]:not([data-loading]) {
-    background-color: var(--ax-colors-bg-secondary);
-    border: 1px solid var(--ax-colors-border-disabled);
-    color: var(--ax-colors-fg-disabled);
-    padding-inline: calc(var(--_3sfxus) - 1px);
-  }
-  ._1lf5vbv {
-    background-color: transparent;
-    border-color: var(--_1iq010g);
-    color: var(--_1s8qk88, var(--_1iq010g));
-  }
-  ._1lf5vbv:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--ymgmb8);
-  }
-  ._1lf5vbv:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--_1l0chal);
-  }
-  ._1lf5vbv:is([data-state="active"], [data-state="on"]) {
-    background-color: var(--ax-colors-bg-accent-subtle);
-    color: var(--ax-colors-fg-accent);
-  }
-  ._1lf5vbv[data-disabled]:not([data-loading]) {
-    color: var(--ax-colors-fg-disabled);
-  }
-  .s69nsd {
-    --_3sfxus: 4px;
-  }
-  ._1v1ktl5 {
-    --_3sfxus: 8px;
-  }
-  ._1um93oe {
-    --_3sfxus: 12px;
-  }
-  .qzc5qq {
-    left: 0;
-    position: absolute;
-    right: 0;
-  }
-}

package/dist/assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-DpWBOXls.css

@@ -1,9 +0,0 @@
-@layer optiaxiom._5hw727;
-@layer optiaxiom._5hw727 {
-  .l5zls3 {
-    opacity: 1;
-  }
-  .o6wvqx[data-loading] .l5zls3 {
-    opacity: 0;
-  }
-}

package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-1v2_Zwwc.css

@@ -1,18 +0,0 @@
-@layer optiaxiom._5hw727;
-@layer optiaxiom._5hw727 {
-  ._1dp0fb8 {
-    display: none;
-  }
-  ._1gvzbrz:has(._1nb1o8j:checked) ._1dp0fb8 {
-    display: block;
-  }
-  .ci0cr0 {
-    background-color: var(--ax-colors-bg-default);
-    border-color: var(--y4j9oc);
-    border-width: 1px;
-  }
-  ._1gvzbrz:has(._1nb1o8j:checked) .ci0cr0 {
-    background-color: var(--y4j9oc);
-    border-width: 0;
-  }
-}

package/dist/assets/src/code/Code.css.ts.vanilla-BNZmSP-V.css

@@ -1,7 +0,0 @@
-@layer optiaxiom._5hw727;
-@layer optiaxiom._5hw727 {
-  ._1dfgg6p {
-    font-size: 0.875em;
-    -webkit-font-smoothing: auto;
-  }
-}

package/dist/assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-CpuCBp6W.css

@@ -1,7 +0,0 @@
-@layer optiaxiom._5hw727;
-@layer optiaxiom._5hw727 {
-  ._14tqnrg[data-highlighted][data-focus-visible] {
-    outline: 2px solid var(--ax-colors-border-active);
-    outline-offset: 1px;
-  }
-}