@optiaxiom/react 1.5.5 → 1.5.6

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-CdEHV_MF.js';
-export { d as Calendar, e as CalendarProps } from './Link-CdEHV_MF.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-BULPyyH9.js';
+export { d as Calendar, e as CalendarProps } from './Link-BULPyyH9.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Header } from '@tanstack/react-table';
 import * as RadixPopover from '@radix-ui/react-popover';
@@ -296,7 +296,7 @@ type CommandProps = {
     /**
      * Handler that is called when an item is hovered via mouse.
      */
-    onHover?: (item: CommandOption) => void;
+    onHover?: (item: CommandOption, pointer: boolean) => void;
     /**
      * Handler that is called when input value changes.
      */
@@ -565,9 +565,9 @@ declare const MenuTrigger: react.ForwardRefExoticComponent<Omit<{
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "outline" | "subtle" | undefined;
+    variant?: "strong" | "outline" | "subtle" | "opal" | undefined;
 }, "intent" | "variant"> & {
-    appearance?: "default" | "inverse" | "subtle" | "danger" | "primary" | "danger-outline";
+    appearance?: "default" | "inverse" | "subtle" | "danger" | "primary" | "danger-outline" | "primary-opal";
     disabled?: boolean;
     loading?: boolean;
 }>, never> & Omit<NonNullable<Sprinkles & {
@@ -600,28 +600,8 @@ declare const PillGroup: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omi
     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 Context = {
-    /**
-     * The total number of items in the list.
-     */
-    count: number;
-    /**
-     * The ID of the current item or list being rendered.
-     */
-    id: string;
-    /**
-     * The index of the current item or list being rendered.
-     */
-    index: number;
-    /**
-     * If item or list is the current drop target.
-     */
-    isDropTarget: boolean;
-};
-type Items = Record<string, Record<string, string[]>> | Record<string, string[]> | string[];
-
 type SortableProps<T extends Items> = BoxProps<"div", {
-    children?: (item: Context) => ReactNode;
+    children?: (items: T) => ReactNode;
     /**
      * An array of item IDs in controlled mode.
      */
@@ -644,31 +624,66 @@ type SortableProps<T extends Items> = BoxProps<"div", {
      */
     onItemsChange?: (value: T) => void;
 }>;
+type Items = Record<string, string[]> | string[];
 declare const Sortable: (<T extends Items>(props: RefAttributes<HTMLDivElement> & SortableProps<T>) => null | ReactElement) & {
     displayName: string;
 };
 
-type SortableHandleProps = BoxProps;
-declare const SortableHandle: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+type SortableGroupProps = BoxProps<"div", {
+    children?: ((isDropTarget: boolean) => ReactNode) | ReactNode;
+    /**
+     * ID of the group that is being rendered.
+     */
+    group: string;
+    /**
+     * Array index of the group that is being rendered.
+     */
+    index: number;
+}>;
+declare const SortableGroup: react.ForwardRefExoticComponent<{
+    children?: ((isDropTarget: boolean) => ReactNode) | ReactNode;
+    /**
+     * ID of the group that is being rendered.
+     */
+    group: string;
+    /**
+     * Array index of the group that is being rendered.
+     */
+    index: number;
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className" | "children"> & react.RefAttributes<HTMLDivElement>>;
 
-type SortableItemProps = BoxProps<"div">;
-declare const SortableItem: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+type SortableHandleProps = BoxProps;
+declare const SortableHandle: 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 SortableListProps = BoxProps<"div", {
-    children?: (item: Context) => ReactNode;
+type SortableItemProps = BoxProps<"div", {
+    /**
+     * Array index of the item that is being rendered.
+     */
+    index: number;
+    /**
+     * ID of the item that is being rendered.
+     */
+    item: string;
 }>;
-declare const SortableList: react.ForwardRefExoticComponent<{
-    children?: (item: Context) => ReactNode;
+declare const SortableItem: react.ForwardRefExoticComponent<{
+    /**
+     * Array index of the item that is being rendered.
+     */
+    index: number;
+    /**
+     * ID of the item that is being rendered.
+     */
+    item: string;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className" | "children"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 type SpotlightProps = ExcludeProps<ComponentPropsWithoutRef<typeof Menu>, "inputVisible" | "size">;
 declare function Spotlight({ children, ...props }: SpotlightProps): react_jsx_runtime.JSX.Element;
@@ -689,9 +704,9 @@ declare const SpotlightTrigger: react.ForwardRefExoticComponent<Omit<{
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "outline" | "subtle" | undefined;
+    variant?: "strong" | "outline" | "subtle" | "opal" | undefined;
 }, "intent" | "variant"> & {
-    appearance?: "default" | "inverse" | "subtle" | "danger" | "primary" | "danger-outline";
+    appearance?: "default" | "inverse" | "subtle" | "danger" | "primary" | "danger-outline" | "primary-opal";
     disabled?: boolean;
     loading?: boolean;
 }>, never> & Omit<NonNullable<Sprinkles & {
@@ -708,9 +723,9 @@ declare const SpotlightTrigger: react.ForwardRefExoticComponent<Omit<{
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "outline" | "subtle" | undefined;
+    variant?: "strong" | "outline" | "subtle" | "opal" | undefined;
 }, "intent" | "variant"> & {
-    appearance?: "default" | "inverse" | "subtle" | "danger" | "primary" | "danger-outline";
+    appearance?: "default" | "inverse" | "subtle" | "danger" | "primary" | "danger-outline" | "primary-opal";
     disabled?: boolean;
     loading?: boolean;
 }>, never> & Omit<NonNullable<Sprinkles & {
@@ -718,5 +733,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, Highlight, InlineInput, Layout, Menu, MenuContent, MenuTrigger, Pill, PillGroup, Sortable, SortableHandle, SortableItem, SortableList, 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, SortableHandleProps, SortableItemProps, SortableListProps, SortableProps, SpotlightContentProps, SpotlightProps, SpotlightTriggerProps };
+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 };

package/package.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/optimizely-axiom/optiaxiom.git"
   },
   "type": "module",
-  "version": "1.5.5",
+  "version": "1.5.6",
   "files": [
     "dist/**",
     "LICENSE"
@@ -68,7 +68,7 @@
     "react-day-picker": "^9.7.0",
     "react-remove-scroll": "^2.7.1",
     "use-sync-external-store": "^1.5.0",
-    "@optiaxiom/globals": "^1.0.7"
+    "@optiaxiom/globals": "^1.0.8"
   },
   "devDependencies": {
     "@emotion/hash": "^0.9.2",

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

@@ -1,22 +0,0 @@
-@layer optiaxiom._16mxn3u;
-@layer optiaxiom._16mxn3u {
-  ._1g1bk78 {
-    transition: opacity var(--ax-duration-sm) ease;
-  }
-  ._1ijni29:not(:has(._1ijni29)):focus-within ._1g1bk78, ._1g1bk78:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
-    opacity: 1;
-    transition: none;
-  }
-  ._3yxrrz {
-    opacity: 1;
-  }
-  .w7om8i {
-    opacity: 0;
-  }
-  @media (hover: hover) {
-    ._1ijni29:not(:has(._1ijni29)):hover ._1g1bk78 {
-      opacity: 1;
-      transition: none;
-    }
-  }
-}

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

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

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

@@ -1,27 +0,0 @@
-@layer optiaxiom._16mxn3u;
-@layer optiaxiom._16mxn3u {
-  ._9pvg2b {
-    opacity: 0;
-  }
-  ._7vv8en {
-    inset: 0;
-    position: fixed;
-  }
-  ._5t3voi {
-    max-height: 50dvh;
-    max-width: calc(100dvw - 2 * 24px);
-    transform: 
-      translateY(calc(1rem * var(--_4wl0ni)))
-      scale(calc(1 - 0.06 * var(--_4wl0ni)))
-    ;
-  }
-  ._17mnz0p {
-    width: 400px;
-  }
-  ._5daqh3 {
-    width: 600px;
-  }
-  ._1idw318 {
-    width: 800px;
-  }
-}

package/dist/cjs/assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-R0S2rxx3.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._16mxn3u;
-@layer optiaxiom._16mxn3u {
-  ._1gsnsd6 {
-    border-top: 1px solid var(--ax-colors-border-secondary);
-  }
-}

package/dist/cjs/assets/src/avatar/AvatarGroup.css.ts.vanilla-u6nBstXC.css

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

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

@@ -1,46 +0,0 @@
-@layer optiaxiom._16mxn3u;
-@layer optiaxiom._16mxn3u {
-  ._1qsewnx {
-    --cq5k5b: var(--ax-colors-fg-white);
-  }
-  .gxxy8d {
-    --_7ocs6n: var(--ax-colors-bg-error);
-    --pftrm4: var(--ax-colors-bg-error-subtle);
-    --_1eled6a: var(--ax-colors-fg-error-strong);
-  }
-  .bao8th {
-    --_7ocs6n: var(--ax-colors-bg-information);
-    --pftrm4: var(--ax-colors-bg-information-subtle);
-    --_1eled6a: var(--ax-colors-fg-information-strong);
-  }
-  ._466jx7 {
-    --_7ocs6n: var(--ax-colors-bg-tertiary);
-    --cq5k5b: var(--ax-colors-fg-default);
-    --pftrm4: var(--ax-colors-bg-secondary);
-    --_1eled6a: var(--ax-colors-fg-secondary);
-  }
-  .wgqxcv {
-    --_7ocs6n: var(--ax-colors-bg-accent);
-    --pftrm4: var(--ax-colors-bg-accent-subtle);
-    --_1eled6a: var(--ax-colors-fg-accent-strong);
-  }
-  ._1dh2ve5 {
-    --_7ocs6n: var(--ax-colors-bg-success);
-    --pftrm4: var(--ax-colors-bg-success-subtle);
-    --_1eled6a: var(--ax-colors-fg-success-strong);
-  }
-  ._16nfhsk {
-    --_7ocs6n: var(--ax-colors-bg-warning);
-    --cq5k5b: var(--ax-colors-fg-warning-inverse);
-    --pftrm4: var(--ax-colors-bg-warning-subtle);
-    --_1eled6a: var(--ax-colors-fg-warning-strong);
-  }
-  .emy2zz {
-    background-color: var(--_7ocs6n);
-    color: var(--cq5k5b);
-  }
-  ._1ke4gvo {
-    background-color: var(--pftrm4);
-    color: var(--_1eled6a);
-  }
-}

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

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

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

@@ -1,9 +0,0 @@
-@layer optiaxiom._16mxn3u;
-@layer optiaxiom._16mxn3u {
-  .cjhwb3 {
-    opacity: 1;
-  }
-  ._1a0f1te[data-loading] .cjhwb3 {
-    opacity: 0;
-  }
-}

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

@@ -1,151 +0,0 @@
-@layer optiaxiom._16mxn3u;
-@layer optiaxiom._16mxn3u {
-  ._39cy8c {
-    border-radius: var(--ax-borderRadius-md);
-    cursor: pointer;
-    padding-inline: var(--qpvl87);
-    position: relative;
-    text-decoration: none;
-    user-select: none;
-  }
-  ._39cy8c: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;
-  }
-  ._39cy8c[data-disabled] {
-    cursor: not-allowed;
-  }
-  .jajyru[data-orientation="horizontal"] > ._39cy8c:not(:first-child):not(:last-child),.jajyru[data-orientation="horizontal"] > :not(:first-child):not(:last-child) ._39cy8c {
-    border-inline-width: 0.5px;
-  }
-  .jajyru[data-orientation="horizontal"] > ._39cy8c:not(:only-child):first-child,.jajyru[data-orientation="horizontal"] > :not(:only-child):first-child ._39cy8c {
-    border-bottom-right-radius: 0;
-    border-right-width: 0.5px;
-    border-top-right-radius: 0;
-  }
-  .jajyru[data-orientation="horizontal"] > ._39cy8c:not(:only-child):last-child,.jajyru[data-orientation="horizontal"] > :not(:only-child):last-child ._39cy8c {
-    border-bottom-left-radius: 0;
-    border-left-width: 0.5px;
-    border-top-left-radius: 0;
-  }
-  .jajyru[data-orientation="vertical"] > ._39cy8c:not(:first-child):not(:last-child),.jajyru[data-orientation="vertical"] > :not(:first-child):not(:last-child) ._39cy8c {
-    border-block-width: 0.5px;
-  }
-  .jajyru[data-orientation="vertical"] > ._39cy8c:not(:only-child):first-child,.jajyru[data-orientation="vertical"] > :not(:only-child):first-child ._39cy8c {
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-    border-bottom-width: 0.5px;
-  }
-  .jajyru[data-orientation="vertical"] > ._39cy8c:not(:only-child):last-child,.jajyru[data-orientation="vertical"] > :not(:only-child):last-child ._39cy8c {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-    border-top-width: 0.5px;
-  }
-  .jajyru[data-orientation] > ._39cy8c:not(:first-child):not(:last-child),.jajyru[data-orientation] > :not(:first-child):not(:last-child) ._39cy8c {
-    border-radius: 0;
-  }
-  .zh7pn1 {
-    --rfb47c: var(--ax-colors-bg-error);
-    --fkrjgb: var(--ax-colors-bg-error-hovered);
-    --_1k52t3a: var(--ax-colors-bg-error-pressed);
-    --y4g8e5: var(--ax-colors-bg-error-subtlest);
-    --_37fev3: var(--ax-colors-bg-error-subtle);
-  }
-  .i4jmsy {
-    --rfb47c: var(--ax-colors-bg-default-inverse);
-    --fkrjgb: var(--ax-colors-bg-default-inverse-hovered);
-    --_1k52t3a: var(--ax-colors-bg-default-inverse-pressed);
-    --ga7qhs: var(--ax-colors-fg-default-inverse);
-    --y4g8e5: var(--ax-colors-bg-page);
-    --_1gy0qwv: var(--ax-colors-border-default);
-    --_1wtb5xt: var(--ax-colors-border-default);
-    --_37fev3: var(--ax-colors-bg-secondary);
-    --_1qp5ikv: var(--ax-colors-fg-default);
-    --_1tg7323: var(--ax-colors-bg-default-hovered);
-    --_15tksz6: var(--ax-colors-bg-default-pressed);
-  }
-  ._1dn1r9p {
-    --rfb47c: var(--ax-colors-bg-accent);
-    --fkrjgb: var(--ax-colors-bg-accent-hovered);
-    --_1k52t3a: var(--ax-colors-bg-accent-pressed);
-    --y4g8e5: var(--ax-colors-bg-accent-subtle);
-    --_37fev3: var(--ax-colors-bg-accent-light);
-  }
-  .tu0a8u {
-    min-width: fit-content;
-  }
-  ._8uwhqn {
-    background-color: var(--ax-colors-bg-default);
-    border: 1px solid var(--_1wtb5xt, var(--rfb47c));
-    color: var(--_1qp5ikv, var(--rfb47c));
-    padding-inline: calc(var(--qpvl87) - 1px);
-  }
-  ._8uwhqn:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--_37fev3);
-    border-color: var(--_1gy0qwv, var(--fkrjgb));
-  }
-  ._8uwhqn: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);
-  }
-  ._8uwhqn[data-disabled]:not([data-loading]) {
-    border-color: var(--ax-colors-border-disabled);
-    color: var(--ax-colors-fg-disabled);
-  }
-  ._1w6p6tp {
-    background-color: var(--rfb47c);
-    color: var(--ga7qhs, var(--ax-colors-fg-white));
-  }
-  ._1w6p6tp:active:not([data-disabled], [data-loading]) {
-    background-color: var(--_1k52t3a);
-  }
-  ._1w6p6tp[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(--qpvl87) - 1px);
-  }
-  .igpznf {
-    background-color: transparent;
-    border-color: var(--rfb47c);
-    color: var(--_1qp5ikv, var(--rfb47c));
-  }
-  .igpznf:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--_15tksz6, var(--_37fev3));
-  }
-  .igpznf:is([data-state="active"], [data-state="on"]) {
-    background-color: var(--ax-colors-bg-accent-subtle);
-    color: var(--ax-colors-fg-accent);
-  }
-  .igpznf[data-disabled]:not([data-loading]) {
-    color: var(--ax-colors-fg-disabled);
-  }
-  .w05oi2 {
-    --qpvl87: 4px;
-  }
-  .g0sn51 {
-    --qpvl87: 8px;
-  }
-  ._3vjpsd {
-    --qpvl87: 12px;
-  }
-  ._7uy1ha {
-    left: 0;
-    position: absolute;
-    right: 0;
-  }
-  @media (hover: hover) {
-    ._8uwhqn:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-      background-color: var(--y4g8e5);
-      border-color: var(--_1gy0qwv, var(--fkrjgb));
-    }
-    ._1w6p6tp:hover:not(:active, [data-disabled], [data-loading]) {
-      background-color: var(--fkrjgb);
-    }
-    .igpznf:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-      background-color: var(--_1tg7323, var(--y4g8e5));
-    }
-  }
-}

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

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

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

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

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

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

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

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

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

