@optiaxiom/react 1.5.7 → 1.5.9

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, c as ExtendProps, A as ActionsContent, C as Checkbox, I as Input, d 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, T as ToggleInputHiddenInput, k as InputControlProps, l as InputRoot } from './Link-BULPyyH9.js';
-export { m as CheckboxProps, n as DialogContent, D as DialogContentProps, o as FlexProps, q as InputControl, p as InputProps, r as InputRootProps, s as Link, L as LinkProps, u as ListboxItemized, t as ListboxItemizedProps, G as LonghandProps, v as PopoverTriggerProps, J as TableHeaderCell, H as TableHeaderCellProps, y as mapResponsiveValue, z as normalizeResponsiveValue, x as sprinkles, w as vars } from './Link-BULPyyH9.js';
+import { R as RecipeVariants, B as BoxProps, S as Sprinkles, a as ButtonProps, E as ExcludeProps, F as Flex, b as Button, c as ExtendProps, A as ActionsContent, C as Checkbox, I as Input, d as Calendar, e as CalendarProps, f as Box, g as ResponsiveArray, T as ToggleInputHiddenInput, P as PopoverContent, h as PopoverContentProps, i as PopoverTrigger, M as ModalListbox, j as ButtonRoot, k as InputControlProps, l as InputRoot } from './Link-BY2ZKzFT.js';
+export { m as CheckboxProps, n as DialogContent, D as DialogContentProps, o as FlexProps, q as InputControl, p as InputProps, r as InputRootProps, s as Link, L as LinkProps, u as ListboxItemized, t as ListboxItemizedProps, G as LonghandProps, v as PopoverTriggerProps, J as TableHeaderCell, H as TableHeaderCellProps, y as mapResponsiveValue, z as normalizeResponsiveValue, x as sprinkles, w as vars } from './Link-BY2ZKzFT.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
 import * as RadixTooltip from '@radix-ui/react-tooltip';
@@ -790,7 +790,7 @@ type PopoverProps = {
      */
     open?: boolean;
 };
-declare function Popover({ children, defaultOpen, onOpenChange, open: openProp, ...props }: PopoverProps): react_jsx_runtime.JSX.Element;
+declare function Popover({ children, defaultOpen, modal, onOpenChange, open: openProp, }: PopoverProps): react_jsx_runtime.JSX.Element;
 declare namespace Popover {
     var displayName: string;
 }
@@ -977,7 +977,34 @@ declare const ListboxSeparator: react.ForwardRefExoticComponent<Omit<NonNullable
     className?: string;
 }>, never> & Omit<Omit<RadixSeparator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className" | "orientation"> & react.RefAttributes<HTMLDivElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "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<HTMLDivElement>>;
 
