@optiaxiom/react 1.5.10 → 1.5.12

package/dist/unstable.d.ts

@@ -1,7 +1,7 @@
 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-BaAj_5qc.js';
-export { d as Calendar, e as CalendarProps } from './Link-BaAj_5qc.js';
+import { ComponentPropsWithRef, ReactNode, ComponentPropsWithoutRef, ReactElement, RefAttributes } from 'react';
+import { B as BoxProps, S as Sprinkles, f as Box, F as Flex, 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, a as ButtonProps } from './Link-6qDl0Vlu.js';
+export { d as Calendar, e as CalendarProps } from './Link-6qDl0Vlu.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Header } from '@tanstack/react-table';
 import { DropzoneOptions } from 'react-dropzone';
@@ -9,6 +9,62 @@ import * as RadixPopover from '@radix-ui/react-popover';
 import 'react-day-picker';
 import '@radix-ui/react-dialog';
 
+type AsideProps = BoxProps<"aside">;
+declare const Aside: 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 AsideBodyProps = ComponentPropsWithRef<typeof Box>;
+declare const AsideBody: react.ForwardRefExoticComponent<Omit<Omit<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>>;
+
+type AsideFooterProps = ComponentPropsWithRef<typeof Flex>;
+declare const AsideFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<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"> & {
+    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 AsideHeaderProps = BoxProps<"div", {
+    /**
+     * Display content inside the header after `children`.
+     */
+    addonAfter?: ReactNode;
+    /**
+     * Display content inside the header before `children`.
+     */
+    addonBefore?: ReactNode;
+    /**
+     * Add secondary text after the primary title.
+     */
+    description?: ReactNode;
+}>;
+declare const AsideHeader: react.ForwardRefExoticComponent<{
+    /**
+     * Display content inside the header after `children`.
+     */
+    addonAfter?: ReactNode;
+    /**
+     * Display content inside the header before `children`.
+     */
+    addonBefore?: ReactNode;
+    /**
+     * Add secondary text after the primary title.
+     */
+    description?: ReactNode;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLHeadingElement>>;
+
 type BreadcrumbProps = BoxProps<"nav", {
     /**
      * The items we want to render.
@@ -194,7 +250,7 @@ type CommandOption = {
      */
     description?: ((context: {
         inputValue: string | undefined;
-    }) => string) | string;
+    }) => ReactNode) | ReactNode;
     /**
      * Secondary text displayed next to the label.
      */
