@optiaxiom/react 1.7.4 → 1.7.6

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-xPgi3Fsc.css';
-import './../../../../assets/src/transition/Transition.css.ts.vanilla-DZUzVrds.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-KUi4_Raz.css';
+import './../../../../assets/src/transition/Transition.css.ts.vanilla-BDAwNyNl.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var transition = recipeRuntime({base:'o5c3ps',variants:{duration:{sm:'ba1v7s',md:'_1x35wif',lg:'_1v34dgx'}}});
+var transition = recipeRuntime({base:'_1jnb70x',variants:{duration:{sm:'_14lcm8',md:'_9xdmh8',lg:'_1a0k77a'}}});
 
 export { transition };

package/dist/esm/unstable.js

@@ -17,6 +17,9 @@ export { FileUploadDropzone } from './packages/react/src/file-upload/FileUploadD
 export { FileUploadTrigger } from './packages/react/src/file-upload/FileUploadTrigger.js';
 export { useFileUploadTrigger } from './packages/react/src/file-upload/useFileUploadTrigger.js';
 export { Highlight } from './packages/react/src/highlight/Highlight.js';
+export { HoverCard } from './packages/react/src/hover-card/HoverCard.js';
+export { HoverCardContent } from './packages/react/src/hover-card/HoverCardContent.js';
+export { HoverCardTrigger } from './packages/react/src/hover-card/HoverCardTrigger.js';
 export { InlineInput } from './packages/react/src/inline-input/InlineInput.js';
 export { Layout } from './packages/react/src/layout/Layout.js';
 export { LayoutContent } from './packages/react/src/layout/LayoutContent.js';

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';
@@ -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>>>, "holiday" | "placeholder" | "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">, "placeholder" | "type"> & 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, 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 RadixHoverCard from '@radix-ui/react-hover-card';
 import * as _radix_ui_react_popover from '@radix-ui/react-popover';
 import 'react-day-picker';
 import '@radix-ui/react-dialog';
@@ -295,6 +296,21 @@ declare const Highlight: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className" | "content" | "children"> & react.RefAttributes<HTMLDivElement>>;
 
