@optiaxiom/react 1.7.3 → 1.7.5

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-4w5YqnzZ.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BKTlmcXI.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CiS1lFXq.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-tuWZhuBC.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-ttaqvBa5.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-D-GEElSg.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var toggleInput = recipeRuntime({base:['_16gk1rh',{alignItems:'start',display:'inline-flex',flexDirection:'row',gap:'8'},'_1w7pp9r']});
+var toggleInput = recipeRuntime({base:['l9y97u',{alignItems:'start',display:'inline-flex',flexDirection:'row',gap:'8'},'_6pv2ph']});
 
 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-4w5YqnzZ.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BKTlmcXI.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CiS1lFXq.css';
-import './../../../../assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-Ct2NcREw.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-tuWZhuBC.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-ttaqvBa5.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-D-GEElSg.css';
+import './../../../../assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-DSvy9--O.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['_175au1w']});
+var control = recipeRuntime({base:['_1s59qp0']});
 
 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-4w5YqnzZ.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BKTlmcXI.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-tuWZhuBC.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-ttaqvBa5.css';
 
-var className = '_1kgqvte';
+var className = '_1ihr3a6';
 
 export { className };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-4w5YqnzZ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-tuWZhuBC.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/esm/packages/react/src/transition/Transition-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-4w5YqnzZ.css';
-import './../../../../assets/src/transition/Transition.css.ts.vanilla-D4DKOggp.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-tuWZhuBC.css';
+import './../../../../assets/src/transition/Transition.css.ts.vanilla-BXZuHrwR.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var transition = recipeRuntime({base:'_19rsdxy',variants:{duration:{sm:'_60p9y0',md:'_30gnz4',lg:'y0krw4'}}});
+var transition = recipeRuntime({base:'_1ki2be1',variants:{duration:{sm:'_104jq8z',md:'_57u3rl',lg:'_1gcvp99'}}});
 
 export { transition };

package/dist/esm/unstable.js

@@ -3,6 +3,8 @@ export { Command } from './packages/react/src/command/Command.js';
 export { CommandInput } from './packages/react/src/command/CommandInput.js';
 export { CommandItem } from './packages/react/src/command/CommandItem.js';
 export { CommandListbox } from './packages/react/src/command/CommandListbox.js';
+export { DataTableExpandableCell } from './packages/react/src/data-table/DataTableExpandableCell.js';
+export { DataTableExpandableHeader } from './packages/react/src/data-table/DataTableExpandableHeader.js';
 export { DataTableHeaderCell } from './packages/react/src/data-table/DataTableHeaderCell.js';
 export { DetailsPanel } from './packages/react/src/details-panel/DetailsPanel.js';
 export { DetailsPanelBody } from './packages/react/src/details-panel/DetailsPanelBody.js';

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ComponentPropsWithRef, ReactNode, ComponentPropsWithoutRef, ElementType, RefObject, FocusEventHandler, ChangeEventHandler, ReactElement } from 'react';
-import { R as RecipeVariants, B as BoxProps, S as Sprinkles, a as ButtonProps, E as ExcludeProps, F as Flex, b as Button, d as dialogkit, c as ExtendProps, I as Input, 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, k as InputControlProps, l as InputRoot } from './MenuTrigger-B3QZ5eMD.js';
-export { m as DialogContent, D as DialogContentProps, n as FlexProps, p as InputControl, o as InputProps, q as InputRootProps, r as ListboxItemized, L as ListboxItemizedProps, K as LonghandProps, u as Menu, w as MenuContent, v as MenuContentProps, s as MenuOption, t as MenuProps, y as MenuTrigger, x as MenuTriggerProps, z as PopoverTriggerProps, N as TableHeaderCell, T as TableHeaderCellProps, H as mapResponsiveValue, J as normalizeResponsiveValue, G as sprinkles, A as vars } from './MenuTrigger-B3QZ5eMD.js';
+import { R as RecipeVariants, B as BoxProps, S as Sprinkles, a as ButtonProps, E as ExcludeProps, F as Flex, b as Button, d as dialogkit, c as ExtendProps, I as Input, 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, k as InputControlProps, l as InputRoot } from './MenuTrigger-CZD1p7nB.js';
+export { m as DialogContent, D as DialogContentProps, n as FlexProps, p as InputControl, o as InputProps, q as InputRootProps, r as ListboxItemized, L as ListboxItemizedProps, K as LonghandProps, u as Menu, w as MenuContent, v as MenuContentProps, s as MenuOption, t as MenuProps, y as MenuTrigger, x as MenuTriggerProps, z as PopoverTriggerProps, N as TableHeaderCell, T as TableHeaderCellProps, H as mapResponsiveValue, J as normalizeResponsiveValue, G as sprinkles, A as vars } from './MenuTrigger-CZD1p7nB.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as RadixDialog from '@radix-ui/react-dialog';
 import * as RadixTooltip from '@radix-ui/react-tooltip';