@@ -557,20 +613,36 @@ declare const InlineInput: react.ForwardRefExoticComponent<{
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className" | "defaultValue"> & react.RefAttributes<HTMLDivElement>>;
 
 type LayoutProps = BoxProps<"div", {
+    /**
+     * Content for the aside area of the layout.
+     */
+    aside?: ReactNode;
     /**
      * Content for the header area of the layout.
      */
     header?: ReactNode;
+    /**
+     * Whether to enable resizable panels for the aside area.
+     */
+    resizable?: boolean;
     /**
      * Content for the sidebar area of the layout.
      */
     sidebar?: ReactNode;
 }>;
 declare const Layout: react.ForwardRefExoticComponent<{
+    /**
+     * Content for the aside area of the layout.
+     */
+    aside?: ReactNode;
     /**
      * Content for the header area of the layout.
      */
     header?: ReactNode;
+    /**
+     * Whether to enable resizable panels for the aside area.
+     */
+    resizable?: boolean;
     /**
      * Content for the sidebar area of the layout.
      */
@@ -617,9 +689,7 @@ type MenuContentProps = ExcludeProps<ComponentPropsWithoutRef<typeof DialogConte
 declare const MenuContent: react.ForwardRefExoticComponent<MenuContentProps & react.RefAttributes<HTMLDivElement>>;
 
 type MenuTriggerProps = ComponentPropsWithoutRef<typeof PopoverTrigger>;
-declare const MenuTrigger: react.ForwardRefExoticComponent<Omit<{
-    hasCustomAnchor?: boolean;
-} & Omit<{
+declare const MenuTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
     icon?: react.ReactNode;
@@ -775,9 +845,7 @@ declare const SpotlightTrigger: react.ForwardRefExoticComponent<Omit<{
 }>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<Omit<{
-    hasCustomAnchor?: boolean;
-} & Omit<{
+}>, "size"> & Omit<Omit<Omit<Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
     icon?: react.ReactNode;
@@ -796,5 +864,5 @@ declare const SpotlightTrigger: react.ForwardRefExoticComponent<Omit<{
     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>>;
 
-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 { BreadcrumbItem, 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 };
+export { Aside, AsideBody, AsideFooter, AsideHeader, 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 { AsideBodyProps, AsideFooterProps, AsideHeaderProps, AsideProps, BreadcrumbItem, 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

@@ -7,7 +7,7 @@
     "url": "git+https://github.com/optimizely-axiom/optiaxiom.git"
   },
   "type": "module",
-  "version": "1.5.10",
+  "version": "1.5.12",
   "files": [
     "dist/**",
     "LICENSE"
@@ -68,6 +68,7 @@
     "react-day-picker": "^9.7.0",
     "react-dropzone": "^14.3.8",
     "react-remove-scroll": "^2.7.1",
+    "react-resizable-panels": "^3.0.3",
     "use-sync-external-store": "^1.5.0",
     "@optiaxiom/globals": "^1.0.8"
   },

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

@@ -1,22 +0,0 @@
-@layer optiaxiom._1ee6v2p;
-@layer optiaxiom._1ee6v2p {
-  ._1k88kph {
-    transition: opacity var(--ax-duration-sm) ease;
-  }
-  ._1widhgz:not(:has(._1widhgz)):focus-within ._1k88kph, ._1k88kph:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
-    opacity: 1;
-    transition: none;
-  }
-  .uvr48f {
-    opacity: 1;
-  }
-  ._1odk0jj {
-    opacity: 0;
-  }
-  @media (hover: hover) {
-    ._1widhgz:not(:has(._1widhgz)):hover ._1k88kph {
-      opacity: 1;
-      transition: none;
-    }
-  }
-}

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

@@ -1,30 +0,0 @@
-@layer optiaxiom._1ee6v2p;
-@layer optiaxiom._1ee6v2p {
-  ._16tkcoq {
-    opacity: 0;
-  }
-  .rl21zh {
-    inset: 0;
-    position: fixed;
-  }
-  ._12tw3rj {
-    max-height: 50dvh;
-    max-width: calc(100dvw - 2 * 24px);
-    transform: 
-      translateY(calc(1rem * var(--kxwbtf)))
-      scale(calc(1 - 0.06 * var(--kxwbtf)))
-    ;
-  }
-  ._12tw3rj:focus-visible {
-    outline: none;
-  }
-  .oms8am {
-    width: 400px;
-  }
-  ._16iwgxp {
-    width: 600px;
-  }
-  .j4v7xp {
-    width: 800px;
-  }
-}

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

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

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

@@ -1,48 +0,0 @@
-@layer optiaxiom._1ee6v2p;
-@layer optiaxiom._1ee6v2p {
-  ._2izl6u {
-    --_1ybouoq: var(--ax-colors-fg-white);
-    -webkit-user-select: none;
-            user-select: none;
-  }
-  ._16d90ui {
-    --_190jij2: var(--ax-colors-bg-error);
-    --_1j53go2: var(--ax-colors-bg-error-subtle);
-    --_1mu4k8u: var(--ax-colors-fg-error-strong);
-  }
-  ._15mgm5i {
-    --_190jij2: var(--ax-colors-bg-information);
-    --_1j53go2: var(--ax-colors-bg-information-subtle);
-    --_1mu4k8u: var(--ax-colors-fg-information-strong);
-  }
-  ._3xwv4a {
-    --_190jij2: var(--ax-colors-bg-tertiary);
-    --_1ybouoq: var(--ax-colors-fg-default);
-    --_1j53go2: var(--ax-colors-bg-secondary);
-    --_1mu4k8u: var(--ax-colors-fg-secondary);
-  }
-  .wgefih {
-    --_190jij2: var(--ax-colors-bg-accent);
-    --_1j53go2: var(--ax-colors-bg-accent-subtle);
-    --_1mu4k8u: var(--ax-colors-fg-accent-strong);
-  }
-  ._1ix52g9 {
-    --_190jij2: var(--ax-colors-bg-success);
-    --_1j53go2: var(--ax-colors-bg-success-subtle);
-    --_1mu4k8u: var(--ax-colors-fg-success-strong);
-  }
-  .mhog9k {
-    --_190jij2: var(--ax-colors-bg-warning);
-    --_1ybouoq: var(--ax-colors-fg-warning-inverse);
-    --_1j53go2: var(--ax-colors-bg-warning-subtle);
-    --_1mu4k8u: var(--ax-colors-fg-warning-strong);
-  }
-  .uhwg00 {
-    background-color: var(--_190jij2);
-    color: var(--_1ybouoq);
-  }
-  .udbe6q {
-    background-color: var(--_1j53go2);
-    color: var(--_1mu4k8u);
-  }
-}

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

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

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

@@ -1,9 +0,0 @@
-@layer optiaxiom._1ee6v2p;
-@layer optiaxiom._1ee6v2p {
-  ._1mkpvs9 {
-    opacity: 1;
-  }
-  ._1antart[data-loading] ._1mkpvs9 {
-    opacity: 0;
-  }
-}

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

@@ -1,163 +0,0 @@
-@layer optiaxiom._1ee6v2p;
-@layer optiaxiom._1ee6v2p {
-  .acghfb {
-    border-radius: var(--ax-borderRadius-md);
-    cursor: pointer;
-    padding-inline: var(--_1r4cdds);
-    position: relative;
-    text-decoration: none;
-    -webkit-user-select: none;
-            user-select: none;
-  }
-  .acghfb: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;
-  }
-  .acghfb[data-disabled] {
-    cursor: not-allowed;
-  }
-  .tyxy8l[data-orientation="horizontal"] > .acghfb:not(:first-child):not(:last-child),.tyxy8l[data-orientation="horizontal"] > :not(:first-child):not(:last-child) .acghfb {
-    border-inline-width: 0.5px;
-  }
-  .tyxy8l[data-orientation="horizontal"] > .acghfb:not(:only-child):first-child,.tyxy8l[data-orientation="horizontal"] > :not(:only-child):first-child .acghfb {
-    border-bottom-right-radius: 0;
-    border-right-width: 0.5px;
-    border-top-right-radius: 0;
-  }
-  .tyxy8l[data-orientation="horizontal"] > .acghfb:not(:only-child):last-child,.tyxy8l[data-orientation="horizontal"] > :not(:only-child):last-child .acghfb {
-    border-bottom-left-radius: 0;
-    border-left-width: 0.5px;
-    border-top-left-radius: 0;
-  }
-  .tyxy8l[data-orientation="vertical"] > .acghfb:not(:first-child):not(:last-child),.tyxy8l[data-orientation="vertical"] > :not(:first-child):not(:last-child) .acghfb {
-    border-block-width: 0.5px;
-  }
-  .tyxy8l[data-orientation="vertical"] > .acghfb:not(:only-child):first-child,.tyxy8l[data-orientation="vertical"] > :not(:only-child):first-child .acghfb {
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-    border-bottom-width: 0.5px;
-  }
-  .tyxy8l[data-orientation="vertical"] > .acghfb:not(:only-child):last-child,.tyxy8l[data-orientation="vertical"] > :not(:only-child):last-child .acghfb {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-    border-top-width: 0.5px;
-  }
-  .tyxy8l[data-orientation] > .acghfb:not(:first-child):not(:last-child),.tyxy8l[data-orientation] > :not(:first-child):not(:last-child) .acghfb {
-    border-radius: 0;
-  }
-  ._1nageec {
-    --_1b50nk5: var(--ax-colors-bg-error);
-    --qmkytp: var(--ax-colors-bg-error-hovered);
-    --_13axa6s: var(--ax-colors-bg-error-pressed);
-    --_1cdpclq: var(--ax-colors-bg-error-subtlest);
-    --_1p2e1cv: var(--ax-colors-bg-error-subtle);
-  }
-  ._1lm20hh {
-    --_1b50nk5: var(--ax-colors-bg-default-inverse);
-    --qmkytp: var(--ax-colors-bg-default-inverse-hovered);
-    --_13axa6s: var(--ax-colors-bg-default-inverse-pressed);
-    --cswj3s: var(--ax-colors-fg-default-inverse);
-    --_1cdpclq: var(--ax-colors-bg-page);
-    --rsy2if: var(--ax-colors-border-default);
-    --_189gzja: var(--ax-colors-border-default);
-    --_1p2e1cv: var(--ax-colors-bg-secondary);
-    --_1tu3zgx: var(--ax-colors-fg-default);
-    --_13067c1: var(--ax-colors-bg-default-hovered);
-    --imowq0: var(--ax-colors-bg-default-pressed);
-  }
-  ._44k0dk {
-    --_1b50nk5: var(--ax-colors-bg-accent);
-    --qmkytp: var(--ax-colors-bg-accent-hovered);
-    --_13axa6s: var(--ax-colors-bg-accent-pressed);
-    --_1cdpclq: var(--ax-colors-bg-accent-subtle);
-    --_1p2e1cv: var(--ax-colors-bg-accent-light);
-  }
-  ._17v3obm {
-    min-width: fit-content;
-  }
-  ._5idrre {
-    background-image: linear-gradient(135deg, #392ECF 15%, #7740EC 85%);
-    color: var(--cswj3s, var(--ax-colors-fg-white));
-  }
-  ._5idrre[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(--_1r4cdds) - 1px);
-  }
-  ._1ahk7gj {
-    background-color: var(--ax-colors-bg-default);
-    border: 1px solid var(--_189gzja, var(--_1b50nk5));
-    color: var(--_1tu3zgx, var(--_1b50nk5));
-    padding-inline: calc(var(--_1r4cdds) - 1px);
-  }
-  ._1ahk7gj:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--_1p2e1cv);
-    border-color: var(--rsy2if, var(--qmkytp));
-  }
-  ._1ahk7gj: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);
-  }
-  ._1ahk7gj[data-disabled]:not([data-loading]) {
-    border-color: var(--ax-colors-border-disabled);
-    color: var(--ax-colors-fg-disabled);
-  }
-  .orjvr1 {
-    background-color: var(--_1b50nk5);
-    color: var(--cswj3s, var(--ax-colors-fg-white));
-  }
-  .orjvr1:active:not([data-disabled], [data-loading]) {
-    background-color: var(--_13axa6s);
-  }
-  .orjvr1[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(--_1r4cdds) - 1px);
-  }
-  ._1ftmhrv {
-    background-color: transparent;
-    border-color: var(--_1b50nk5);
-    color: var(--_1tu3zgx, var(--_1b50nk5));
-  }
-  ._1ftmhrv:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--imowq0, var(--_1p2e1cv));
-  }
-  ._1ftmhrv:is([data-state="active"], [data-state="on"]) {
-    background-color: var(--ax-colors-bg-accent-subtle);
-    color: var(--ax-colors-fg-accent);
-  }
-  ._1ftmhrv[data-disabled]:not([data-loading]) {
-    color: var(--ax-colors-fg-disabled);
-  }
-  .jkgjxj {
-    --_1r4cdds: 4px;
-  }
-  .j65nu6 {
-    --_1r4cdds: 8px;
-  }
-  .dbppgp {
-    --_1r4cdds: 12px;
-  }
-  .v7ddfk {
-    left: 0;
-    position: absolute;
-    right: 0;
-  }
-  @media (hover: hover) {
-    ._1ahk7gj:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-      background-color: var(--_1cdpclq);
-      border-color: var(--rsy2if, var(--qmkytp));
-    }
-    .orjvr1:hover:not(:active, [data-disabled], [data-loading]) {
-      background-color: var(--qmkytp);
-    }
-    ._1ftmhrv:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-      background-color: var(--_13067c1, var(--_1cdpclq));
-    }
-  }
-}

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

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

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

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

