@optiaxiom/react 1.5.0 → 1.5.2

package/dist/esm/packages/react/src/tooltip/TooltipTrigger.js

@@ -2,17 +2,61 @@
 import { jsx } from 'react/jsx-runtime';
 import { useComposedRefs } from '@radix-ui/react-compose-refs';
 import * as RadixTooltip from '@radix-ui/react-tooltip';
-import { forwardRef } from 'react';
+import { forwardRef, useRef } from 'react';
 import { Button } from '../button/Button.js';
 import '../button/ButtonGroup.js';
 import { FilteredSlot } from '../filtered-slot/FilteredSlot.js';
 import { useTooltipContext } from './TooltipContext.js';
 
-const TooltipTrigger = forwardRef(({ asChild, children, ...props }, outerRef) => {
-  const { triggerRef } = useTooltipContext("@optiaxiom/react/TooltipTrigger");
-  const ref = useComposedRefs(triggerRef, outerRef);
-  return /* @__PURE__ */ jsx(RadixTooltip.Trigger, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsx(FilteredSlot, { exclude: "data-state", children: asChild ? children : /* @__PURE__ */ jsx(Button, { children }) }) });
+const TooltipTrigger = forwardRef(({ asChild, children, onFocus, onPointerMove, ...props }, outerRef) => {
+  const { auto } = useTooltipContext("@optiaxiom/react/TooltipTrigger");
+  const innerRef = useRef(null);
+  const ref = useComposedRefs(innerRef, outerRef);
+  return /* @__PURE__ */ jsx(
+    RadixTooltip.Trigger,
+    {
+      asChild: true,
+      onFocus: (event) => {
+        onFocus?.(event);
+        if (event.defaultPrevented) {
+          return;
+        }
+        if (auto && innerRef.current && !hasTruncatedContent(innerRef.current)) {
+          event.preventDefault();
+        }
+      },
+      onPointerMove: (event) => {
+        onPointerMove?.(event);
+        if (event.defaultPrevented) {
+          return;
+        }
+        if (auto && innerRef.current && !hasTruncatedContent(innerRef.current)) {
+          event.preventDefault();
+        }
+      },
+      ref,
+      ...props,
+      children: /* @__PURE__ */ jsx(FilteredSlot, { exclude: "data-state", children: asChild ? children : /* @__PURE__ */ jsx(Button, { children }) })
+    }
+  );
 });
 TooltipTrigger.displayName = "@optiaxiom/react/TooltipTrigger";
+const hasTruncatedContent = (element) => {
+  let truncated = false;
+  const elements = [element];
+  while (!truncated && elements.length) {
+    const element2 = elements.shift();
+    if (!(element2 instanceof HTMLElement)) {
+      continue;
+    }
+    const { offsetHeight, offsetWidth, scrollHeight, scrollWidth } = element2;
+    if (offsetWidth < scrollWidth || offsetHeight < scrollHeight) {
+      truncated = true;
+      break;
+    }
+    elements.push(...element2.children);
+  }
+  return truncated;
+};
 
 export { TooltipTrigger };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Dclj4WBX.css';
-import './../../../../assets/src/transition/Transition.css.ts.vanilla-BLq6D2sV.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Civa05NT.css';
+import './../../../../assets/src/transition/Transition.css.ts.vanilla-BGU_i7CP.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var transition = recipeRuntime({base:'_1i65t2l',variants:{duration:{sm:'pwncjr',md:'zpag0b',lg:'xlory5'}}});
+var transition = recipeRuntime({base:'ga3644',variants:{duration:{sm:'_500nrh',md:'_1b576ca',lg:'_1j7g2j4'}}});
 
 export { transition };

package/dist/esm/packages/react/src/transition/TransitionGroup.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, Fragment } from 'react/jsx-runtime';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
-import { useState, useCallback, useEffect } from 'react';
+import { useState, useCallback, useEffect, useRef } from 'react';
 import { TransitionGlobalConfig } from './TransitionGlobalConfig.js';
 import { TransitionGroupProvider } from './TransitionGroupContext.js';
 import { waitForAnimation } from './waitForAnimation.js';
@@ -48,6 +48,10 @@ function TransitionGroup({
       return;
     }
   }, [open, setPresence, transitions]);
+  const childrenRef = useRef(children);
+  if (open) {
+    childrenRef.current = children;
+  }
   if (TransitionGlobalConfig.skipAnimations) {
     return /* @__PURE__ */ jsx(Fragment, { children: open && children });
   }