+type HoverCardProps = ComponentPropsWithoutRef<typeof RadixHoverCard.Root>;
+declare function HoverCard({ children, defaultOpen, onOpenChange, open: openProp, openDelay, ...props }: HoverCardProps): react_jsx_runtime.JSX.Element;
+declare namespace HoverCard {
+    var displayName: string;
+}
+
+type HoverCardContentProps = ExcludeProps<BoxProps<typeof RadixHoverCard.Content>, "arrowPadding" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "forceMount" | "hideWhenDetached" | "sticky" | "updatePositionStrategy">;
+declare const HoverCardContent: react.ForwardRefExoticComponent<HoverCardContentProps & react.RefAttributes<HTMLDivElement>>;
+
+type HoverCardTriggerProps = BoxProps<typeof RadixHoverCard.Trigger>;
+declare const HoverCardTrigger: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<RadixHoverCard.HoverCardTriggerProps & react.RefAttributes<HTMLAnchorElement>, "ref">, "color" | "asChild" | "className"> & react.RefAttributes<HTMLAnchorElement>>;
+
 type InlineInputProps = BoxProps<"div", {
     /**
      * The initial input value in uncontrolled mode.
@@ -608,5 +624,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, 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 };
+export { CommandInput, CommandItem, CommandListbox, 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 { CommandInputProps, CommandItemProps, CommandListboxProps, 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 };

package/package.json

@@ -7,7 +7,7 @@
     "url": "git+https://github.com/optimizely-axiom/optiaxiom.git"
   },
   "type": "module",
-  "version": "1.7.4",
+  "version": "1.7.6",
   "files": [
     "dist/**",
     "LICENSE"
@@ -43,6 +43,7 @@
     "@radix-ui/react-dropdown-menu": "^2.1.16",
     "@radix-ui/react-focus-guards": "^1.1.3",
     "@radix-ui/react-focus-scope": "^1.1.7",
+    "@radix-ui/react-hover-card": "^1.1.15",
     "@radix-ui/react-id": "^1.1.1",
     "@radix-ui/react-label": "^2.1.7",
     "@radix-ui/react-menu": "^2.1.16",

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

@@ -1,22 +0,0 @@
-@layer optiaxiom.x1xxlo;
-@layer optiaxiom.x1xxlo {
-  .s08shk {
-    transition: opacity var(--ax-duration-sm) ease;
-  }
-  .nv26jo:not(:has(.nv26jo)):focus-within .s08shk, .s08shk:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
-    opacity: 1;
-    transition: none;
-  }
-  ._1nwriwh {
-    opacity: 1;
-  }
-  .um37qj {
-    opacity: 0;
-  }
-  @media (hover: hover) {
-    .nv26jo:not(:has(.nv26jo)):hover .s08shk {
-      opacity: 1;
-      transition: none;
-    }
-  }
-}

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

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

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

@@ -1,30 +0,0 @@
-@layer optiaxiom.x1xxlo;
-@layer optiaxiom.x1xxlo {
-  .trcbdg {
-    opacity: 0;
-  }
-  .q3fhgb {
-    inset: 0;
-    position: fixed;
-  }
-  ._1vnwjr2 {
-    max-height: 50dvh;
-    max-width: calc(100dvw - 2 * 24px);
-    transform: 
-      translateY(calc(1rem * var(--bu2tx1)))
-      scale(calc(1 - 0.06 * var(--bu2tx1)))
-    ;
-  }
-  ._1vnwjr2:focus-visible {
-    outline: none;
-  }
-  .dmwcgy {
-    width: 400px;
-  }
-  ._4a6f5j {
-    width: 600px;
-  }
-  .xcg1l2 {
-    width: 800px;
-  }
-}

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

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

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

@@ -1,51 +0,0 @@
-@layer optiaxiom.x1xxlo;
-@layer optiaxiom.x1xxlo {
-  ._18afkty {
-    --lqawj3: var(--ax-colors-fg-white);
-    -webkit-user-select: none;
-            user-select: none;
-  }
-  ._18afkty:not(:empty) {
-    min-width: var(--ax-size-xs);
-  }
-  ._1ea3pi {
-    --_1fxjm8f: var(--ax-colors-bg-error);
-    --prc8as: var(--ax-colors-bg-error-subtle);
-    --_1yc8ku5: var(--ax-colors-fg-error-strong);
-  }
-  ._9bngo7 {
-    --_1fxjm8f: var(--ax-colors-bg-information);
-    --prc8as: var(--ax-colors-bg-information-subtle);
-    --_1yc8ku5: var(--ax-colors-fg-information-strong);
-  }
-  .e41mkz {
-    --_1fxjm8f: var(--ax-colors-bg-tertiary);
-    --lqawj3: var(--ax-colors-fg-default);
-    --prc8as: var(--ax-colors-bg-secondary);
-    --_1yc8ku5: var(--ax-colors-fg-secondary);
-  }
-  ._6d3srd {
-    --_1fxjm8f: var(--ax-colors-bg-accent);
-    --prc8as: var(--ax-colors-bg-accent-subtle);
-    --_1yc8ku5: var(--ax-colors-fg-accent-strong);
-  }
-  .ndsmjx {
-    --_1fxjm8f: var(--ax-colors-bg-success);
-    --prc8as: var(--ax-colors-bg-success-subtle);
-    --_1yc8ku5: var(--ax-colors-fg-success-strong);
-  }
-  .gyyrl2 {
-    --_1fxjm8f: var(--ax-colors-bg-warning);
-    --lqawj3: var(--ax-colors-fg-warning-inverse);
-    --prc8as: var(--ax-colors-bg-warning-subtle);
-    --_1yc8ku5: var(--ax-colors-fg-warning-strong);
-  }
-  ._1re1dv7 {
-    background-color: var(--_1fxjm8f);
-    color: var(--lqawj3);
-  }
-  .e6ej7r {
-    background-color: var(--prc8as);
-    color: var(--_1yc8ku5);
-  }
-}

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

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

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

@@ -1,9 +0,0 @@
-@layer optiaxiom.x1xxlo;
-@layer optiaxiom.x1xxlo {
-  ._1ec334w {
-    opacity: 1;
-  }
-  .g520ot[data-loading] ._1ec334w {
-    opacity: 0;
-  }
-}

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

@@ -1,224 +0,0 @@
-@property --_1z0ypfg {
-  syntax: "<angle>";
-  inherits: false;
-  initial-value: 0turn;
-}
-@keyframes tz6jg2 {
-  100% {
-    --_1z0ypfg: 1turn;
-  }
-}
-@layer optiaxiom.x1xxlo;
-@layer optiaxiom.x1xxlo {
-  ._1qtms06 {
-    border-radius: var(--ax-borderRadius-md);
-    cursor: pointer;
-    padding-inline: var(--_12zr1ns);
-    position: relative;
-    text-decoration: none;
-    -webkit-user-select: none;
-            user-select: none;
-  }
-  ._1qtms06: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;
-  }
-  ._1qtms06[data-disabled] {
-    cursor: not-allowed;
-  }
-  .dthuhp[data-orientation="horizontal"] > ._1qtms06:not(:first-child):not(:last-child),.dthuhp[data-orientation="horizontal"] > :not(:first-child):not(:last-child) ._1qtms06 {
-    border-inline-width: 0.5px;
-  }
-  .dthuhp[data-orientation="horizontal"] > ._1qtms06:not(:only-child):first-child,.dthuhp[data-orientation="horizontal"] > :not(:only-child):first-child ._1qtms06 {
-    border-bottom-right-radius: 0;
-    border-right-width: 0.5px;
-    border-top-right-radius: 0;
-  }
-  .dthuhp[data-orientation="horizontal"] > ._1qtms06:not(:only-child):last-child,.dthuhp[data-orientation="horizontal"] > :not(:only-child):last-child ._1qtms06 {
-    border-bottom-left-radius: 0;
-    border-left-width: 0.5px;
-    border-top-left-radius: 0;
-  }
-  .dthuhp[data-orientation="vertical"] > ._1qtms06:not(:first-child):not(:last-child),.dthuhp[data-orientation="vertical"] > :not(:first-child):not(:last-child) ._1qtms06 {
-    border-block-width: 0.5px;
-  }
-  .dthuhp[data-orientation="vertical"] > ._1qtms06:not(:only-child):first-child,.dthuhp[data-orientation="vertical"] > :not(:only-child):first-child ._1qtms06 {
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-    border-bottom-width: 0.5px;
-  }
-  .dthuhp[data-orientation="vertical"] > ._1qtms06:not(:only-child):last-child,.dthuhp[data-orientation="vertical"] > :not(:only-child):last-child ._1qtms06 {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-    border-top-width: 0.5px;
-  }
-  .dthuhp[data-orientation] > ._1qtms06:not(:first-child):not(:last-child),.dthuhp[data-orientation] > :not(:first-child):not(:last-child) ._1qtms06 {
-    border-radius: 0;
-  }
-  ._1r5zbq2 {
-    --_9uq28e: var(--ax-colors-bg-error);
-    --_922z9g: var(--ax-colors-bg-error-hovered);
-    --vsv351: var(--ax-colors-bg-error-pressed);
-    --jzoxqv: var(--ax-colors-bg-error-subtlest);
-    --_1jtxvgw: var(--ax-colors-bg-error-subtle);
-  }
-  .uwjh58 {
-    --_9uq28e: var(--ax-colors-bg-default-inverse);
-    --_922z9g: var(--ax-colors-bg-default-inverse-hovered);
-    --vsv351: var(--ax-colors-bg-default-inverse-pressed);
-    --_1b7ws49: var(--ax-colors-fg-default-inverse);
-    --jzoxqv: var(--ax-colors-bg-page);
-    --_173a1i2: var(--ax-colors-border-default);
-    --_1kg6pal: var(--ax-colors-border-default);
-    --_1jtxvgw: var(--ax-colors-bg-secondary);
-    --_1kjjylb: var(--ax-colors-fg-default);
-    --_89vbg3: var(--ax-colors-bg-default-hovered);
-    --_5ekl2b: var(--ax-colors-bg-default-pressed);
-  }
-  .qw4tlz {
-    --_9uq28e: var(--ax-colors-bg-accent);
-    --_922z9g: var(--ax-colors-bg-accent-hovered);
-    --vsv351: var(--ax-colors-bg-accent-pressed);
-    --jzoxqv: var(--ax-colors-bg-accent-subtle);
-    --_1jtxvgw: var(--ax-colors-bg-accent-light);
-  }
-  .zo90rd {
-    background-color: var(--ax-colors-bg-default);
-    border: 1px solid var(--_1kg6pal, var(--_9uq28e));
-    color: var(--_1kjjylb, var(--_9uq28e));
-    padding-inline: calc(var(--_12zr1ns) - 1px);
-  }
-  .zo90rd:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--_1jtxvgw);
-    border-color: var(--_173a1i2, var(--_922z9g));
-  }
-  .zo90rd: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);
-  }
-  .zo90rd[data-disabled]:not([data-loading]) {
-    border-color: var(--ax-colors-border-disabled);
-    color: var(--ax-colors-fg-disabled);
-  }
-  ._20mvzq {
-    --_1ezq9lf: 
-          conic-gradient(
-            from var(--_1z0ypfg),
-            #8670ed 10%,
-            #617bff99 25%,
-            #8a53fe80 75%,
-            #8670ed 90%
-          )
-        ;
-    animation: tz6jg2 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(--_1ezq9lf)
-      ;
-    background-origin: border-box;
-    border: 1px solid transparent;
-    color: var(--_1kjjylb, var(--_9uq28e));
-    padding-inline: calc(var(--_12zr1ns) - 1px);
-  }
-  ._20mvzq[data-disabled]:not([data-loading]) {
-    border-color: var(--ax-colors-border-disabled);
-    color: var(--ax-colors-fg-disabled);
-  }
-  .imwd7t {
-    background-color: var(--_9uq28e);
-    color: var(--_1b7ws49, var(--ax-colors-fg-white));
-  }
-  .imwd7t:active:not([data-disabled], [data-loading]) {
-    background-color: var(--vsv351);
-  }
-  .imwd7t[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(--_12zr1ns) - 1px);
-  }
-  .wyufob {
-    animation: tz6jg2 6s linear infinite;
-    background-image: 
-        conic-gradient(
-          from var(--_1z0ypfg),
-          #392ecf,
-          #7740ec,
-          #392ecf
-        )
-      ;
-    color: var(--_1b7ws49, var(--ax-colors-fg-white));
-  }
-  .wyufob[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(--_12zr1ns) - 1px);
-  }
-  ._1y86ng3 {
-    background-color: transparent;
-    border-color: var(--_9uq28e);
-    color: var(--_1kjjylb, var(--_9uq28e));
-  }
-  ._1y86ng3:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--_5ekl2b, var(--_1jtxvgw));
-  }
-  ._1y86ng3:is([data-state="active"], [data-state="on"]) {
-    background-color: var(--ax-colors-bg-accent-subtle);
-    color: var(--ax-colors-fg-accent);
-  }
-  ._1y86ng3[data-disabled]:not([data-loading]) {
-    color: var(--ax-colors-fg-disabled);
-  }
-  ._1uvkhkc {
-    border-radius: var(--ax-borderRadius-full);
-  }
-  ._1e6mm98 {
-    --_12zr1ns: 4px;
-  }
-  .rl0fpe {
-    --_12zr1ns: 6px;
-  }
-  ._1uj3uj1 {
-    --_12zr1ns: 8px;
-  }
-  .scoweb {
-    --_12zr1ns: 12px;
-  }
-  .jwnwnh {
-    left: 0;
-    position: absolute;
-    right: 0;
-  }
-  @media (hover: hover) {
-    .zo90rd:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-      background-color: var(--jzoxqv);
-      border-color: var(--_173a1i2, var(--_922z9g));
-    }
-    ._20mvzq:hover:not(:active, [data-disabled], [data-loading]) {
-      --_1ezq9lf: 
-                    conic-gradient(
-                      from var(--_1z0ypfg),
-                      #7C3AED,
-                      #8287FF 33%,
-                      #7D04C7 67%,
-                      #7C3AED
-                    )
-                  ;
-    }
-    .imwd7t:hover:not(:active, [data-disabled], [data-loading]) {
-      background-color: var(--_922z9g);
-    }
-    ._1y86ng3:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-      background-color: var(--_89vbg3, var(--jzoxqv));
-    }
-  }
-}

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,15 +0,0 @@
-@layer optiaxiom.x1xxlo;
-@layer optiaxiom.x1xxlo {
-  .l2fdmk {
-    min-height: var(--ax-size-sm);
-  }
-  ._1rkce1a {
-    order: 3;
-  }
-  ._1csteex {
-    order: 1;
-  }
-  ._11wkuoj {
-    order: 2;
-  }
-}

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

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

package/dist/cjs/assets/src/command/CommandItem.css.ts.vanilla-CvSkhhp1.css

@@ -1,6 +0,0 @@
-@layer optiaxiom.x1xxlo;
-@layer optiaxiom.x1xxlo {
-  ._16yw6io {
-    flex-shrink: 99999;
-  }
-}

package/dist/cjs/assets/src/cover/Cover.css.ts.vanilla-HR4EWXvK.css

@@ -1,34 +0,0 @@
-@layer optiaxiom;
-@layer optiaxiom.x1xxlo;
-@layer optiaxiom {
-  .joj5m8 {
-    position: static;
-  }
-  .joj5m8:focus-visible {
-    outline: none;
-  }
-}
-@layer optiaxiom.x1xxlo {
-  .vhtco6 {
-    --_1ik6mwi: solid;
-  }
-  .vhtco6::before {
-    content: "";
-    border-radius: var(--kwr60w, inherit);
-    inset: 0;
-    position: absolute;
-  }
-  .vhtco6:focus-visible::before {
-    outline: 2px var(--_1ik6mwi) var(--ax-colors-border-focus);
-    outline-offset: var(--_1cyui7h);
-  }
-  ._9uouzv {
-    --_1cyui7h: 1px;
-  }
-  ._1a196qy {
-    --_1cyui7h: -2px;
-  }
-  ._1a196qy:is(a) {
-    --_1ik6mwi: auto;
-  }
-}

package/dist/cjs/assets/src/data-table/DataTableBody.css.ts.vanilla-BWrynyzB.css

@@ -1,40 +0,0 @@
-@property --r11hqr {
-  syntax: "<color>";
-  inherits: false;
-  initial-value: transparent;
-}
-@layer optiaxiom.x1xxlo;
-@layer optiaxiom.x1xxlo {
-  .z1f848 {
-    flex-grow: calc(var(--kh6qe) / var(--_1f3xayq));
-    width: calc(1px * var(--kh6qe));
-  }
-  ._175s1bh {
-    left: var(--amyah7);
-  }
-  .ppdqna {
-    right: var(--amyah7);
-  }
-  ._1etsz6c {
-    background-color: var(--ax-colors-bg-default);
-    background-image: linear-gradient(var(--r11hqr), var(--r11hqr));
-    transition: --r11hqr var(--ax-duration-sm) ease;
-  }
-  .b6463v[data-selected] ._1etsz6c {
-    --r11hqr: var(--ax-colors-bg-accent-subtle);
-  }
-  @media (hover: hover) {
-    .b6463v:hover ._1etsz6c {
-      --r11hqr: var(--ax-colors-bg-default-hovered);
-    }
-    .b6463v[data-selected]:hover ._1etsz6c {
-      --r11hqr: 
-                  color-mix(
-                    in srgb,
-                    var(--ax-colors-bg-accent-subtle),
-                    var(--ax-colors-bg-accent-light) 15%
-                  )
-                ;
-    }
-  }
-}