@optiaxiom/react 1.7.12 → 1.7.13

package/dist/unstable.d.ts

@@ -1,5 +1,5 @@
-import { B as BoxProps, y as TableHeaderCell, S as Sprinkles, f as Box, F as Flex, a as ButtonProps, E as ExcludeProps, R as RecipeVariants, o as Menu, n as MenuProps, q as MenuContent, p as MenuContentProps, s as MenuTrigger } from './MenuTrigger-C0Ab8gBW.js';
-export { C as Calendar, e as CalendarProps, z as createDialogKit, d as dialogkit } from './MenuTrigger-C0Ab8gBW.js';
+import { B as BoxProps, y as TableHeaderCell, S as Sprinkles, f as Box, F as Flex, a as ButtonProps, E as ExcludeProps, R as RecipeVariants, o as Menu, n as MenuProps, q as MenuContent, p as MenuContentProps, s as MenuTrigger } from './MenuTrigger-DWB6KgSO.js';
+export { C as Calendar, e as CalendarProps, z as createDialogKit, d as dialogkit } from './MenuTrigger-DWB6KgSO.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { CellContext } from '@tanstack/table-core';
 import * as react from 'react';
@@ -13,6 +13,12 @@ import '@radix-ui/react-dialog';
 type DataTableExpandableCellProps<TData, TValue> = CellContext<TData, TValue> & {
     children?: ReactNode;
 };