@@ -58,7 +62,7 @@ function TransitionGroup({
       onUnmount,
       open,
       presence,
-      children: (open || presence) && children
+      children: (open || presence) && childrenRef.current
     }
   );
 }

package/dist/esm/unstable.js

@@ -1,8 +1,4 @@
 export { Breadcrumb } from './packages/react/src/breadcrumb/Breadcrumb.js';
-export { BreadcrumbEllipsis } from './packages/react/src/breadcrumb/BreadcrumbEllipsis.js';
-export { BreadcrumbItem } from './packages/react/src/breadcrumb/BreadcrumbItem.js';
-export { BreadcrumbLink } from './packages/react/src/breadcrumb/BreadcrumbLink.js';
-export { BreadcrumbPage } from './packages/react/src/breadcrumb/BreadcrumbPage.js';
 export { Calendar } from './packages/react/src/calendar/Calendar.js';
 export { Card } from './packages/react/src/card/Card.js';
 export { CardAction } from './packages/react/src/card/CardAction.js';

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ComponentPropsWithRef, ReactNode, ComponentPropsWithoutRef, ElementType, RefObject, FocusEventHandler, ChangeEventHandler, ReactElement } from 'react';
-import { R as RecipeVariants, B as BoxProps, S as Sprinkles, a as ButtonProps, E as ExcludeProps, F as Flex, b as Button, 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-CKWcnpT8.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-CKWcnpT8.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, 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-CxecduCT.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-CxecduCT.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';

package/dist/unstable.d.ts

@@ -1,51 +1,64 @@
 import * as react from 'react';
-import { ComponentPropsWithoutRef, ReactNode, ReactElement, ComponentPropsWithRef } from 'react';
-import { B as BoxProps, S as Sprinkles, s as Link, A as ActionsContent, E as ExcludeProps, C as Checkbox, 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-CKWcnpT8.js';
-export { d as Calendar, e as CalendarProps } from './Link-CKWcnpT8.js';
+import { ReactNode, ComponentPropsWithoutRef, ReactElement, ComponentPropsWithRef } 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-CxecduCT.js';
+export { d as Calendar, e as CalendarProps } from './Link-CxecduCT.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Header } from '@tanstack/react-table';
 import * as RadixPopover from '@radix-ui/react-popover';
 import 'react-day-picker';
 import '@radix-ui/react-dialog';
 
-type BreadcrumbProps = BoxProps<"nav">;
-declare const Breadcrumb: 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 BreadcrumbEllipsisProps = BoxProps<"span">;
-declare function BreadcrumbEllipsis({ ...props }: BreadcrumbEllipsisProps): react_jsx_runtime.JSX.Element;
-declare namespace BreadcrumbEllipsis {
-    var displayName: string;
-}
-
-type BreadcrumbItemProps = BoxProps<"li">;
-declare const BreadcrumbItem: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLLIElement>>;
-
-type BreadcrumbLinkProps = BoxProps<typeof Link>;
-declare const BreadcrumbLink: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<{
-    appearance?: "default" | "inverse" | "subtle" | undefined;
-} & {
-    cover?: "inset" | boolean;
-    disabled?: boolean;
-    external?: boolean;
+type BreadcrumbProps = BoxProps<"nav", {
+    /**
+     * The items we want to render.
+     */
+    items: Array<{
+        /**
+         * Display content inside the item after the label.
+         */
+        addonAfter?: ReactNode;
+        /**
+         * Render a link with the given value as the `href` attribute.
+         */
+        href?: string;
+        /**
+         * The content of the item.
+         */
+        label: string;
+    }>;
+    /**
+     * The maximum number of breadcrumb items to show before truncating.
+     */
+    maxItems?: number;
+}>;
+declare const Breadcrumb: react.ForwardRefExoticComponent<{
+    /**
+     * The items we want to render.
+     */
+    items: Array<{
+        /**
+         * Display content inside the item after the label.
+         */
+        addonAfter?: ReactNode;
+        /**
+         * Render a link with the given value as the `href` attribute.
+         */
+        href?: string;
+        /**
+         * The content of the item.
+         */
+        label: string;
+    }>;
+    /**
+     * The maximum number of breadcrumb items to show before truncating.
+     */
+    maxItems?: number;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLAnchorElement>, "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<HTMLAnchorElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLElement>>;
 
-type BreadcrumbPageProps = BoxProps<"span">;
-declare const BreadcrumbPage: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLSpanElement>>;
+type BreadcrumbLink = BreadcrumbProps["items"][number];
 
 type CardProps = BoxProps<"div">;
 declare const Card: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
@@ -191,6 +204,10 @@ type CommandOption = {
      */
     group?: CommandOptionGroup;
     hiddenInSearchContext?: boolean;
+    /**
+     * Render a link with the given value as the `href` attribute.
+     */
+    href?: string;
     /**
      * Control the appearance by selecting between the different item types.
      */
@@ -209,10 +226,6 @@ type CommandOption = {
     label: ((context: {
         inputValue: string | undefined;
     }) => string) | string;
-    /**
-     * Render a link with the given value as the `href` attribute.
-     */
-    link?: string;
     /**
      * Whether item is multi-selectable.
      */
@@ -701,7 +714,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" | "appearance" | "addonAfter" | "addonBefore" | "loading" | "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" | "addonAfter" | "addonBefore" | "loading" | "appearance" | "square" | "icon" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
 
-export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, Card, CardAction, CardCheckbox, CardFooter, CardHeader, CardImage, CardLink, CardPreview, Command, CommandInput, CommandItem, CommandListbox, DataTableHeaderCell, Highlight, InlineInput, Layout, Menu, MenuContent, MenuTrigger, Pill, PillGroup, Sortable, SortableHandle, SortableItem, Spotlight, SpotlightContent, SpotlightTrigger };
-export type { BreadcrumbEllipsisProps, BreadcrumbItemProps, BreadcrumbLinkProps, BreadcrumbPageProps, 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, 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, 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, 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.0",
+  "version": "1.5.2",
   "files": [
     "dist/**",
     "LICENSE"

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

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

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

@@ -1,27 +0,0 @@
-@layer optiaxiom._1wo04pn;
-@layer optiaxiom._1wo04pn {
-  ._10mhby3 {
-    opacity: 0;
-  }
-  .ye4msw {
-    inset: 0;
-    position: fixed;
-  }
-  ._2cieha {
-    max-height: 50dvh;
-    max-width: calc(100dvw - 2 * 24px);
-    transform: 
-      translateY(calc(1rem * var(--_1q57fc0)))
-      scale(calc(1 - 0.06 * var(--_1q57fc0)))
-    ;
-  }
-  ._1qgyfky {
-    width: 400px;
-  }
-  .hhcdn7 {
-    width: 600px;
-  }
-  .j2btyy {
-    width: 800px;
-  }
-}

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

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

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

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

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

@@ -1,46 +0,0 @@
-@layer optiaxiom._1wo04pn;
-@layer optiaxiom._1wo04pn {
-  ._1kr271j {
-    --_9zs0z7: var(--ax-colors-fg-white);
-  }
-  .at2bfa {
-    --_16woafd: var(--ax-colors-bg-error);
-    --b2d7iw: var(--ax-colors-bg-error-subtle);
-    --fodsna: var(--ax-colors-fg-error-strong);
-  }
-  ._9jr6my {
-    --_16woafd: var(--ax-colors-bg-information);
-    --b2d7iw: var(--ax-colors-bg-information-subtle);
-    --fodsna: var(--ax-colors-fg-information-strong);
-  }
-  ._12ovzvl {
-    --_16woafd: var(--ax-colors-bg-tertiary);
-    --_9zs0z7: var(--ax-colors-fg-default);
-    --b2d7iw: var(--ax-colors-bg-secondary);
-    --fodsna: var(--ax-colors-fg-secondary);
-  }
-  ._3lp3ma {
-    --_16woafd: var(--ax-colors-bg-accent);
-    --b2d7iw: var(--ax-colors-bg-accent-subtle);
-    --fodsna: var(--ax-colors-fg-accent-strong);
-  }
-  .ow1y24 {
-    --_16woafd: var(--ax-colors-bg-success);
-    --b2d7iw: var(--ax-colors-bg-success-subtle);
-    --fodsna: var(--ax-colors-fg-success-strong);
-  }
-  ._7b74al {
-    --_16woafd: var(--ax-colors-bg-warning);
-    --_9zs0z7: var(--ax-colors-fg-warning-inverse);
-    --b2d7iw: var(--ax-colors-bg-warning-subtle);
-    --fodsna: var(--ax-colors-fg-warning-strong);
-  }
-  ._1wqitqm {
-    background-color: var(--_16woafd);
-    color: var(--_9zs0z7);
-  }
-  ._1mpd4mv {
-    background-color: var(--b2d7iw);
-    color: var(--fodsna);
-  }
-}

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

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

package/dist/cjs/assets/src/breadcrumb/BreadcrumbItem.css.ts.vanilla-hg5woSam.css

@@ -1,8 +0,0 @@
-@layer optiaxiom._1wo04pn;
-@layer optiaxiom._1wo04pn {
-  ._1tvk1kk:not(:first-child)::before {
-    content: "/";
-    color: var(--ax-colors-fg-tertiary);
-    margin-right: 8px;
-  }
-}

package/dist/cjs/assets/src/breadcrumb/BreadcrumbLink.css.ts.vanilla-Bb5x75nR.css

@@ -1,14 +0,0 @@
-@layer optiaxiom._1wo04pn;
-@layer optiaxiom._1wo04pn {
-  .f68k8j {
-    color: var(--ax-colors-fg-tertiary);
-  }
-  .f68k8j:visited {
-    color: var(--ax-colors-fg-tertiary);
-  }
-  @media (hover: hover) {
-    .f68k8j:hover:not([data-disabled]) {
-      color: var(--ax-colors-fg-secondary);
-    }
-  }
-}

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

@@ -1,9 +0,0 @@
-@layer optiaxiom._1wo04pn;
-@layer optiaxiom._1wo04pn {
-  ._1am0aqp {
-    opacity: 1;
-  }
-  .s1sxdg[data-loading] ._1am0aqp {
-    opacity: 0;
-  }
-}

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

@@ -1,151 +0,0 @@
-@layer optiaxiom._1wo04pn;
-@layer optiaxiom._1wo04pn {
-  .vzuf4w {
-    border-radius: var(--ax-borderRadius-md);
-    cursor: pointer;
-    padding-inline: var(--_1nevh9c);
-    position: relative;
-    text-decoration: none;
-    user-select: none;
-  }
-  .vzuf4w: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;
-  }
-  .vzuf4w[data-disabled] {
-    cursor: not-allowed;
-  }
-  .zxcyyb[data-orientation="horizontal"] > .vzuf4w:not(:first-child):not(:last-child),.zxcyyb[data-orientation="horizontal"] > :not(:first-child):not(:last-child) .vzuf4w {
-    border-inline-width: 0.5px;
-  }
-  .zxcyyb[data-orientation="horizontal"] > .vzuf4w:not(:only-child):first-child,.zxcyyb[data-orientation="horizontal"] > :not(:only-child):first-child .vzuf4w {
-    border-bottom-right-radius: 0;
-    border-right-width: 0.5px;
-    border-top-right-radius: 0;
-  }
-  .zxcyyb[data-orientation="horizontal"] > .vzuf4w:not(:only-child):last-child,.zxcyyb[data-orientation="horizontal"] > :not(:only-child):last-child .vzuf4w {
-    border-bottom-left-radius: 0;
-    border-left-width: 0.5px;
-    border-top-left-radius: 0;
-  }
-  .zxcyyb[data-orientation="vertical"] > .vzuf4w:not(:first-child):not(:last-child),.zxcyyb[data-orientation="vertical"] > :not(:first-child):not(:last-child) .vzuf4w {
-    border-block-width: 0.5px;
-  }
-  .zxcyyb[data-orientation="vertical"] > .vzuf4w:not(:only-child):first-child,.zxcyyb[data-orientation="vertical"] > :not(:only-child):first-child .vzuf4w {
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-    border-bottom-width: 0.5px;
-  }
-  .zxcyyb[data-orientation="vertical"] > .vzuf4w:not(:only-child):last-child,.zxcyyb[data-orientation="vertical"] > :not(:only-child):last-child .vzuf4w {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-    border-top-width: 0.5px;
-  }
-  .zxcyyb[data-orientation] > .vzuf4w:not(:first-child):not(:last-child),.zxcyyb[data-orientation] > :not(:first-child):not(:last-child) .vzuf4w {
-    border-radius: 0;
-  }
-  .blhypd {
-    --_1j3oyjd: var(--ax-colors-bg-error);
-    --_12o9s7e: var(--ax-colors-bg-error-hovered);
-    --r2tqpj: var(--ax-colors-bg-error-pressed);
-    --_1gxd6qy: var(--ax-colors-bg-error-subtlest);
-    --_1a45c35: var(--ax-colors-bg-error-subtle);
-  }
-  .svsyfj {
-    --_1j3oyjd: var(--ax-colors-bg-default-inverse);
-    --_12o9s7e: var(--ax-colors-bg-default-inverse-hovered);
-    --r2tqpj: var(--ax-colors-bg-default-inverse-pressed);
-    --_1uedc5v: var(--ax-colors-fg-default-inverse);
-    --_1gxd6qy: var(--ax-colors-bg-page);
-    --_1u8xt1w: var(--ax-colors-border-default);
-    --jn41m2: var(--ax-colors-border-default);
-    --_1a45c35: var(--ax-colors-bg-secondary);
-    --_8ue32k: var(--ax-colors-fg-default);
-    --_1qnkwu1: var(--ax-colors-bg-default-hovered);
-    --_1egrws5: var(--ax-colors-bg-default-pressed);
-  }
-  ._1gcgyk5 {
-    --_1j3oyjd: var(--ax-colors-bg-accent);
-    --_12o9s7e: var(--ax-colors-bg-accent-hovered);
-    --r2tqpj: var(--ax-colors-bg-accent-pressed);
-    --_1gxd6qy: var(--ax-colors-bg-accent-subtle);
-    --_1a45c35: var(--ax-colors-bg-accent-light);
-  }
-  .rvk3k {
-    min-width: fit-content;
-  }
-  ._12durlq {
-    background-color: var(--ax-colors-bg-default);
-    border: 1px solid var(--jn41m2, var(--_1j3oyjd));
-    color: var(--_8ue32k, var(--_1j3oyjd));
-    padding-inline: calc(var(--_1nevh9c) - 1px);
-  }
-  ._12durlq:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--_1a45c35);
-    border-color: var(--_1u8xt1w, var(--_12o9s7e));
-  }
-  ._12durlq: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);
-  }
-  ._12durlq[data-disabled]:not([data-loading]) {
-    border-color: var(--ax-colors-border-disabled);
-    color: var(--ax-colors-fg-disabled);
-  }
-  .jtvwgq {
-    background-color: var(--_1j3oyjd);
-    color: var(--_1uedc5v, var(--ax-colors-fg-white));
-  }
-  .jtvwgq:active:not([data-disabled], [data-loading]) {
-    background-color: var(--r2tqpj);
-  }
-  .jtvwgq[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(--_1nevh9c) - 1px);
-  }
-  ._1i46liy {
-    background-color: transparent;
-    border-color: var(--_1j3oyjd);
-    color: var(--_8ue32k, var(--_1j3oyjd));
-  }
-  ._1i46liy:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--_1egrws5, var(--_1a45c35));
-  }
-  ._1i46liy:is([data-state="active"], [data-state="on"]) {
-    background-color: var(--ax-colors-bg-accent-subtle);
-    color: var(--ax-colors-fg-accent);
-  }
-  ._1i46liy[data-disabled]:not([data-loading]) {
-    color: var(--ax-colors-fg-disabled);
-  }
-  ._3oakfy {
-    --_1nevh9c: 4px;
-  }
-  ._1bbjhwa {
-    --_1nevh9c: 8px;
-  }
-  ._1esnbmo {
-    --_1nevh9c: 12px;
-  }
-  ._16b41kt {
-    left: 0;
-    position: absolute;
-    right: 0;
-  }
-  @media (hover: hover) {
-    ._12durlq:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-      background-color: var(--_1gxd6qy);
-      border-color: var(--_1u8xt1w, var(--_12o9s7e));
-    }
-    .jtvwgq:hover:not(:active, [data-disabled], [data-loading]) {
-      background-color: var(--_12o9s7e);
-    }
-    ._1i46liy:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-      background-color: var(--_1qnkwu1, var(--_1gxd6qy));
-    }
-  }
-}

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

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

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

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

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

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

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

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

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

@@ -1,15 +0,0 @@
-@layer optiaxiom._1wo04pn;
-@layer optiaxiom._1wo04pn {
-  ._1xurmxj {
-    min-height: var(--ax-size-sm);
-  }
-  ._19gi6xw {
-    order: 3;
-  }
-  ._10btkuo {
-    order: 1;
-  }
-  .imbwr5 {
-    order: 2;
-  }
-}

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

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