package/dist/cjs/assets/src/calendar/CalendarNav.css.ts.vanilla-78lgmVm1.css

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

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

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

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

@@ -1,15 +0,0 @@
-@layer optiaxiom._1ee6v2p;
-@layer optiaxiom._1ee6v2p {
-  ._1aje92 {
-    min-height: var(--ax-size-sm);
-  }
-  .gmf6ua {
-    order: 3;
-  }
-  .kchyk4 {
-    order: 1;
-  }
-  .yzdak2 {
-    order: 2;
-  }
-}

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

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

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

@@ -1,34 +0,0 @@
-@layer optiaxiom;
-@layer optiaxiom._1ee6v2p;
-@layer optiaxiom {
-  ._2jhnia {
-    position: static;
-  }
-  ._2jhnia:focus-visible {
-    outline: none;
-  }
-}
-@layer optiaxiom._1ee6v2p {
-  ._1twddh2 {
-    --b2fkpo: solid;
-  }
-  ._1twddh2::before {
-    content: "";
-    border-radius: var(--_1selva8, inherit);
-    inset: 0;
-    position: absolute;
-  }
-  ._1twddh2:focus-visible::before {
-    outline: 2px var(--b2fkpo) var(--ax-colors-border-focus);
-    outline-offset: var(--_1l1o9ww);
-  }
-  .jayp4f {
-    --_1l1o9ww: 1px;
-  }
-  .q4y1nq {
-    --_1l1o9ww: -2px;
-  }
-  .q4y1nq:is(a) {
-    --b2fkpo: auto;
-  }
-}

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

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