@@ -1,15 +0,0 @@
-@layer optiaxiom._16mxn3u;
-@layer optiaxiom._16mxn3u {
-  ._1wlwbrl {
-    min-height: var(--ax-size-sm);
-  }
-  ._1ibgpr0 {
-    order: 3;
-  }
-  ._1iugdsh {
-    order: 1;
-  }
-  ._1eigwlh {
-    order: 2;
-  }
-}

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

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

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

@@ -1,34 +0,0 @@
-@layer optiaxiom;
-@layer optiaxiom._16mxn3u;
-@layer optiaxiom {
-  ._14qvj1l {
-    position: static;
-  }
-  ._14qvj1l:focus-visible {
-    outline: none;
-  }
-}
-@layer optiaxiom._16mxn3u {
-  ._1xlfcex {
-    --_116uamm: solid;
-  }
-  ._1xlfcex::before {
-    content: "";
-    border-radius: var(--hs0jdb, inherit);
-    inset: 0;
-    position: absolute;
-  }
-  ._1xlfcex:focus-visible::before {
-    outline: 2px var(--_116uamm) var(--ax-colors-border-focus);
-    outline-offset: var(--_1ic1902);
-  }
-  ._129ms3i {
-    --_1ic1902: 1px;
-  }
-  .fdnh4a {
-    --_1ic1902: -2px;
-  }
-  .fdnh4a:is(a) {
-    --_116uamm: auto;
-  }
-}

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

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

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