+/**
+ * Table cell component with expandable row functionality.
+ *
+ * @group DataTable
+ * @experimental
+ */
 declare function DataTableExpandableCell<TData, TValue>({ children, getValue, row, }: DataTableExpandableCellProps<TData, TValue>): react_jsx_runtime.JSX.Element;
 declare namespace DataTableExpandableCell {
     var displayName: string;
@@ -21,6 +27,12 @@ declare namespace DataTableExpandableCell {
 type DataTableExpandableHeaderProps = {
     children?: ReactNode;
 };
+/**
+ * Table header component for expandable columns.
+ *
+ * @group DataTable
+ * @experimental
+ */
 declare function DataTableExpandableHeader({ children, }: DataTableExpandableHeaderProps): react_jsx_runtime.JSX.Element;
 declare namespace DataTableExpandableHeader {
     var displayName: string;
@@ -32,6 +44,12 @@ type DataTableHeaderCellProps = BoxProps<typeof TableHeaderCell, {
      */
     header: Header<unknown, unknown>;
 }>;
+/**
+ * Table header cell with sorting and resizing functionality.
+ *
+ * @group DataTable
+ * @experimental
+ */
 declare const DataTableHeaderCell: react.ForwardRefExoticComponent<{
     /**
      * The Header instance to render.
@@ -48,12 +66,23 @@ declare const DataTableHeaderCell: react.ForwardRefExoticComponent<{
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTableCellElement>, "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" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className"> & react.RefAttributes<HTMLTableCellElement>>;
 
 type DetailsPanelProps = BoxProps<"aside">;
+/**
+ * Panel for showing additional content on the right side of the page.
+ *
+ * @group DetailsPanel
+ * @since 1.6.0
+ * @experimental
+ * @category container
+ */
 declare const DetailsPanel: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLElement>>;
 
 type DetailsPanelBodyProps = ComponentPropsWithRef<typeof Box>;
+/**
+ * @group DetailsPanel
+ */
 declare const DetailsPanelBody: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
@@ -62,12 +91,16 @@ declare const DetailsPanelBody: react.ForwardRefExoticComponent<Omit<Omit<Omit<N
 }, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 type DetailsPanelFooterProps = ComponentPropsWithRef<typeof Flex>;
-declare const DetailsPanelFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<NonNullable<Sprinkles & {
+/**
+ * @group DetailsPanel
+ */
+declare const DetailsPanelFooter: react.ForwardRefExoticComponent<Omit<Omit<{
+    alignItems?: BoxProps["alignItems"];
+    flexDirection?: BoxProps["flexDirection"];
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
-}, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+}>, "alignItems" | "flexDirection"> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
 }, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
@@ -85,6 +118,9 @@ type DetailsPanelHeaderProps = BoxProps<"div", {
      */
     description?: ReactNode;
 }>;
+/**
+ * @group DetailsPanel
+ */
 declare const DetailsPanelHeader: react.ForwardRefExoticComponent<{
     /**
      * Display content inside the header after `children`.
@@ -103,6 +139,11 @@ declare const DetailsPanelHeader: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLHeadingElement>>;
 
+/**
+ * Hook to access the dialog kit context.
+ *
+ * @experimental
+ */
 declare function useDialogKit(): {
     /**
      * The ID of the managed dialog item in the current context.
@@ -129,6 +170,13 @@ type FileUploadProps = BoxProps<"div", {
      */
     onFilesDrop?: (files: File[]) => void;
 }>;
+/**
+ * Capture file input from users with drag and drop.
+ *
+ * @category form
+ * @since 1.6.0
+ * @experimental
+ */
 declare const FileUpload: react.ForwardRefExoticComponent<{
     /**
      * File types to accept for upload. An array of strings of the MIME type
@@ -167,6 +215,9 @@ type FileUploadDropzoneProps = BoxProps<"div", {
      */
     overlay?: boolean;
 }>;
+/**
+ * @group FileUpload
+ */
 declare const FileUploadDropzone: react.ForwardRefExoticComponent<{
     /**
      * Add secondary text after the primary label.
@@ -187,6 +238,9 @@ declare const FileUploadDropzone: react.ForwardRefExoticComponent<{
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 type FileUploadTriggerProps = ButtonProps;
+/**
+ * @extends Button
+ */
 declare const FileUploadTrigger: react.ForwardRefExoticComponent<Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
@@ -219,6 +273,12 @@ type HighlightProps = BoxProps<"div", {
      */
     query?: RegExp | RegExp[] | string | string[];
 }>;
+/**
+ * Highlight query terms within text content.
+ *
+ * @category data-display
+ * @experimental
+ */
 declare const Highlight: react.ForwardRefExoticComponent<{
     children?: (chunk: ReactElement) => ReactNode;
     /**
@@ -235,15 +295,29 @@ declare const Highlight: react.ForwardRefExoticComponent<{
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className" | "content" | "children"> & react.RefAttributes<HTMLDivElement>>;
 
 type HoverCardProps = ComponentPropsWithoutRef<typeof RadixHoverCard.Root>;
+/**
+ * Display helpful text or previews inside a dialog when hovering over a link or button.
+ *
+ * @category overlay
+ * @group HoverCard
+ * @since 1.7.6
+ * @experimental
+ */
 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">;
+/**
+ * @group HoverCard
+ */
 declare const HoverCardContent: react.ForwardRefExoticComponent<HoverCardContentProps & react.RefAttributes<HTMLDivElement>>;
 
 type HoverCardTriggerProps = BoxProps<typeof RadixHoverCard.Trigger>;
+/**
+ * @group HoverCard
+ */
 declare const HoverCardTrigger: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
@@ -279,6 +353,13 @@ type InlineInputProps = BoxProps<"div", {
      */
     value?: string;
 }>;
+/**
+ * Seamless textbox for capturing user input with completely customizable visual styles.
+ *
+ * @category form
+ * @since 0.6.0
+ * @experimental
+ */
 declare const InlineInput: react.ForwardRefExoticComponent<{
     /**
      * The initial input value in uncontrolled mode.
@@ -338,6 +419,13 @@ type LayoutProps = BoxProps<"div", LayoutVariants & {
      */
     sidebar?: ReactNode;
 }>;
+/**
+ * Implement a basic page layout with multiple content areas.
+ *
+ * @category layout
+ * @since 1.6.0
+ * @experimental
+ */
 declare const Layout: react.ForwardRefExoticComponent<{
     size?: "full" | "screen" | undefined;
 } & {
@@ -363,6 +451,9 @@ declare const Layout: react.ForwardRefExoticComponent<{
 }>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 type LayoutContentProps = BoxProps<"div">;
+/**
+ * @group Layout
+ */
 declare const LayoutContent: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
@@ -382,6 +473,13 @@ type PillProps = BoxProps<"button", PillVariants & {
      */
     onDismiss?: () => void;
 }>;
+/**
+ * A pill is a visual representation of an attribute, usually representing tags or metrics.
+ *
+ * @category data-display
+ * @since 0.12.4
+ * @experimental
+ */
 declare const Pill: react.ForwardRefExoticComponent<PillVariants & {
     /**
      * Show a close button inside the pill and invoke this callback when the pill is clicked.
@@ -393,25 +491,44 @@ declare const Pill: react.ForwardRefExoticComponent<PillVariants & {
 }>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
 type PillGroupProps = ComponentPropsWithRef<typeof Flex>;
-declare const PillGroup: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<NonNullable<Sprinkles & {
+/**
+ * @group Pill
+ */
+declare const PillGroup: react.ForwardRefExoticComponent<Omit<Omit<{
+    alignItems?: BoxProps["alignItems"];
+    flexDirection?: BoxProps["flexDirection"];
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
-}, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+}>, "alignItems" | "flexDirection"> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
 }, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 type PillMenuProps = BoxProps<"div", Pick<ComponentPropsWithoutRef<typeof Menu>, "defaultOpen" | "empty" | "inputValue" | "inputVisible" | "loading" | "onInputValueChange" | "onOpenChange" | "open" | "options" | "placeholder">>;
+/**
+ * Dropdown menu for making selection with pills showing the selected items.
+ *
+ * @since 1.6.2
+ * @experimental
+ * @category data-display
+ * @category overlay
+
+ */
 declare const PillMenu: react.ForwardRefExoticComponent<Pick<MenuProps, "loading" | "placeholder" | "empty" | "inputValue" | "onInputValueChange" | "options" | "defaultOpen" | "inputVisible" | "onOpenChange" | "open"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 type PillMenuContentProps = ComponentPropsWithoutRef<typeof MenuContent>;
+/**
+ * @group PillMenu
+ */
 declare const PillMenuContent: react.ForwardRefExoticComponent<Omit<MenuContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 type PillMenuTriggerProps = ComponentPropsWithoutRef<typeof MenuTrigger>;
+/**
+ * @group PillMenu
+ */
 declare const PillMenuTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
@@ -490,6 +607,13 @@ type RangeProps = BoxProps<"input", Omit<NonNullable<RangeVariants>, "marks"> &
      */
     value?: number;
 }>;
+/**
+ * Allow users to select a numeric value within a range.
+ *
+ * @category form
+ * @since 1.7.12
+ * @experimental
+ */
 declare const Range: react.ForwardRefExoticComponent<Omit<{
     marks?: boolean | undefined;
     size?: "md" | "lg" | undefined;
@@ -573,6 +697,14 @@ type SortableProps<T extends Items> = BoxProps<"div", {
     onItemsChange?: (value: T) => void;
 }>;
 type Items = Record<string, string[]> | string[];
+/**
+ * Basic building blocks for sortable interfaces.
+ *
+ * @group Sortable
+ * @category actions
+ * @since 1.5.0
+ * @experimental
+ */
 declare const Sortable: (<T extends Items>(props: RefAttributes<HTMLDivElement> & SortableProps<T>) => null | ReactElement) & {
     displayName: string;
 };
@@ -588,6 +720,9 @@ type SortableGroupProps = BoxProps<"div", {
      */
     index: number;
 }>;
+/**
+ * @group Sortable
+ */
 declare const SortableGroup: react.ForwardRefExoticComponent<{
     children?: ((isDropTarget: boolean) => ReactNode) | ReactNode;
     /**
@@ -604,6 +739,9 @@ declare const SortableGroup: react.ForwardRefExoticComponent<{
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className" | "children"> & react.RefAttributes<HTMLDivElement>>;
 
 type SortableHandleProps = BoxProps;
+/**
+ * @group Sortable
+ */
 declare const SortableHandle: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
@@ -619,6 +757,9 @@ type SortableItemProps = BoxProps<"div", {
      */
     item: string;
 }>;
+/**
+ * @group Sortable
+ */
 declare const SortableItem: react.ForwardRefExoticComponent<{
     /**
      * Array index of the item that is being rendered.
@@ -634,15 +775,26 @@ declare const SortableItem: react.ForwardRefExoticComponent<{
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 type SpotlightProps = ExcludeProps<ComponentPropsWithoutRef<typeof Menu>, "inputVisible" | "size">;
+/**
+ * Command menu for search and application navigation.
+ *
+ * @experimental
+ */
 declare function Spotlight({ children, ...props }: SpotlightProps): react_jsx_runtime.JSX.Element;
 declare namespace Spotlight {
     var displayName: string;
 }
 
 type SpotlightContentProps = ComponentPropsWithoutRef<typeof MenuContent>;
+/**
+ * @group Spotlight
+ */
 declare const SpotlightContent: react.ForwardRefExoticComponent<Omit<MenuContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 type SpotlightTriggerProps = ButtonProps<typeof MenuTrigger>;
+/**
+ * @group Spotlight
+ */
 declare const SpotlightTrigger: react.ForwardRefExoticComponent<Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;

package/package.json

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

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

@@ -1,22 +0,0 @@
-@layer optiaxiom.vjnv2g;
-@layer optiaxiom.vjnv2g {
-  .gessz2 {
-    transition: opacity var(--ax-duration-sm) ease;
-  }
-  .a9lojs:not(:has(.a9lojs)):focus-within .gessz2, .gessz2:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
-    opacity: 1;
-    transition: none;
-  }
-  ._139kg7a {
-    opacity: 1;
-  }
-  .qz49em {
-    opacity: 0;
-  }
-  @media (hover: hover) {
-    .a9lojs:not(:has(.a9lojs)):hover .gessz2 {
-      opacity: 1;
-      transition: none;
-    }
-  }
-}

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

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

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

@@ -1,30 +0,0 @@
-@layer optiaxiom.vjnv2g;
-@layer optiaxiom.vjnv2g {
-  ._1qcdb6m {
-    opacity: 0;
-  }
-  ._1lncjzi {
-    inset: 0;
-    position: fixed;
-  }
-  ._1q1x8bh {
-    max-height: 50dvh;
-    max-width: calc(100dvw - 2 * 24px);
-    transform: 
-      translateY(calc(1rem * var(--_180mwpy)))
-      scale(calc(1 - 0.06 * var(--_180mwpy)))
-    ;
-  }
-  ._1q1x8bh:focus-visible {
-    outline: none;
-  }
-  ._7ao7d0 {
-    width: 400px;
-  }
-  .lsbg7j {
-    width: 600px;
-  }
-  ._1pastsk {
-    width: 800px;
-  }
-}

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

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

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

@@ -1,51 +0,0 @@
-@layer optiaxiom.vjnv2g;
-@layer optiaxiom.vjnv2g {
-  .tt0fnp {
-    --soc0o1: var(--ax-colors-fg-white);
-    -webkit-user-select: none;
-            user-select: none;
-  }
-  .tt0fnp:not(:empty) {
-    min-width: var(--ax-size-xs);
-  }
-  ._1xlu3fb {
-    --_1c42mm4: var(--ax-colors-bg-error);
-    --mxgzyj: var(--ax-colors-bg-error-subtle);
-    --_1t2ysa5: var(--ax-colors-fg-error-strong);
-  }
-  ._1yrg474 {
-    --_1c42mm4: var(--ax-colors-bg-information);
-    --mxgzyj: var(--ax-colors-bg-information-subtle);
-    --_1t2ysa5: var(--ax-colors-fg-information-strong);
-  }
-  ._1iblaou {
-    --_1c42mm4: var(--ax-colors-bg-tertiary);
-    --soc0o1: var(--ax-colors-fg-default);
-    --mxgzyj: var(--ax-colors-bg-secondary);
-    --_1t2ysa5: var(--ax-colors-fg-secondary);
-  }
-  ._9t8f2u {
-    --_1c42mm4: var(--ax-colors-bg-accent);
-    --mxgzyj: var(--ax-colors-bg-accent-subtle);
-    --_1t2ysa5: var(--ax-colors-fg-accent-strong);
-  }
-  ._194t5yg {
-    --_1c42mm4: var(--ax-colors-bg-success);
-    --mxgzyj: var(--ax-colors-bg-success-subtle);
-    --_1t2ysa5: var(--ax-colors-fg-success-strong);
-  }
-  ._1sury09 {
-    --_1c42mm4: var(--ax-colors-bg-warning);
-    --soc0o1: var(--ax-colors-fg-warning-inverse);
-    --mxgzyj: var(--ax-colors-bg-warning-subtle);
-    --_1t2ysa5: var(--ax-colors-fg-warning-strong);
-  }
-  ._11nf2b5 {
-    background-color: var(--_1c42mm4);
-    color: var(--soc0o1);
-  }
-  .olfbr1 {
-    background-color: var(--mxgzyj);
-    color: var(--_1t2ysa5);
-  }
-}

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

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

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

@@ -1,9 +0,0 @@
-@layer optiaxiom.vjnv2g;
-@layer optiaxiom.vjnv2g {
-  ._1b7pumg {
-    opacity: 1;
-  }
-  .kx95ht[data-loading] ._1b7pumg {
-    opacity: 0;
-  }
-}