package/dist/cjs/assets/src/date-input/DateInput.css.ts.vanilla-CmyBHVga.css

@@ -1,15 +0,0 @@
-@layer optiaxiom._1ee6v2p;
-@layer optiaxiom._1ee6v2p {
-  .mq3qrl::-webkit-calendar-picker-indicator {
-    display: none;
-    -webkit-appearance: none;
-  }
-  .izysid:is(:not(:focus-within):not(:hover), :has(input:disabled)) ._1j5rzd3 {
-    visibility: hidden;
-  }
-  @supports not selector(::-webkit-datetime-edit) {
-    .hvxryx {
-      display: none !important;
-    }
-  }
-}

package/dist/cjs/assets/src/dialog/DialogBody.css.ts.vanilla-BAVurMho.css

@@ -1,4 +0,0 @@
-@layer optiaxiom._1ee6v2p;
-@layer optiaxiom._1ee6v2p {
-
-}

package/dist/cjs/assets/src/dialog/DialogFooter.css.ts.vanilla-Bd1_WKe2.css

@@ -1,7 +0,0 @@
-@layer optiaxiom._1ee6v2p;
-@layer optiaxiom._1ee6v2p {
-  ._47x5sg {
-    bottom: 0;
-    position: sticky;
-  }
-}

package/dist/cjs/assets/src/dialog/DialogHeader.css.ts.vanilla-BdzgK3QK.css