@@ -1,15 +0,0 @@
-@layer optiaxiom._16mxn3u;
-@layer optiaxiom._16mxn3u {
-  .luzuw0::-webkit-calendar-picker-indicator {
-    display: none;
-    -webkit-appearance: none;
-  }
-  .azjr1g:is(:not(:focus-within):not(:hover), :has(input:disabled)) ._1n1i1qf {
-    visibility: hidden;
-  }
-  @supports not selector(::-webkit-datetime-edit) {
-    ._1nisry9 {
-      display: none !important;
-    }
-  }
-}

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

@@ -1,6 +0,0 @@
-@layer optiaxiom._16mxn3u;
-@layer optiaxiom._16mxn3u {
-  .bchk2x {
-    scrollbar-gutter: stable;
-  }
-}

package/dist/cjs/assets/src/dialog/DialogContent.css.ts.vanilla-HoKkPIKV.css

@@ -1,34 +0,0 @@
-@layer optiaxiom._16mxn3u;
-@layer optiaxiom._16mxn3u {
-  .jz1xfl {
-    opacity: 0;
-  }
-  ._1uvw3cj {
-    left: 50%;
-    max-height: 75dvh;
-    max-width: calc(100dvw - 2 * 24px);
-    position: fixed;
-    top: 12dvh;
-    transform: 
-      translateY(calc(1rem * var(--movd9y)))
-      scale(calc(1 - 0.06 * var(--movd9y)))
-    ;
-    translate: -50% 0;
-  }
-  ._1lubas1 {
-    width: 400px;
-  }
-  ._1ab11yp {
-    width: clamp(600px, 50%, 800px);
-  }
-  .q5ub8t {
-    width: clamp(900px, 75%, 1400px);
-  }
-  ._1vbeqsn {
-    height: 100dvh;
-    max-height: none;
-    max-width: none;
-    top: 0;
-    width: 100dvw;
-  }
-}

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

@@ -1,15 +0,0 @@
-@layer optiaxiom._16mxn3u;
-@layer optiaxiom._16mxn3u {
-  ._8fx9sn {
-    order: 3;
-  }
-  ._1pxsq3o {
-    order: 1;
-  }
-  ._17oqenm {
-    order: 2;
-  }
-  .e15kay {
-    order: 4;
-  }
-}

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

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