@@ -954,9 +954,9 @@ type DataTableBodyProps = BoxProps<"div", {
      */
     estimatedRowHeight?: number;
     /**
-     * Indicates if the table is loading
+     * Whether to show skeleton for the whole table or specific rows.
      */
-    loading?: boolean;
+    loading?: boolean | Record<string, "sub-rows" | boolean>;
 }>;
 declare const DataTableBody: react.ForwardRefExoticComponent<{
     /**
@@ -964,9 +964,9 @@ declare const DataTableBody: react.ForwardRefExoticComponent<{
      */
     estimatedRowHeight?: number;
     /**
-     * Indicates if the table is loading
+     * Whether to show skeleton for the whole table or specific rows.
      */
-    loading?: boolean;
+    loading?: boolean | Record<string, "sub-rows" | boolean>;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
@@ -1063,13 +1063,13 @@ declare const InputAddon: react.ForwardRefExoticComponent<Omit<NonNullable<Sprin
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-type DateInputProps = ExtendProps<ComponentPropsWithoutRef<typeof Input>, Pick<ComponentPropsWithoutRef<typeof Calendar>, "holiday" | "weekend"> & {
+type DateInputProps = ExtendProps<ComponentPropsWithoutRef<typeof Input>, Pick<ComponentPropsWithoutRef<typeof Calendar>, "holiday" | "placeholder" | "weekend"> & {
     /**
      * Control whether the input allows only date or both date and time.
      */
     type?: "date" | "datetime-local";
 }>;
-declare const DateInput: react.ForwardRefExoticComponent<Pick<ComponentPropsWithoutRef<react.ForwardRefExoticComponent<CalendarProps & react.RefAttributes<HTMLDivElement>>>, "holiday" | "weekend"> & {
+declare const DateInput: react.ForwardRefExoticComponent<Pick<ComponentPropsWithoutRef<react.ForwardRefExoticComponent<CalendarProps & react.RefAttributes<HTMLDivElement>>>, "placeholder" | "holiday" | "weekend"> & {
     /**
      * Control whether the input allows only date or both date and time.
      */
@@ -1098,7 +1098,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"> & react.RefAttributes<HTMLInputElement>>;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "type" | "placeholder"> & react.RefAttributes<HTMLInputElement>>;
 
 type PopoverProps = {
     children?: React.ReactNode;

package/dist/unstable.d.ts

@@ -1,10 +1,11 @@
-import { I as Input, S as Sprinkles, B as BoxProps, O as CommandOption, E as ExcludeProps, r as ListboxItemized, N as TableHeaderCell, f as Box, F as Flex, a as ButtonProps, R as RecipeVariants, u as Menu, t as MenuProps, w as MenuContent, v as MenuContentProps, y as MenuTrigger } from './MenuTrigger-B3QZ5eMD.js';
-export { C as Calendar, e as CalendarProps, U as Command, Q as CommandProps, V as createDialogKit, d as dialogkit } from './MenuTrigger-B3QZ5eMD.js';
+import { I as Input, S as Sprinkles, B as BoxProps, O as CommandOption, E as ExcludeProps, r as ListboxItemized, N as TableHeaderCell, f as Box, F as Flex, a as ButtonProps, R as RecipeVariants, u as Menu, t as MenuProps, w as MenuContent, v as MenuContentProps, y as MenuTrigger } from './MenuTrigger-CZD1p7nB.js';
+export { C as Calendar, e as CalendarProps, U as Command, Q as CommandProps, V as createDialogKit, d as dialogkit } from './MenuTrigger-CZD1p7nB.js';
 import * as react from 'react';
-import { ComponentPropsWithoutRef, ComponentPropsWithRef, ReactNode, ReactElement, RefAttributes } from 'react';
+import { ComponentPropsWithoutRef, ReactNode, ComponentPropsWithRef, ReactElement, RefAttributes } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { CellContext } from '@tanstack/table-core';
 import { Header } from '@tanstack/react-table';
 import * as _radix_ui_react_popover from '@radix-ui/react-popover';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import 'react-day-picker';
 import '@radix-ui/react-dialog';
 
@@ -70,6 +71,22 @@ declare const CommandItem: react.ForwardRefExoticComponent<{
 type CommandListboxProps = ExcludeProps<ComponentPropsWithoutRef<typeof ListboxItemized>, "highlightedItem" | "items" | "itemToKey" | "onPlacedChange">;
 declare const CommandListbox: react.ForwardRefExoticComponent<CommandListboxProps & react.RefAttributes<HTMLDivElement>>;
 
+type DataTableExpandableCellProps<TData, TValue> = CellContext<TData, TValue> & {
+    children?: ReactNode;
+};
+declare function DataTableExpandableCell<TData, TValue>({ children, getValue, row, }: DataTableExpandableCellProps<TData, TValue>): react_jsx_runtime.JSX.Element;
+declare namespace DataTableExpandableCell {
+    var displayName: string;
+}
+
+type DataTableExpandableHeaderProps = {
+    children?: ReactNode;
+};
+declare function DataTableExpandableHeader({ children, }: DataTableExpandableHeaderProps): react_jsx_runtime.JSX.Element;
+declare namespace DataTableExpandableHeader {
+    var displayName: string;
+}
+
 type DataTableHeaderCellProps = BoxProps<typeof TableHeaderCell, {
     /**
      * The Header instance to render.
@@ -591,5 +608,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 { CommandInput, CommandItem, CommandListbox, DataTableHeaderCell, DetailsPanel, DetailsPanelBody, DetailsPanelFooter, DetailsPanelHeader, FileUpload, FileUploadDropzone, FileUploadTrigger, Highlight, InlineInput, Layout, LayoutContent, Pill, PillGroup, PillMenu, PillMenuContent, PillMenuTrigger, Sortable, SortableGroup, SortableHandle, SortableItem, Spotlight, SpotlightContent, SpotlightTrigger, useDialogKit, useFileUploadTrigger };
-export type { CommandInputProps, CommandItemProps, CommandListboxProps, DataTableHeaderCellProps, DetailsPanelBodyProps, DetailsPanelFooterProps, DetailsPanelHeaderProps, DetailsPanelProps, FileUploadDropzoneProps, FileUploadProps, FileUploadTriggerProps, HighlightProps, InlineInputProps, LayoutContentProps, LayoutProps, PillGroupProps, PillMenuContentProps, PillMenuProps, PillMenuTriggerProps, PillProps, SortableGroupProps, SortableHandleProps, SortableItemProps, SortableProps, SpotlightContentProps, SpotlightProps, SpotlightTriggerProps };
+export { CommandInput, CommandItem, CommandListbox, DataTableExpandableCell, DataTableExpandableHeader, DataTableHeaderCell, DetailsPanel, DetailsPanelBody, DetailsPanelFooter, DetailsPanelHeader, FileUpload, FileUploadDropzone, FileUploadTrigger, Highlight, InlineInput, Layout, LayoutContent, Pill, PillGroup, PillMenu, PillMenuContent, PillMenuTrigger, Sortable, SortableGroup, SortableHandle, SortableItem, Spotlight, SpotlightContent, SpotlightTrigger, useDialogKit, useFileUploadTrigger };
+export type { CommandInputProps, CommandItemProps, CommandListboxProps, DataTableExpandableCellProps, DataTableExpandableHeaderProps, DataTableHeaderCellProps, DetailsPanelBodyProps, DetailsPanelFooterProps, DetailsPanelHeaderProps, DetailsPanelProps, FileUploadDropzoneProps, FileUploadProps, FileUploadTriggerProps, HighlightProps, InlineInputProps, LayoutContentProps, LayoutProps, PillGroupProps, PillMenuContentProps, PillMenuProps, PillMenuTriggerProps, PillProps, 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.3",
+  "version": "1.7.5",
   "files": [
     "dist/**",
     "LICENSE"

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

@@ -1,22 +0,0 @@
-@layer optiaxiom._1z0k6kw;
-@layer optiaxiom._1z0k6kw {
-  ._1wa6xfy {
-    transition: opacity var(--ax-duration-sm) ease;
-  }
-  ._1ubdfbq:not(:has(._1ubdfbq)):focus-within ._1wa6xfy, ._1wa6xfy:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
-    opacity: 1;
-    transition: none;
-  }
-  .lknxyh {
-    opacity: 1;
-  }
-  .mbi1s3 {
-    opacity: 0;
-  }
-  @media (hover: hover) {
-    ._1ubdfbq:not(:has(._1ubdfbq)):hover ._1wa6xfy {
-      opacity: 1;
-      transition: none;
-    }
-  }
-}

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

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

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

@@ -1,30 +0,0 @@
-@layer optiaxiom._1z0k6kw;
-@layer optiaxiom._1z0k6kw {
-  ._2wj2bn {
-    opacity: 0;
-  }
-  ._1vq8h0z {
-    inset: 0;
-    position: fixed;
-  }
-  ._1qlnxgu {
-    max-height: 50dvh;
-    max-width: calc(100dvw - 2 * 24px);
-    transform: 
-      translateY(calc(1rem * var(--_5098ek)))
-      scale(calc(1 - 0.06 * var(--_5098ek)))
-    ;
-  }
-  ._1qlnxgu:focus-visible {
-    outline: none;
-  }
-  .wkjnww {
-    width: 400px;
-  }
-  ._18lic4o {
-    width: 600px;
-  }
-  ._73jb22 {
-    width: 800px;
-  }
-}

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

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

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

@@ -1,51 +0,0 @@
-@layer optiaxiom._1z0k6kw;
-@layer optiaxiom._1z0k6kw {
-  .a17tu7 {
-    --_3w85mv: var(--ax-colors-fg-white);
-    -webkit-user-select: none;
-            user-select: none;
-  }
-  .a17tu7:not(:empty) {
-    min-width: var(--ax-size-xs);
-  }
-  ._1sqmilf {
-    --_1oalk81: var(--ax-colors-bg-error);
-    --r37tnn: var(--ax-colors-bg-error-subtle);
-    --dhdu9j: var(--ax-colors-fg-error-strong);
-  }
-  ._70heog {
-    --_1oalk81: var(--ax-colors-bg-information);
-    --r37tnn: var(--ax-colors-bg-information-subtle);
-    --dhdu9j: var(--ax-colors-fg-information-strong);
-  }
-  ._1v2asal {
-    --_1oalk81: var(--ax-colors-bg-tertiary);
-    --_3w85mv: var(--ax-colors-fg-default);
-    --r37tnn: var(--ax-colors-bg-secondary);
-    --dhdu9j: var(--ax-colors-fg-secondary);
-  }
-  .y6mrk6 {
-    --_1oalk81: var(--ax-colors-bg-accent);
-    --r37tnn: var(--ax-colors-bg-accent-subtle);
-    --dhdu9j: var(--ax-colors-fg-accent-strong);
-  }
-  ._113cwe7 {
-    --_1oalk81: var(--ax-colors-bg-success);
-    --r37tnn: var(--ax-colors-bg-success-subtle);
-    --dhdu9j: var(--ax-colors-fg-success-strong);
-  }
-  ._10dovnd {
-    --_1oalk81: var(--ax-colors-bg-warning);
-    --_3w85mv: var(--ax-colors-fg-warning-inverse);
-    --r37tnn: var(--ax-colors-bg-warning-subtle);
-    --dhdu9j: var(--ax-colors-fg-warning-strong);
-  }
-  ._1v17plx {
-    background-color: var(--_1oalk81);
-    color: var(--_3w85mv);
-  }
-  ._1n27q7 {
-    background-color: var(--r37tnn);
-    color: var(--dhdu9j);
-  }
-}

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

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

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

@@ -1,9 +0,0 @@
-@layer optiaxiom._1z0k6kw;
-@layer optiaxiom._1z0k6kw {
-  ._1n9w9yx {
-    opacity: 1;
-  }
-  .o7gh3b[data-loading] ._1n9w9yx {
-    opacity: 0;
-  }
-}

package/dist/cjs/assets/src/button/ButtonRoot.css.ts.vanilla-DQlDjWG2.css

@@ -1,224 +0,0 @@
-@property --_1tcr9va {
-  syntax: "<angle>";
-  inherits: false;
-  initial-value: 0turn;
-}
-@keyframes uxx68b {
-  100% {
-    --_1tcr9va: 1turn;
-  }
-}
-@layer optiaxiom._1z0k6kw;
-@layer optiaxiom._1z0k6kw {
-  ._1bunndy {
-    border-radius: var(--ax-borderRadius-md);
-    cursor: pointer;
-    padding-inline: var(--_104u00l);
-    position: relative;
-    text-decoration: none;
-    -webkit-user-select: none;
-            user-select: none;
-  }
-  ._1bunndy:is(:focus-visible, :has(:focus-visible)):not([data-disabled], [data-loading]) {
-    outline: 2px solid var(--ax-colors-border-focus);
-    outline-offset: 1px;
-    z-index: 10;
-  }
-  ._1bunndy[data-disabled] {
-    cursor: not-allowed;
-  }
-  ._1ojrty3[data-orientation="horizontal"] > ._1bunndy:not(:first-child):not(:last-child),._1ojrty3[data-orientation="horizontal"] > :not(:first-child):not(:last-child) ._1bunndy {
-    border-inline-width: 0.5px;
-  }
-  ._1ojrty3[data-orientation="horizontal"] > ._1bunndy:not(:only-child):first-child,._1ojrty3[data-orientation="horizontal"] > :not(:only-child):first-child ._1bunndy {
-    border-bottom-right-radius: 0;
-    border-right-width: 0.5px;
-    border-top-right-radius: 0;
-  }
-  ._1ojrty3[data-orientation="horizontal"] > ._1bunndy:not(:only-child):last-child,._1ojrty3[data-orientation="horizontal"] > :not(:only-child):last-child ._1bunndy {
-    border-bottom-left-radius: 0;
-    border-left-width: 0.5px;
-    border-top-left-radius: 0;
-  }
-  ._1ojrty3[data-orientation="vertical"] > ._1bunndy:not(:first-child):not(:last-child),._1ojrty3[data-orientation="vertical"] > :not(:first-child):not(:last-child) ._1bunndy {
-    border-block-width: 0.5px;
-  }
-  ._1ojrty3[data-orientation="vertical"] > ._1bunndy:not(:only-child):first-child,._1ojrty3[data-orientation="vertical"] > :not(:only-child):first-child ._1bunndy {
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-    border-bottom-width: 0.5px;
-  }
-  ._1ojrty3[data-orientation="vertical"] > ._1bunndy:not(:only-child):last-child,._1ojrty3[data-orientation="vertical"] > :not(:only-child):last-child ._1bunndy {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-    border-top-width: 0.5px;
-  }
-  ._1ojrty3[data-orientation] > ._1bunndy:not(:first-child):not(:last-child),._1ojrty3[data-orientation] > :not(:first-child):not(:last-child) ._1bunndy {
-    border-radius: 0;
-  }
-  .pqlcfs {
-    --_1qopxtk: var(--ax-colors-bg-error);
-    --_8wlqe4: var(--ax-colors-bg-error-hovered);
-    --b4imfd: var(--ax-colors-bg-error-pressed);
-    --_5zzh0l: var(--ax-colors-bg-error-subtlest);
-    --_1pf1vud: var(--ax-colors-bg-error-subtle);
-  }
-  ._4ao9on {
-    --_1qopxtk: var(--ax-colors-bg-default-inverse);
-    --_8wlqe4: var(--ax-colors-bg-default-inverse-hovered);
-    --b4imfd: var(--ax-colors-bg-default-inverse-pressed);
-    --cmxvgt: var(--ax-colors-fg-default-inverse);
-    --_5zzh0l: var(--ax-colors-bg-page);
-    --_1lbnxvf: var(--ax-colors-border-default);
-    --_1ckf441: var(--ax-colors-border-default);
-    --_1pf1vud: var(--ax-colors-bg-secondary);
-    --u326h8: var(--ax-colors-fg-default);
-    --wiae04: var(--ax-colors-bg-default-hovered);
-    --_1qu6ntg: var(--ax-colors-bg-default-pressed);
-  }
-  .aa38rw {
-    --_1qopxtk: var(--ax-colors-bg-accent);
-    --_8wlqe4: var(--ax-colors-bg-accent-hovered);
-    --b4imfd: var(--ax-colors-bg-accent-pressed);
-    --_5zzh0l: var(--ax-colors-bg-accent-subtle);
-    --_1pf1vud: var(--ax-colors-bg-accent-light);
-  }
-  ._1qg0cuf {
-    background-color: var(--ax-colors-bg-default);
-    border: 1px solid var(--_1ckf441, var(--_1qopxtk));
-    color: var(--u326h8, var(--_1qopxtk));
-    padding-inline: calc(var(--_104u00l) - 1px);
-  }
-  ._1qg0cuf:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--_1pf1vud);
-    border-color: var(--_1lbnxvf, var(--_8wlqe4));
-  }
-  ._1qg0cuf: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);
-  }
-  ._1qg0cuf[data-disabled]:not([data-loading]) {
-    border-color: var(--ax-colors-border-disabled);
-    color: var(--ax-colors-fg-disabled);
-  }
-  ._1xo6ycq {
-    --wlxp2m: 
-          conic-gradient(
-            from var(--_1tcr9va),
-            #8670ed 10%,
-            #617bff99 25%,
-            #8a53fe80 75%,
-            #8670ed 90%
-          )
-        ;
-    animation: uxx68b 4s linear infinite;
-    background-clip: padding-box, border-box;
-    background-color: var(--ax-colors-bg-default);
-    background-image: 
-        linear-gradient(
-          var(--ax-colors-bg-default),
-          var(--ax-colors-bg-default)
-        ),
-        var(--wlxp2m)
-      ;
-    background-origin: border-box;
-    border: 1px solid transparent;
-    color: var(--u326h8, var(--_1qopxtk));
-    padding-inline: calc(var(--_104u00l) - 1px);
-  }
-  ._1xo6ycq[data-disabled]:not([data-loading]) {
-    border-color: var(--ax-colors-border-disabled);
-    color: var(--ax-colors-fg-disabled);
-  }
-  .mrgwwc {
-    background-color: var(--_1qopxtk);
-    color: var(--cmxvgt, var(--ax-colors-fg-white));
-  }
-  .mrgwwc:active:not([data-disabled], [data-loading]) {
-    background-color: var(--b4imfd);
-  }
-  .mrgwwc[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(--_104u00l) - 1px);
-  }
-  ._1glgxxd {
-    animation: uxx68b 6s linear infinite;
-    background-image: 
-        conic-gradient(
-          from var(--_1tcr9va),
-          #392ecf,
-          #7740ec,
-          #392ecf
-        )
-      ;
-    color: var(--cmxvgt, var(--ax-colors-fg-white));
-  }
-  ._1glgxxd[data-disabled]:not([data-loading]) {
-    background-color: var(--ax-colors-bg-secondary);
-    background-image: none;
-    border: 1px solid var(--ax-colors-border-disabled);
-    color: var(--ax-colors-fg-disabled);
-    padding-inline: calc(var(--_104u00l) - 1px);
-  }
-  .h0lr19 {
-    background-color: transparent;
-    border-color: var(--_1qopxtk);
-    color: var(--u326h8, var(--_1qopxtk));
-  }
-  .h0lr19:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--_1qu6ntg, var(--_1pf1vud));
-  }
-  .h0lr19:is([data-state="active"], [data-state="on"]) {
-    background-color: var(--ax-colors-bg-accent-subtle);
-    color: var(--ax-colors-fg-accent);
-  }
-  .h0lr19[data-disabled]:not([data-loading]) {
-    color: var(--ax-colors-fg-disabled);
-  }
-  ._1jd7ug9 {
-    border-radius: var(--ax-borderRadius-full);
-  }
-  ._1o773o2 {
-    --_104u00l: 4px;
-  }
-  .axzn4a {
-    --_104u00l: 6px;
-  }
-  .o97l6q {
-    --_104u00l: 8px;
-  }
-  ._1co4v1c {
-    --_104u00l: 12px;
-  }
-  .mdg7v {
-    left: 0;
-    position: absolute;
-    right: 0;
-  }
-  @media (hover: hover) {
-    ._1qg0cuf:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-      background-color: var(--_5zzh0l);
-      border-color: var(--_1lbnxvf, var(--_8wlqe4));
-    }
-    ._1xo6ycq:hover:not(:active, [data-disabled], [data-loading]) {
-      --wlxp2m: 
-                    conic-gradient(
-                      from var(--_1tcr9va),
-                      #7C3AED,
-                      #8287FF 33%,
-                      #7D04C7 67%,
-                      #7C3AED
-                    )
-                  ;
-    }
-    .mrgwwc:hover:not(:active, [data-disabled], [data-loading]) {
-      background-color: var(--_8wlqe4);
-    }
-    .h0lr19:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-      background-color: var(--wiae04, var(--_5zzh0l));
-    }
-  }
-}

package/dist/cjs/assets/src/calendar/Calendar.css.ts.vanilla-Q6MkpCdN.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._1z0k6kw;
-@layer optiaxiom._1z0k6kw {
-  ._1y46axo {
-    min-height: 274px;
-  }
-}

package/dist/cjs/assets/src/calendar/CalendarGrid.css.ts.vanilla-VCmetZ1I.css

@@ -1,7 +0,0 @@
-@layer optiaxiom._1z0k6kw;
-@layer optiaxiom._1z0k6kw {
-  .hpz4zx {
-    height: 192px;
-    width: 236px;
-  }
-}

package/dist/cjs/assets/src/calendar/CalendarMonths.css.ts.vanilla-aTwaMJYt.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._1z0k6kw;
-@layer optiaxiom._1z0k6kw {
-  ._1psuqxy {
-    position: relative;
-  }
-}

package/dist/cjs/assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-WVvtdNLA.css

@@ -1,8 +0,0 @@
-@layer optiaxiom._1z0k6kw;
-@layer optiaxiom._1z0k6kw {
-  .oxk20c {
-    position: absolute;
-    right: 0;
-    top: 0;
-  }
-}

package/dist/cjs/assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-CuO7jKIr.css

@@ -1,8 +0,0 @@
-@layer optiaxiom._1z0k6kw;
-@layer optiaxiom._1z0k6kw {
-  ._19u4ojq {
-    position: absolute;
-    right: 32px;
-    top: 0;
-  }
-}

package/dist/cjs/assets/src/card/Card.css.ts.vanilla-lp0BOJRl.css

@@ -1,8 +0,0 @@
-@layer optiaxiom._1z0k6kw;
-@layer optiaxiom._1z0k6kw {
-  ._1k84hd1 {
-    --f533s0: var(--ax-borderRadius-lg);
-    border-radius: var(--ax-borderRadius-lg);
-    position: relative;
-  }
-}

package/dist/cjs/assets/src/card/CardCheckbox.css.ts.vanilla-lMAR5LJG.css

@@ -1,11 +0,0 @@
-@layer optiaxiom._1z0k6kw;
-@layer optiaxiom._1z0k6kw {
-  ._1yv8uod {
-    position: relative;
-  }
-  ._1yv8uod::before {
-    content: "";
-    inset: -8px;
-    position: absolute;
-  }
-}

package/dist/cjs/assets/src/card/CardHeader.css.ts.vanilla-B2__6n6W.css

@@ -1,15 +0,0 @@
-@layer optiaxiom._1z0k6kw;
-@layer optiaxiom._1z0k6kw {
-  ._1s87ljd {
-    min-height: var(--ax-size-sm);
-  }
-  ._1ri0f9o {
-    order: 3;
-  }
-  .k09d78 {
-    order: 1;
-  }
-  .aobr6p {
-    order: 2;
-  }
-}

package/dist/cjs/assets/src/code/Code.css.ts.vanilla-BU800jZF.css

@@ -1,10 +0,0 @@
-@layer optiaxiom._1z0k6kw;
-@layer optiaxiom._1z0k6kw {
-  ._1t0teb4 {
-    font-size: 0.9em;
-    font-variant-ligatures: none;
-  }
-  ._1t0teb4::after, ._1t0teb4::before {
-    content: "`";
-  }
-}