@@ -1,19 +0,0 @@
-@layer optiaxiom._1ee6v2p;
-@layer optiaxiom._1ee6v2p {
-  ._6mcwic {
-    position: sticky;
-    top: 0;
-  }
-  ._40lcgm {
-    order: 3;
-  }
-  ._6pbzv3 {
-    order: 1;
-  }
-  .euxqxa {
-    order: 2;
-  }
-  ._4in1lp {
-    order: 4;
-  }
-}

package/dist/cjs/assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-n2n71GxY.css

@@ -1,19 +0,0 @@
-@layer optiaxiom._1ee6v2p;
-@layer optiaxiom._1ee6v2p {
-  .wj074x {
-    --ucy5bl: var(--ax-colors-bg-default);
-    background-color: var(--ucy5bl);
-    border-style: dashed;
-  }
-  ._1af2g9y {
-    --ucy5bl: var(--ax-colors-bg-success-subtle);
-  }
-  .huwe3x {
-    --ucy5bl: var(--ax-colors-bg-error-subtlest);
-  }
-  @media (hover: hover) {
-    ._11jk794:hover {
-      background-color: var(--ax-colors-bg-secondary);
-    }
-  }
-}

package/dist/cjs/assets/src/highlight/Highlight.css.ts.vanilla-CrppmEYN.css

@@ -1,7 +0,0 @@
-@layer optiaxiom._1ee6v2p;
-@layer optiaxiom._1ee6v2p {
-  .p121cq {
-    background-color: transparent;
-    color: inherit;
-  }
-}