-type ListboxSwitchItemProps = ComponentPropsWithoutRef<typeof ListboxItem>;
+declare const thumb: (props?: {
+    size?: "md" | "lg" | undefined;
+} | undefined, className?: string) => {
+    className: string;
+};
+type SwitchVariants = RecipeVariants<typeof thumb>;
+
+type SwitchProps = BoxProps<typeof ToggleInputHiddenInput, SwitchVariants & {
+    /**
+     * Add secondary text after the label.
+     */
+    description?: ReactNode;
+}>;
+declare const Switch: react.ForwardRefExoticComponent<{
+    size?: "md" | "lg" | undefined;
+} & {
+    /**
+     * Add secondary text after the label.
+     */
+    description?: ReactNode;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, "size"> & Omit<Omit<{
+    onCheckedChange?: (checked: boolean) => void;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, never> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
+
+type ListboxSwitchItemProps = ComponentPropsWithoutRef<typeof ListboxItem> & Pick<ComponentPropsWithoutRef<typeof Switch>, "onCheckedChange">;
 declare const ListboxSwitchItem: react.ForwardRefExoticComponent<Omit<Omit<NonNullable<{
     intent?: "danger" | "neutral" | undefined;
 } & {
@@ -988,7 +1015,16 @@ declare const ListboxSwitchItem: react.ForwardRefExoticComponent<Omit<Omit<NonNu
 }>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & Pick<Omit<{
+    size?: "md" | "lg" | undefined;
+} & {
+    description?: react.ReactNode;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, "size"> & Omit<Omit<{
+    onCheckedChange?: (checked: boolean) => void;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, never> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "onCheckedChange"> & react.RefAttributes<HTMLDivElement>>;
 
 type DateRangePickerProps = ComponentPropsWithRef<typeof Popover> & {
     /**
@@ -2259,33 +2295,6 @@ declare const SubNav: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const thumb: (props?: {
-    size?: "md" | "lg" | undefined;
-} | undefined, className?: string) => {
-    className: string;
-};
-type SwitchVariants = RecipeVariants<typeof thumb>;
-
-type SwitchProps = BoxProps<typeof ToggleInputHiddenInput, SwitchVariants & {
-    /**
-     * Add secondary text after the label.
-     */
-    description?: ReactNode;
-}>;
-declare const Switch: react.ForwardRefExoticComponent<{
-    size?: "md" | "lg" | undefined;
-} & {
-    /**
-     * Add secondary text after the label.
-     */
-    description?: ReactNode;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, "size"> & Omit<Omit<{
-    onCheckedChange?: (checked: boolean) => void;
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, never> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
-
 type TabsProps = BoxProps<typeof RadixTabs.Root>;
 declare const Tabs: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;

package/dist/unstable.d.ts

@@ -1,9 +1,10 @@
 import * as react from 'react';
 import { ReactNode, ComponentPropsWithoutRef, ReactElement, ComponentPropsWithRef, RefAttributes } from 'react';
-import { B as BoxProps, S as Sprinkles, A as ActionsContent, E as ExcludeProps, C as Checkbox, s as Link, I as Input, u as ListboxItemized, J as TableHeaderCell, c as ExtendProps, n as DialogContent, P as PopoverContent, i as PopoverTrigger, R as RecipeVariants, F as Flex, a as ButtonProps } from './Link-BULPyyH9.js';
-export { d as Calendar, e as CalendarProps } from './Link-BULPyyH9.js';
+import { B as BoxProps, S as Sprinkles, A as ActionsContent, E as ExcludeProps, C as Checkbox, s as Link, I as Input, u as ListboxItemized, J as TableHeaderCell, c as ExtendProps, n as DialogContent, P as PopoverContent, i as PopoverTrigger, R as RecipeVariants, F as Flex, a as ButtonProps } from './Link-BY2ZKzFT.js';
+export { d as Calendar, e as CalendarProps } from './Link-BY2ZKzFT.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Header } from '@tanstack/react-table';
+import { DropzoneOptions } from 'react-dropzone';
 import * as RadixPopover from '@radix-ui/react-popover';
 import 'react-day-picker';
 import '@radix-ui/react-dialog';
@@ -248,6 +249,10 @@ type CommandOption = {
      * Allow filtering through sub-options independent of the parent menu.
      */
     subOptionsInputVisible?: boolean;
+    /**
+     * Whether to show a switch toggle instead of a check mark.
+     */
+    switch?: boolean;
     /**
      * Override the default filtering logic and fully control when an item is
      * visible based on the current inputValue.
@@ -290,9 +295,9 @@ type CommandProps = {
      */
     inputValue?: string;
     /**
-     * Whether to show loading spinner inside the menu.
+     * Whether to show loading spinner or placeholder items inside the menu.
      */
-    loading?: boolean;
+    loading?: "both" | "placeholder" | "spinner" | boolean;
     /**
      * Handler that is called when an item is hovered via mouse.
      */
@@ -403,6 +408,48 @@ declare const DataTableHeaderCell: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTableCellElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "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 FileUploadProps = BoxProps<"div", {
+    /**
+     * File types to accept for upload. An object with the keys set to the MIME
+     * type and the values an array of file extensions.
+     *
+     * @example
+     * {
+     *   "image/*": [],
+     * }
+     */
+    accept?: DropzoneOptions["accept"];
+    /**
+     * Callback function called when files are dropped or selected
+     */
+    onFilesDrop?: (files: File[]) => void;
+}>;
+declare const FileUpload: react.ForwardRefExoticComponent<{
+    /**
+     * File types to accept for upload. An object with the keys set to the MIME
+     * type and the values an array of file extensions.
+     *
+     * @example
+     * {
+     *   "image/*": [],
+     * }
+     */
+    accept?: DropzoneOptions["accept"];
+    /**
+     * Callback function called when files are dropped or selected
+     */
+    onFilesDrop?: (files: File[]) => void;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
+type FileUploadDropzoneProps = BoxProps;
+declare const FileUploadDropzone: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
 type HighlightProps = BoxProps<"div", {
     children?: (chunk: ReactElement) => ReactNode;
     /**
@@ -550,7 +597,7 @@ declare namespace Menu {
     var displayName: string;
 }
 
-type MenuContentProps = ExcludeProps<ComponentPropsWithoutRef<typeof DialogContent> & ComponentPropsWithoutRef<typeof PopoverContent>, "minW" | "size">;
+type MenuContentProps = ExcludeProps<ComponentPropsWithoutRef<typeof DialogContent> & ComponentPropsWithoutRef<typeof PopoverContent>, "size">;
 declare const MenuContent: react.ForwardRefExoticComponent<MenuContentProps & react.RefAttributes<HTMLDivElement>>;
 
 type MenuTriggerProps = ComponentPropsWithoutRef<typeof PopoverTrigger>;
@@ -731,7 +778,7 @@ declare const SpotlightTrigger: react.ForwardRefExoticComponent<Omit<{
 }>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<RadixPopover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "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" | "loading" | "appearance" | "square" | "icon" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<RadixPopover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "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" | "appearance" | "addonAfter" | "addonBefore" | "loading" | "square" | "icon" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
 
-export { Breadcrumb, Card, CardAction, CardCheckbox, CardFooter, CardHeader, CardImage, CardLink, CardPreview, Command, CommandInput, CommandItem, CommandListbox, DataTableHeaderCell, Highlight, InlineInput, Layout, Menu, MenuContent, MenuTrigger, Pill, PillGroup, Sortable, SortableGroup, SortableHandle, SortableItem, Spotlight, SpotlightContent, SpotlightTrigger };
-export type { BreadcrumbLink, BreadcrumbProps, CardActionProps, CardCheckboxProps, CardFooterProps, CardHeaderProps, CardImageProps, CardLinkProps, CardPreviewProps, CardProps, CommandInputProps, CommandItemProps, CommandListboxProps, CommandProps, DataTableHeaderCellProps, HighlightProps, InlineInputProps, LayoutProps, MenuContentProps, MenuOption, MenuProps, MenuTriggerProps, PillGroupProps, PillProps, SortableGroupProps, SortableHandleProps, SortableItemProps, SortableProps, SpotlightContentProps, SpotlightProps, SpotlightTriggerProps };
+export { Breadcrumb, Card, CardAction, CardCheckbox, CardFooter, CardHeader, CardImage, CardLink, CardPreview, Command, CommandInput, CommandItem, CommandListbox, DataTableHeaderCell, FileUpload, FileUploadDropzone, Highlight, InlineInput, Layout, Menu, MenuContent, MenuTrigger, Pill, PillGroup, Sortable, SortableGroup, SortableHandle, SortableItem, Spotlight, SpotlightContent, SpotlightTrigger };
+export type { BreadcrumbLink, BreadcrumbProps, CardActionProps, CardCheckboxProps, CardFooterProps, CardHeaderProps, CardImageProps, CardLinkProps, CardPreviewProps, CardProps, CommandInputProps, CommandItemProps, CommandListboxProps, CommandProps, DataTableHeaderCellProps, FileUploadDropzoneProps, FileUploadProps, HighlightProps, InlineInputProps, LayoutProps, MenuContentProps, MenuOption, MenuProps, MenuTriggerProps, PillGroupProps, PillProps, SortableGroupProps, SortableHandleProps, SortableItemProps, SortableProps, SpotlightContentProps, SpotlightProps, SpotlightTriggerProps };

package/package.json

@@ -4,10 +4,10 @@
   "repository": {
     "directory": "packages/react",
     "type": "git",
-    "url": "https://github.com/optimizely-axiom/optiaxiom.git"
+    "url": "git+https://github.com/optimizely-axiom/optiaxiom.git"
   },
   "type": "module",
-  "version": "1.5.7",
+  "version": "1.5.9",
   "files": [
     "dist/**",
     "LICENSE"
@@ -66,6 +66,7 @@
     "clsx": "^2.1.1",
     "downshift": "^9.0.9",
     "react-day-picker": "^9.7.0",
+    "react-dropzone": "^14.3.8",
     "react-remove-scroll": "^2.7.1",
     "use-sync-external-store": "^1.5.0",
     "@optiaxiom/globals": "^1.0.8"
@@ -78,6 +79,8 @@
     "@types/use-sync-external-store": "^1.5.0",
     "@vanilla-extract/css": "^1.17.3",
     "@vanilla-extract/sprinkles": "^1.6.4",
+    "autoprefixer": "^10.4.21",
+    "postcss": "^8.5.4",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "@optiaxiom/shared": "^0.0.0"

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

@@ -1,22 +0,0 @@
-@layer optiaxiom._1gbl9ta;
-@layer optiaxiom._1gbl9ta {
-  .k0fnmk {
-    transition: opacity var(--ax-duration-sm) ease;
-  }
-  ._57cazv:not(:has(._57cazv)):focus-within .k0fnmk, .k0fnmk:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
-    opacity: 1;
-    transition: none;
-  }
-  .n0tcsy {
-    opacity: 1;
-  }
-  .gcjqlu {
-    opacity: 0;
-  }
-  @media (hover: hover) {
-    ._57cazv:not(:has(._57cazv)):hover .k0fnmk {
-      opacity: 1;
-      transition: none;
-    }
-  }
-}

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

@@ -1,30 +0,0 @@
-@layer optiaxiom._1gbl9ta;
-@layer optiaxiom._1gbl9ta {
-  ._1akghmb {
-    opacity: 0;
-  }
-  ._9gwuik {
-    inset: 0;
-    position: fixed;
-  }
-  .mp3y5e {
-    max-height: 50dvh;
-    max-width: calc(100dvw - 2 * 24px);
-    transform: 
-      translateY(calc(1rem * var(--_44owiq)))
-      scale(calc(1 - 0.06 * var(--_44owiq)))
-    ;
-  }
-  .mp3y5e:focus-visible {
-    outline: none;
-  }
-  ._1kcckfk {
-    width: 400px;
-  }
-  ._5cmcvp {
-    width: 600px;
-  }
-  .q628ex {
-    width: 800px;
-  }
-}

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

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

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

@@ -1,46 +0,0 @@
-@layer optiaxiom._1gbl9ta;
-@layer optiaxiom._1gbl9ta {
-  .sbed5e {
-    --_6r0uxd: var(--ax-colors-fg-white);
-  }
-  ._164fhu1 {
-    --ewvray: var(--ax-colors-bg-error);
-    --_4wg2o6: var(--ax-colors-bg-error-subtle);
-    --_1ctsb1y: var(--ax-colors-fg-error-strong);
-  }
-  .datxjh {
-    --ewvray: var(--ax-colors-bg-information);
-    --_4wg2o6: var(--ax-colors-bg-information-subtle);
-    --_1ctsb1y: var(--ax-colors-fg-information-strong);
-  }
-  ._111tkcx {
-    --ewvray: var(--ax-colors-bg-tertiary);
-    --_6r0uxd: var(--ax-colors-fg-default);
-    --_4wg2o6: var(--ax-colors-bg-secondary);
-    --_1ctsb1y: var(--ax-colors-fg-secondary);
-  }
-  ._2n0ysl {
-    --ewvray: var(--ax-colors-bg-accent);
-    --_4wg2o6: var(--ax-colors-bg-accent-subtle);
-    --_1ctsb1y: var(--ax-colors-fg-accent-strong);
-  }
-  .bxlom6 {
-    --ewvray: var(--ax-colors-bg-success);
-    --_4wg2o6: var(--ax-colors-bg-success-subtle);
-    --_1ctsb1y: var(--ax-colors-fg-success-strong);
-  }
-  .xcdjxt {
-    --ewvray: var(--ax-colors-bg-warning);
-    --_6r0uxd: var(--ax-colors-fg-warning-inverse);
-    --_4wg2o6: var(--ax-colors-bg-warning-subtle);
-    --_1ctsb1y: var(--ax-colors-fg-warning-strong);
-  }
-  ._1m9w9hv {
-    background-color: var(--ewvray);
-    color: var(--_6r0uxd);
-  }
-  .umkx0e {
-    background-color: var(--_4wg2o6);
-    color: var(--_1ctsb1y);
-  }
-}

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

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

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

@@ -1,9 +0,0 @@
-@layer optiaxiom._1gbl9ta;
-@layer optiaxiom._1gbl9ta {
-  .mjdne8 {
-    opacity: 1;
-  }
-  .f0zrlh[data-loading] .mjdne8 {
-    opacity: 0;
-  }
-}

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

@@ -1,162 +0,0 @@
-@layer optiaxiom._1gbl9ta;
-@layer optiaxiom._1gbl9ta {
-  ._15gfqia {
-    border-radius: var(--ax-borderRadius-md);
-    cursor: pointer;
-    padding-inline: var(--_1wz5gwl);
-    position: relative;
-    text-decoration: none;
-    user-select: none;
-  }
-  ._15gfqia: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;
-  }
-  ._15gfqia[data-disabled] {
-    cursor: not-allowed;
-  }
-  ._101xik7[data-orientation="horizontal"] > ._15gfqia:not(:first-child):not(:last-child),._101xik7[data-orientation="horizontal"] > :not(:first-child):not(:last-child) ._15gfqia {
-    border-inline-width: 0.5px;
-  }
-  ._101xik7[data-orientation="horizontal"] > ._15gfqia:not(:only-child):first-child,._101xik7[data-orientation="horizontal"] > :not(:only-child):first-child ._15gfqia {
-    border-bottom-right-radius: 0;
-    border-right-width: 0.5px;
-    border-top-right-radius: 0;
-  }
-  ._101xik7[data-orientation="horizontal"] > ._15gfqia:not(:only-child):last-child,._101xik7[data-orientation="horizontal"] > :not(:only-child):last-child ._15gfqia {
-    border-bottom-left-radius: 0;
-    border-left-width: 0.5px;
-    border-top-left-radius: 0;
-  }
-  ._101xik7[data-orientation="vertical"] > ._15gfqia:not(:first-child):not(:last-child),._101xik7[data-orientation="vertical"] > :not(:first-child):not(:last-child) ._15gfqia {
-    border-block-width: 0.5px;
-  }
-  ._101xik7[data-orientation="vertical"] > ._15gfqia:not(:only-child):first-child,._101xik7[data-orientation="vertical"] > :not(:only-child):first-child ._15gfqia {
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-    border-bottom-width: 0.5px;
-  }
-  ._101xik7[data-orientation="vertical"] > ._15gfqia:not(:only-child):last-child,._101xik7[data-orientation="vertical"] > :not(:only-child):last-child ._15gfqia {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-    border-top-width: 0.5px;
-  }
-  ._101xik7[data-orientation] > ._15gfqia:not(:first-child):not(:last-child),._101xik7[data-orientation] > :not(:first-child):not(:last-child) ._15gfqia {
-    border-radius: 0;
-  }
-  ._1k2gry {
-    --joxbt2: var(--ax-colors-bg-error);
-    --k35uhe: var(--ax-colors-bg-error-hovered);
-    --_542y6t: var(--ax-colors-bg-error-pressed);
-    --sja8fe: var(--ax-colors-bg-error-subtlest);
-    --_1yph2vw: var(--ax-colors-bg-error-subtle);
-  }
-  .m3o731 {
-    --joxbt2: var(--ax-colors-bg-default-inverse);
-    --k35uhe: var(--ax-colors-bg-default-inverse-hovered);
-    --_542y6t: var(--ax-colors-bg-default-inverse-pressed);
-    --_2c2y9m: var(--ax-colors-fg-default-inverse);
-    --sja8fe: var(--ax-colors-bg-page);
-    --raapf4: var(--ax-colors-border-default);
-    --stc21c: var(--ax-colors-border-default);
-    --_1yph2vw: var(--ax-colors-bg-secondary);
-    --fxas8q: var(--ax-colors-fg-default);
-    --t3ozdx: var(--ax-colors-bg-default-hovered);
-    --_1pnwvg8: var(--ax-colors-bg-default-pressed);
-  }
-  .bcj7pi {
-    --joxbt2: var(--ax-colors-bg-accent);
-    --k35uhe: var(--ax-colors-bg-accent-hovered);
-    --_542y6t: var(--ax-colors-bg-accent-pressed);
-    --sja8fe: var(--ax-colors-bg-accent-subtle);
-    --_1yph2vw: var(--ax-colors-bg-accent-light);
-  }
-  ._1vf931w {
-    min-width: fit-content;
-  }
-  ._1dcyh8y {
-    background-image: linear-gradient(135deg, #392ECF 15%, #7740EC 85%);
-    color: var(--_2c2y9m, var(--ax-colors-fg-white));
-  }
-  ._1dcyh8y[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(--_1wz5gwl) - 1px);
-  }
-  .jauuuo {
-    background-color: var(--ax-colors-bg-default);
-    border: 1px solid var(--stc21c, var(--joxbt2));
-    color: var(--fxas8q, var(--joxbt2));
-    padding-inline: calc(var(--_1wz5gwl) - 1px);
-  }
-  .jauuuo:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--_1yph2vw);
-    border-color: var(--raapf4, var(--k35uhe));
-  }
-  .jauuuo: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);
-  }
-  .jauuuo[data-disabled]:not([data-loading]) {
-    border-color: var(--ax-colors-border-disabled);
-    color: var(--ax-colors-fg-disabled);
-  }
-  ._1vljd6n {
-    background-color: var(--joxbt2);
-    color: var(--_2c2y9m, var(--ax-colors-fg-white));
-  }
-  ._1vljd6n:active:not([data-disabled], [data-loading]) {
-    background-color: var(--_542y6t);
-  }
-  ._1vljd6n[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(--_1wz5gwl) - 1px);
-  }
-  ._10rlv9u {
-    background-color: transparent;
-    border-color: var(--joxbt2);
-    color: var(--fxas8q, var(--joxbt2));
-  }
-  ._10rlv9u:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--_1pnwvg8, var(--_1yph2vw));
-  }
-  ._10rlv9u:is([data-state="active"], [data-state="on"]) {
-    background-color: var(--ax-colors-bg-accent-subtle);
-    color: var(--ax-colors-fg-accent);
-  }
-  ._10rlv9u[data-disabled]:not([data-loading]) {
-    color: var(--ax-colors-fg-disabled);
-  }
-  .cbi7wh {
-    --_1wz5gwl: 4px;
-  }
-  ._88envf {
-    --_1wz5gwl: 8px;
-  }
-  ._63mtux {
-    --_1wz5gwl: 12px;
-  }
-  ._1e9lsup {
-    left: 0;
-    position: absolute;
-    right: 0;
-  }
-  @media (hover: hover) {
-    .jauuuo:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-      background-color: var(--sja8fe);
-      border-color: var(--raapf4, var(--k35uhe));
-    }
-    ._1vljd6n:hover:not(:active, [data-disabled], [data-loading]) {
-      background-color: var(--k35uhe);
-    }
-    ._10rlv9u:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-      background-color: var(--t3ozdx, var(--sja8fe));
-    }
-  }
-}

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

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

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

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

package/dist/cjs/assets/src/calendar/CalendarNav.css.ts.vanilla-Dd_s-ito.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._1gbl9ta;
-@layer optiaxiom._1gbl9ta {
-  ._1nwnx47 {
-    position: absolute;
-  }
-}

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

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

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

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

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

@@ -1,15 +0,0 @@
-@layer optiaxiom._1gbl9ta;
-@layer optiaxiom._1gbl9ta {
-  ._5tumoz {
-    min-height: var(--ax-size-sm);
-  }
-  ._7z43zr {
-    order: 3;
-  }
-  .ww3jk7 {
-    order: 1;
-  }
-  .gsrmyu {
-    order: 2;
-  }
-}

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

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

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

@@ -1,34 +0,0 @@
-@layer optiaxiom;
-@layer optiaxiom._1gbl9ta;
-@layer optiaxiom {
-  .a0oxm6 {
-    position: static;
-  }
-  .a0oxm6:focus-visible {
-    outline: none;
-  }
-}
-@layer optiaxiom._1gbl9ta {
-  ._14olrli {
-    --_1qrhkkk: solid;
-  }
-  ._14olrli::before {
-    content: "";
-    border-radius: var(--_1xfjh25, inherit);
-    inset: 0;
-    position: absolute;
-  }
-  ._14olrli:focus-visible::before {
-    outline: 2px var(--_1qrhkkk) var(--ax-colors-border-focus);
-    outline-offset: var(--rpzixc);
-  }
-  ._1reayas {
-    --rpzixc: 1px;
-  }
-  ._19uxhlc {
-    --rpzixc: -2px;
-  }
-  ._19uxhlc:is(a) {
-    --_1qrhkkk: auto;
-  }
-}

package/dist/cjs/assets/src/data-table/DataTableFooter.css.ts.vanilla-CaLfEAl9.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._1gbl9ta;
-@layer optiaxiom._1gbl9ta {
-  .tscn7a {
-    width: 180px;
-  }
-}