@optiaxiom/react 1.6.6 → 1.6.8

package/dist/unstable.d.ts

@@ -1,5 +1,5 @@
-import { I as Input, S as Sprinkles, B as BoxProps, N as CommandOption, E as ExcludeProps, q as ListboxItemized, K as TableHeaderCell, e as Box, F as Flex, a as ButtonProps, R as RecipeVariants, t as Menu, s as MenuProps, v as MenuContent, u as MenuContentProps, x as MenuTrigger } from './MenuTrigger-DhqiQtiJ.js';
-export { C as Calendar, d as CalendarProps, Q as Command, O as CommandProps } from './MenuTrigger-DhqiQtiJ.js';
+import { I as Input, S as Sprinkles, B as BoxProps, O as CommandOption, E as ExcludeProps, r as ListboxItemized, N as TableHeaderCell, f as Box, F as Flex, a as ButtonProps, R as RecipeVariants, u as Menu, t as MenuProps, w as MenuContent, v as MenuContentProps, y as MenuTrigger } from './MenuTrigger-BYIG1rXQ.js';
+export { C as Calendar, e as CalendarProps, U as Command, Q as CommandProps, V as createDialogKit, d as dialogkit } from './MenuTrigger-BYIG1rXQ.js';
 import * as react from 'react';
 import { ComponentPropsWithoutRef, ComponentPropsWithRef, ReactNode, ReactElement, RefAttributes } from 'react';
 import { Header } from '@tanstack/react-table';
@@ -89,7 +89,7 @@ declare const DataTableHeaderCell: react.ForwardRefExoticComponent<{
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     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>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTableCellElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "backgroundImage" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className"> & react.RefAttributes<HTMLTableCellElement>>;
 
 type DetailsPanelProps = BoxProps<"aside">;
 declare const DetailsPanel: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
@@ -147,6 +147,13 @@ declare const DetailsPanelHeader: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLHeadingElement>>;
 
+declare function useDialogKit(): {
+    /**
+     * The ID of the managed dialog item in the current context.
+     */
+    id: string;
+};
+
 type FileUploadProps = BoxProps<"div", {
     /**
      * File types to accept for upload. An array of strings of the MIME type
@@ -233,9 +240,9 @@ declare const FileUploadTrigger: react.ForwardRefExoticComponent<Omit<{
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "outline" | "opal" | "subtle" | undefined;
+    variant?: "strong" | "outline" | "outline-opal" | "strong-opal" | "subtle" | undefined;
 }, "intent" | "variant"> & {
-    appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse" | "primary-opal";
+    appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
     disabled?: boolean;
     loading?: boolean;
 }>, never> & Omit<NonNullable<Sprinkles & {
@@ -425,7 +432,7 @@ declare const PillGroup: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omi
 }, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 type PillMenuProps = BoxProps<"div", Pick<ComponentPropsWithoutRef<typeof Menu>, "defaultOpen" | "empty" | "inputValue" | "inputVisible" | "loading" | "onInputValueChange" | "onOpenChange" | "open" | "options" | "placeholder">>;
-declare const PillMenu: react.ForwardRefExoticComponent<Pick<MenuProps, "placeholder" | "loading" | "empty" | "inputValue" | "onInputValueChange" | "options" | "defaultOpen" | "inputVisible" | "onOpenChange" | "open"> & Omit<NonNullable<Sprinkles & {
+declare const PillMenu: react.ForwardRefExoticComponent<Pick<MenuProps, "loading" | "placeholder" | "empty" | "inputValue" | "onInputValueChange" | "options" | "defaultOpen" | "inputVisible" | "onOpenChange" | "open"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
@@ -443,9 +450,9 @@ declare const PillMenuTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<{
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "outline" | "opal" | "subtle" | undefined;
+    variant?: "strong" | "outline" | "outline-opal" | "strong-opal" | "subtle" | undefined;
 }, "intent" | "variant"> & {
-    appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse" | "primary-opal";
+    appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
     disabled?: boolean;
     loading?: boolean;
 }>, never> & Omit<NonNullable<Sprinkles & {
@@ -557,9 +564,9 @@ declare const SpotlightTrigger: react.ForwardRefExoticComponent<Omit<{
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "outline" | "opal" | "subtle" | undefined;
+    variant?: "strong" | "outline" | "outline-opal" | "strong-opal" | "subtle" | undefined;
 }, "intent" | "variant"> & {
-    appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse" | "primary-opal";
+    appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
     disabled?: boolean;
     loading?: boolean;
 }>, never> & Omit<NonNullable<Sprinkles & {
@@ -574,15 +581,15 @@ declare const SpotlightTrigger: react.ForwardRefExoticComponent<Omit<{
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "outline" | "opal" | "subtle" | undefined;
+    variant?: "strong" | "outline" | "outline-opal" | "strong-opal" | "subtle" | undefined;
 }, "intent" | "variant"> & {
-    appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse" | "primary-opal";
+    appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
     disabled?: boolean;
     loading?: boolean;
 }>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<_radix_ui_react_popover.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" | "square" | "appearance" | "loading" | "icon" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<_radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "backgroundImage" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "disabled" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className" | "addonAfter" | "addonBefore" | "square" | "appearance" | "loading" | "icon" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
 
-export { CommandInput, CommandItem, CommandListbox, DataTableHeaderCell, DetailsPanel, DetailsPanelBody, DetailsPanelFooter, DetailsPanelHeader, FileUpload, FileUploadDropzone, FileUploadTrigger, Highlight, InlineInput, Layout, LayoutContent, Pill, PillGroup, PillMenu, PillMenuContent, PillMenuTrigger, Sortable, SortableGroup, SortableHandle, SortableItem, Spotlight, SpotlightContent, SpotlightTrigger, useFileUploadTrigger };
+export { CommandInput, CommandItem, CommandListbox, DataTableHeaderCell, DetailsPanel, DetailsPanelBody, DetailsPanelFooter, DetailsPanelHeader, FileUpload, FileUploadDropzone, FileUploadTrigger, Highlight, InlineInput, Layout, LayoutContent, Pill, PillGroup, PillMenu, PillMenuContent, PillMenuTrigger, Sortable, SortableGroup, SortableHandle, SortableItem, Spotlight, SpotlightContent, SpotlightTrigger, useDialogKit, useFileUploadTrigger };
 export type { CommandInputProps, CommandItemProps, CommandListboxProps, DataTableHeaderCellProps, DetailsPanelBodyProps, DetailsPanelFooterProps, DetailsPanelHeaderProps, DetailsPanelProps, FileUploadDropzoneProps, FileUploadProps, FileUploadTriggerProps, HighlightProps, InlineInputProps, LayoutContentProps, LayoutProps, PillGroupProps, PillMenuContentProps, PillMenuProps, PillMenuTriggerProps, 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.6.6",
+  "version": "1.6.8",
   "files": [
     "dist/**",
     "LICENSE"
@@ -30,35 +30,34 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@dnd-kit/collision": "^0.1.20",
-    "@dnd-kit/helpers": "^0.1.20",
-    "@dnd-kit/react": "^0.1.20",
-    "@radix-ui/react-alert-dialog": "^1.1.14",
+    "@dnd-kit/collision": "^0.1.21",
+    "@dnd-kit/helpers": "^0.1.21",
+    "@dnd-kit/react": "^0.1.21",
     "@radix-ui/react-arrow": "^1.1.7",
     "@radix-ui/react-avatar": "^1.1.10",
-    "@radix-ui/react-collapsible": "^1.1.11",
+    "@radix-ui/react-collapsible": "^1.1.12",
     "@radix-ui/react-compose-refs": "^1.1.2",
     "@radix-ui/react-context": "^1.1.2",
-    "@radix-ui/react-dialog": "^1.1.14",
-    "@radix-ui/react-dismissable-layer": "^1.1.10",
-    "@radix-ui/react-dropdown-menu": "^2.1.15",
-    "@radix-ui/react-focus-guards": "^1.1.2",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dismissable-layer": "^1.1.11",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-focus-guards": "^1.1.3",
     "@radix-ui/react-id": "^1.1.1",
     "@radix-ui/react-label": "^2.1.7",
-    "@radix-ui/react-menu": "^2.1.15",
-    "@radix-ui/react-popover": "^1.1.14",
-    "@radix-ui/react-popper": "^1.2.7",
+    "@radix-ui/react-menu": "^2.1.16",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-popper": "^1.2.8",
     "@radix-ui/react-portal": "^1.1.9",
     "@radix-ui/react-primitive": "^2.1.3",
     "@radix-ui/react-progress": "^1.1.7",
-    "@radix-ui/react-roving-focus": "^1.1.10",
+    "@radix-ui/react-roving-focus": "^1.1.11",
     "@radix-ui/react-separator": "^1.1.7",
     "@radix-ui/react-slot": "^1.2.3",
-    "@radix-ui/react-tabs": "^1.1.12",
-    "@radix-ui/react-toast": "^1.2.14",
-    "@radix-ui/react-toggle": "^1.1.9",
-    "@radix-ui/react-toggle-group": "^1.1.10",
-    "@radix-ui/react-tooltip": "^1.2.7",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-toast": "^1.2.15",
+    "@radix-ui/react-toggle": "^1.1.10",
+    "@radix-ui/react-toggle-group": "^1.1.11",
+    "@radix-ui/react-tooltip": "^1.2.8",
     "@radix-ui/react-use-controllable-state": "^1.2.2",
     "@radix-ui/react-visually-hidden": "^1.2.3",
     "@tanstack/react-virtual": "^3.13.12",
@@ -66,17 +65,17 @@
     "@vanilla-extract/dynamic": "^2.1.5",
     "clsx": "^2.1.1",
     "downshift": "^9.0.10",
-    "react-day-picker": "^9.8.0",
+    "react-day-picker": "^9.9.0",
     "react-remove-scroll": "^2.7.1",
-    "react-resizable-panels": "^3.0.3",
+    "react-resizable-panels": "^3.0.4",
     "use-sync-external-store": "^1.5.0",
     "@optiaxiom/globals": "^1.0.10"
   },
   "devDependencies": {
     "@emotion/hash": "^0.9.2",
-    "@mantine/hooks": "^8.2.1",
+    "@mantine/hooks": "^8.2.5",
     "@radix-ui/react-focus-scope": "^1.1.7",
-    "@types/node": "^22.16.5",
+    "@types/node": "^22.17.2",
     "@types/use-sync-external-store": "^1.5.0",
     "@vanilla-extract/css": "^1.17.4",
     "@vanilla-extract/sprinkles": "^1.6.5",

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

@@ -1,22 +0,0 @@
-@layer optiaxiom._1hv5zep;
-@layer optiaxiom._1hv5zep {
-  ._16tf1ru {
-    transition: opacity var(--ax-duration-sm) ease;
-  }
-  ._1igftp8:not(:has(._1igftp8)):focus-within ._16tf1ru, ._16tf1ru:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
-    opacity: 1;
-    transition: none;
-  }
-  ._14uawvf {
-    opacity: 1;
-  }
-  .dxbqzh {
-    opacity: 0;
-  }
-  @media (hover: hover) {
-    ._1igftp8:not(:has(._1igftp8)):hover ._16tf1ru {
-      opacity: 1;
-      transition: none;
-    }
-  }
-}

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

@@ -1,15 +0,0 @@
-@layer optiaxiom._1hv5zep;
-@layer optiaxiom._1hv5zep {
-  .px89t6 {
-    background-image: 
-        linear-gradient(
-          135deg,
-          light-dark(#F5F3FF, #1e1b3a),
-          light-dark(#E5EFFF, #1a2b45)
-        )
-      ;
-  }
-  .ge0tpe {
-    min-height: var(--ax-size-sm);
-  }
-}

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

@@ -1,30 +0,0 @@
-@layer optiaxiom._1hv5zep;
-@layer optiaxiom._1hv5zep {
-  ._1sr5mu {
-    opacity: 0;
-  }
-  ._20y5nn {
-    inset: 0;
-    position: fixed;
-  }
-  ._1dhfh6g {
-    max-height: 50dvh;
-    max-width: calc(100dvw - 2 * 24px);
-    transform: 
-      translateY(calc(1rem * var(--mt85xd)))
-      scale(calc(1 - 0.06 * var(--mt85xd)))
-    ;
-  }
-  ._1dhfh6g:focus-visible {
-    outline: none;
-  }
-  ._1cjcgyv {
-    width: 400px;
-  }
-  ._1gewn57 {
-    width: 600px;
-  }
-  ._1pv2uxp {
-    width: 800px;
-  }
-}

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

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

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

@@ -1,51 +0,0 @@
-@layer optiaxiom._1hv5zep;
-@layer optiaxiom._1hv5zep {
-  ._1qb3jgf {
-    --_1n2kpd2: var(--ax-colors-fg-white);
-    -webkit-user-select: none;
-            user-select: none;
-  }
-  ._1qb3jgf:not(:empty) {
-    min-width: var(--ax-size-xs);
-  }
-  .ljuf4v {
-    --_1r350s1: var(--ax-colors-bg-error);
-    --_9ev10u: var(--ax-colors-bg-error-subtle);
-    --_107dsk1: var(--ax-colors-fg-error-strong);
-  }
-  ._13jlaqd {
-    --_1r350s1: var(--ax-colors-bg-information);
-    --_9ev10u: var(--ax-colors-bg-information-subtle);
-    --_107dsk1: var(--ax-colors-fg-information-strong);
-  }
-  ._1l3slet {
-    --_1r350s1: var(--ax-colors-bg-tertiary);
-    --_1n2kpd2: var(--ax-colors-fg-default);
-    --_9ev10u: var(--ax-colors-bg-secondary);
-    --_107dsk1: var(--ax-colors-fg-secondary);
-  }
-  ._1c2tril {
-    --_1r350s1: var(--ax-colors-bg-accent);
-    --_9ev10u: var(--ax-colors-bg-accent-subtle);
-    --_107dsk1: var(--ax-colors-fg-accent-strong);
-  }
-  ._1ffzfhb {
-    --_1r350s1: var(--ax-colors-bg-success);
-    --_9ev10u: var(--ax-colors-bg-success-subtle);
-    --_107dsk1: var(--ax-colors-fg-success-strong);
-  }
-  .j0z6qe {
-    --_1r350s1: var(--ax-colors-bg-warning);
-    --_1n2kpd2: var(--ax-colors-fg-warning-inverse);
-    --_9ev10u: var(--ax-colors-bg-warning-subtle);
-    --_107dsk1: var(--ax-colors-fg-warning-strong);
-  }
-  ._1v4gwin {
-    background-color: var(--_1r350s1);
-    color: var(--_1n2kpd2);
-  }
-  .rhbr33 {
-    background-color: var(--_9ev10u);
-    color: var(--_107dsk1);
-  }
-}

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

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

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

@@ -1,9 +0,0 @@
-@layer optiaxiom._1hv5zep;
-@layer optiaxiom._1hv5zep {
-  ._1wlrlzl {
-    opacity: 1;
-  }
-  .bk9z2i[data-loading] ._1wlrlzl {
-    opacity: 0;
-  }
-}

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

@@ -1,160 +0,0 @@
-@layer optiaxiom._1hv5zep;
-@layer optiaxiom._1hv5zep {
-  .wsu5sr {
-    border-radius: var(--ax-borderRadius-md);
-    cursor: pointer;
-    padding-inline: var(--kbeyq4);
-    position: relative;
-    text-decoration: none;
-    -webkit-user-select: none;
-            user-select: none;
-  }
-  .wsu5sr: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;
-  }
-  .wsu5sr[data-disabled] {
-    cursor: not-allowed;
-  }
-  ._1kc4p3x[data-orientation="horizontal"] > .wsu5sr:not(:first-child):not(:last-child),._1kc4p3x[data-orientation="horizontal"] > :not(:first-child):not(:last-child) .wsu5sr {
-    border-inline-width: 0.5px;
-  }
-  ._1kc4p3x[data-orientation="horizontal"] > .wsu5sr:not(:only-child):first-child,._1kc4p3x[data-orientation="horizontal"] > :not(:only-child):first-child .wsu5sr {
-    border-bottom-right-radius: 0;
-    border-right-width: 0.5px;
-    border-top-right-radius: 0;
-  }
-  ._1kc4p3x[data-orientation="horizontal"] > .wsu5sr:not(:only-child):last-child,._1kc4p3x[data-orientation="horizontal"] > :not(:only-child):last-child .wsu5sr {
-    border-bottom-left-radius: 0;
-    border-left-width: 0.5px;
-    border-top-left-radius: 0;
-  }
-  ._1kc4p3x[data-orientation="vertical"] > .wsu5sr:not(:first-child):not(:last-child),._1kc4p3x[data-orientation="vertical"] > :not(:first-child):not(:last-child) .wsu5sr {
-    border-block-width: 0.5px;
-  }
-  ._1kc4p3x[data-orientation="vertical"] > .wsu5sr:not(:only-child):first-child,._1kc4p3x[data-orientation="vertical"] > :not(:only-child):first-child .wsu5sr {
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-    border-bottom-width: 0.5px;
-  }
-  ._1kc4p3x[data-orientation="vertical"] > .wsu5sr:not(:only-child):last-child,._1kc4p3x[data-orientation="vertical"] > :not(:only-child):last-child .wsu5sr {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-    border-top-width: 0.5px;
-  }
-  ._1kc4p3x[data-orientation] > .wsu5sr:not(:first-child):not(:last-child),._1kc4p3x[data-orientation] > :not(:first-child):not(:last-child) .wsu5sr {
-    border-radius: 0;
-  }
-  ._9h5rir {
-    --gjrpcl: var(--ax-colors-bg-error);
-    --_132n5r5: var(--ax-colors-bg-error-hovered);
-    --hhw22j: var(--ax-colors-bg-error-pressed);
-    --uf90gy: var(--ax-colors-bg-error-subtlest);
-    --_1grkuq5: var(--ax-colors-bg-error-subtle);
-  }
-  ._1k673h0 {
-    --gjrpcl: var(--ax-colors-bg-default-inverse);
-    --_132n5r5: var(--ax-colors-bg-default-inverse-hovered);
-    --hhw22j: var(--ax-colors-bg-default-inverse-pressed);
-    --za7cjv: var(--ax-colors-fg-default-inverse);
-    --uf90gy: var(--ax-colors-bg-page);
-    --_143q2qj: var(--ax-colors-border-default);
-    --lsu86y: var(--ax-colors-border-default);
-    --_1grkuq5: var(--ax-colors-bg-secondary);
-    --_31lewn: var(--ax-colors-fg-default);
-    --b0j0te: var(--ax-colors-bg-default-hovered);
-    --v638ox: var(--ax-colors-bg-default-pressed);
-  }
-  ._1itgggg {
-    --gjrpcl: var(--ax-colors-bg-accent);
-    --_132n5r5: var(--ax-colors-bg-accent-hovered);
-    --hhw22j: var(--ax-colors-bg-accent-pressed);
-    --uf90gy: var(--ax-colors-bg-accent-subtle);
-    --_1grkuq5: var(--ax-colors-bg-accent-light);
-  }
-  ._15jrfb2 {
-    background-image: linear-gradient(135deg, #392ECF 15%, #7740EC 85%);
-    color: var(--za7cjv, var(--ax-colors-fg-white));
-  }
-  ._15jrfb2[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(--kbeyq4) - 1px);
-  }
-  ._1cyt2uy {
-    background-color: var(--ax-colors-bg-default);
-    border: 1px solid var(--lsu86y, var(--gjrpcl));
-    color: var(--_31lewn, var(--gjrpcl));
-    padding-inline: calc(var(--kbeyq4) - 1px);
-  }
-  ._1cyt2uy:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--_1grkuq5);
-    border-color: var(--_143q2qj, var(--_132n5r5));
-  }
-  ._1cyt2uy: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);
-  }
-  ._1cyt2uy[data-disabled]:not([data-loading]) {
-    border-color: var(--ax-colors-border-disabled);
-    color: var(--ax-colors-fg-disabled);
-  }
-  ._1jvjah0 {
-    background-color: var(--gjrpcl);
-    color: var(--za7cjv, var(--ax-colors-fg-white));
-  }
-  ._1jvjah0:active:not([data-disabled], [data-loading]) {
-    background-color: var(--hhw22j);
-  }
-  ._1jvjah0[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(--kbeyq4) - 1px);
-  }
-  .i8tg86 {
-    background-color: transparent;
-    border-color: var(--gjrpcl);
-    color: var(--_31lewn, var(--gjrpcl));
-  }
-  .i8tg86:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--v638ox, var(--_1grkuq5));
-  }
-  .i8tg86:is([data-state="active"], [data-state="on"]) {
-    background-color: var(--ax-colors-bg-accent-subtle);
-    color: var(--ax-colors-fg-accent);
-  }
-  .i8tg86[data-disabled]:not([data-loading]) {
-    color: var(--ax-colors-fg-disabled);
-  }
-  .q6nv0j {
-    --kbeyq4: 4px;
-  }
-  ._4pq22l {
-    --kbeyq4: 8px;
-  }
-  ._86ngvr {
-    --kbeyq4: 12px;
-  }
-  ._1a19plr {
-    left: 0;
-    position: absolute;
-    right: 0;
-  }
-  @media (hover: hover) {
-    ._1cyt2uy:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-      background-color: var(--uf90gy);
-      border-color: var(--_143q2qj, var(--_132n5r5));
-    }
-    ._1jvjah0:hover:not(:active, [data-disabled], [data-loading]) {
-      background-color: var(--_132n5r5);
-    }
-    .i8tg86:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-      background-color: var(--b0j0te, var(--uf90gy));
-    }
-  }
-}

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

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

package/dist/cjs/assets/src/calendar/CalendarGrid.css.ts.vanilla-CZ-gsEXF.css

@@ -1,7 +0,0 @@
-@layer optiaxiom._1hv5zep;
-@layer optiaxiom._1hv5zep {
-  ._1cy38w2 {
-    height: 192px;
-    width: 236px;
-  }
-}

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

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

package/dist/cjs/assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-mofFnFLD.css

@@ -1,8 +0,0 @@
-@layer optiaxiom._1hv5zep;
-@layer optiaxiom._1hv5zep {
-  ._1dskxo3 {
-    position: absolute;
-    right: 0;
-    top: 0;
-  }
-}

package/dist/cjs/assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-CIs1ARXw.css

@@ -1,8 +0,0 @@
-@layer optiaxiom._1hv5zep;
-@layer optiaxiom._1hv5zep {
-  ._13rrbg5 {
-    position: absolute;
-    right: 32px;
-    top: 0;
-  }
-}

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

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

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

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

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

@@ -1,15 +0,0 @@
-@layer optiaxiom._1hv5zep;
-@layer optiaxiom._1hv5zep {
-  ._1x3hou7 {
-    min-height: var(--ax-size-sm);
-  }
-  ._4godc4 {
-    order: 3;
-  }
-  .qtge76 {
-    order: 1;
-  }
-  .wcxnzo {
-    order: 2;
-  }
-}

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

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

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

@@ -1,34 +0,0 @@
-@layer optiaxiom;
-@layer optiaxiom._1hv5zep;
-@layer optiaxiom {
-  .zytc6y {
-    position: static;
-  }
-  .zytc6y:focus-visible {
-    outline: none;
-  }
-}
-@layer optiaxiom._1hv5zep {
-  .i7jl5b {
-    --_1ccrxsb: solid;
-  }
-  .i7jl5b::before {
-    content: "";
-    border-radius: var(--_1oruxj, inherit);
-    inset: 0;
-    position: absolute;
-  }
-  .i7jl5b:focus-visible::before {
-    outline: 2px var(--_1ccrxsb) var(--ax-colors-border-focus);
-    outline-offset: var(--_8i4cty);
-  }
-  ._15s6arp {
-    --_8i4cty: 1px;
-  }
-  ._1ccche4 {
-    --_8i4cty: -2px;
-  }
-  ._1ccche4:is(a) {
-    --_1ccrxsb: auto;
-  }
-}