@optiaxiom/react 1.9.19 → 1.9.20

package/dist/index.d.ts

@@ -734,11 +734,15 @@ declare const ToggleInputHiddenInput: react.ForwardRefExoticComponent<{
      * Handler that is called when the checked state changes.
      */
     onCheckedChange?: (checked: boolean) => void;
+    /**
+     * Whether selecting this input is required.
+     */
+    required?: ComponentPropsWithoutRef<"input">["required"];
     /**
      * The value of the form control element.
      */
     value?: ComponentPropsWithoutRef<"input">["value"];
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value"> & react.RefAttributes<HTMLInputElement>>;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value" | "required"> & react.RefAttributes<HTMLInputElement>>;
 
 declare const CheckboxContent: react.ForwardRefExoticComponent<{
     /**
@@ -751,8 +755,9 @@ declare const CheckboxContent: react.ForwardRefExoticComponent<{
 }>, never> & Omit<Omit<{
     name?: react.ComponentPropsWithoutRef<"input">["name"];
     onCheckedChange?: (checked: boolean) => void;
+    required?: react.ComponentPropsWithoutRef<"input">["required"];
     value?: react.ComponentPropsWithoutRef<"input">["value"];
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
 
 declare const CheckboxControl: react.ForwardRefExoticComponent<{
     /**
@@ -787,8 +792,9 @@ declare const Checkbox: react.ForwardRefExoticComponent<Pick<Omit<{
 }>, never> & Omit<Omit<{
     name?: ComponentPropsWithoutRef<"input">["name"];
     onCheckedChange?: (checked: boolean) => void;
+    required?: ComponentPropsWithoutRef<"input">["required"];
     value?: ComponentPropsWithoutRef<"input">["value"];
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
     indeterminate?: boolean;
     shift?: boolean;
 } & Omit<NonNullable<Sprinkles & {
@@ -803,8 +809,9 @@ declare const Checkbox: react.ForwardRefExoticComponent<Pick<Omit<{
 }>, never> & Omit<Omit<{
     name?: ComponentPropsWithoutRef<"input">["name"];
     onCheckedChange?: (checked: boolean) => void;
+    required?: ComponentPropsWithoutRef<"input">["required"];
     value?: ComponentPropsWithoutRef<"input">["value"];
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
 
 type CardCheckboxProps = ExcludeProps<ComponentPropsWithoutRef<typeof Checkbox>, "description">;
 /**
@@ -1217,8 +1224,9 @@ declare const DataTableCheckbox: react.ForwardRefExoticComponent<Omit<Pick<Omit<
 }>, never> & Omit<Omit<{
     name?: ComponentPropsWithoutRef<"input">["name"];
     onCheckedChange?: (checked: boolean) => void;
+    required?: ComponentPropsWithoutRef<"input">["required"];
     value?: ComponentPropsWithoutRef<"input">["value"];
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
     indeterminate?: boolean;
     shift?: boolean;
 } & Omit<NonNullable<Sprinkles & {
@@ -1233,8 +1241,9 @@ declare const DataTableCheckbox: react.ForwardRefExoticComponent<Omit<Pick<Omit<
 }>, never> & Omit<Omit<{
     name?: ComponentPropsWithoutRef<"input">["name"];
     onCheckedChange?: (checked: boolean) => void;
+    required?: ComponentPropsWithoutRef<"input">["required"];
     value?: ComponentPropsWithoutRef<"input">["value"];
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref"> & Pick<Omit<{
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref"> & Pick<Omit<{
     primary?: boolean;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -1379,7 +1388,7 @@ declare const InputControl: react.ForwardRefExoticComponent<Omit<NonNullable<{
 }>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<NonNullable<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> | Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">>, "name" | "color" | "disabled" | "className" | "required" | "placeholder"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>>;
+}>, "size"> & Omit<NonNullable<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> | Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">>, "name" | "color" | "disabled" | "className" | "placeholder" | "required"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>>;
 
 declare const InputProvider: react.FC<{
     /**
@@ -1467,7 +1476,7 @@ declare const Input: react.ForwardRefExoticComponent<Pick<Omit<Pick<{
 }>, "size"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "name" | "color" | "disabled" | "className" | "required" | "placeholder" | "type"> & react.RefAttributes<HTMLInputElement>>;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "name" | "color" | "disabled" | "className" | "type" | "placeholder" | "required"> & react.RefAttributes<HTMLInputElement>>;
 
 type InputAddonProps = BoxProps<"div">;
 /**
@@ -1514,7 +1523,7 @@ type DateInputProps = ExtendProps<ComponentPropsWithoutRef<typeof Input>, Pick<C
  * @category date
  * @since 1.4.0
  */
-declare const DateInput: react.ForwardRefExoticComponent<Pick<ComponentPropsWithoutRef<react.ForwardRefExoticComponent<CalendarProps & react.RefAttributes<HTMLDivElement>>>, "holiday" | "placeholder" | "weekend"> & {
+declare const DateInput: react.ForwardRefExoticComponent<Pick<ComponentPropsWithoutRef<react.ForwardRefExoticComponent<CalendarProps & react.RefAttributes<HTMLDivElement>>>, "placeholder" | "holiday" | "weekend"> & {
     /**
      * The default date and time to use in the calendar picker when no value has
      * been selected.
@@ -1564,7 +1573,7 @@ declare const DateInput: react.ForwardRefExoticComponent<Pick<ComponentPropsWith
 }>, "size"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "name" | "color" | "disabled" | "className" | "required" | "placeholder" | "type"> & react.RefAttributes<HTMLInputElement>, "ref">, "placeholder" | "type"> & react.RefAttributes<HTMLInputElement>>;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "name" | "color" | "disabled" | "className" | "type" | "placeholder" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "type" | "placeholder"> & react.RefAttributes<HTMLInputElement>>;
 
 type PopoverProps = {
     children?: React.ReactNode;
@@ -1698,8 +1707,9 @@ declare const ListboxCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<Non
 }>, never> & Omit<Omit<{
     name?: ComponentPropsWithoutRef<"input">["name"];
     onCheckedChange?: (checked: boolean) => void;
+    required?: ComponentPropsWithoutRef<"input">["required"];
     value?: ComponentPropsWithoutRef<"input">["value"];
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
     indeterminate?: boolean;
     shift?: boolean;
 } & Omit<NonNullable<Sprinkles & {
@@ -1714,8 +1724,9 @@ declare const ListboxCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<Non
 }>, never> & Omit<Omit<{
     name?: ComponentPropsWithoutRef<"input">["name"];
     onCheckedChange?: (checked: boolean) => void;
+    required?: ComponentPropsWithoutRef<"input">["required"];
     value?: ComponentPropsWithoutRef<"input">["value"];
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "onCheckedChange"> & react.RefAttributes<HTMLDivElement>>;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "onCheckedChange"> & react.RefAttributes<HTMLDivElement>>;
 
 type ListboxEmptyProps = BoxProps;
 /**
@@ -1923,8 +1934,9 @@ declare const Switch: react.ForwardRefExoticComponent<{
 }>, "size"> & Omit<Omit<{
     name?: react.ComponentPropsWithoutRef<"input">["name"];
     onCheckedChange?: (checked: boolean) => void;
+    required?: react.ComponentPropsWithoutRef<"input">["required"];
     value?: react.ComponentPropsWithoutRef<"input">["value"];
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
 
 type ListboxSwitchItemProps = ComponentPropsWithoutRef<typeof ListboxItem> & Pick<ComponentPropsWithoutRef<typeof Switch>, "onCheckedChange">;
 /**
@@ -1950,8 +1962,9 @@ declare const ListboxSwitchItem: react.ForwardRefExoticComponent<Omit<Omit<NonNu
 }>, "size"> & Omit<Omit<{
     name?: ComponentPropsWithoutRef<"input">["name"];
     onCheckedChange?: (checked: boolean) => void;
+    required?: ComponentPropsWithoutRef<"input">["required"];
     value?: ComponentPropsWithoutRef<"input">["value"];
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "onCheckedChange"> & react.RefAttributes<HTMLDivElement>>;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "onCheckedChange"> & react.RefAttributes<HTMLDivElement>>;
 
 type DateRangePickerProps = ComponentPropsWithRef<typeof Popover> & {
     /**
@@ -3235,8 +3248,9 @@ declare const Radio: react.ForwardRefExoticComponent<{
 }>, never> & Omit<Omit<{
     name?: react.ComponentPropsWithoutRef<"input">["name"];
     onCheckedChange?: (checked: boolean) => void;
+    required?: react.ComponentPropsWithoutRef<"input">["required"];
     value?: react.ComponentPropsWithoutRef<"input">["value"];
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
 
 type RadioGroupProps = BoxProps<"div", {
     /**
@@ -3778,7 +3792,7 @@ declare const Textarea: react.ForwardRefExoticComponent<Pick<Omit<Pick<{
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTextAreaElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "name" | "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" | "required" | "placeholder" | "rows" | "maxRows" | "resize"> & react.RefAttributes<HTMLTextAreaElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTextAreaElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "name" | "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" | "placeholder" | "required" | "rows" | "maxRows" | "resize"> & react.RefAttributes<HTMLTextAreaElement>>;
 
 type ThemeProviderProps = {
     children?: ReactNode;

package/dist/unstable.d.ts

@@ -991,7 +991,7 @@ declare function useSurface(type?: NonNullable<ReturnType<typeof unstable_useSur
         type: "action" | "cards" | "dialog" | "group" | "page" | "product" | "property" | "resource" | "tab";
         value?: unknown;
     }[]) => void;
-    type: "page" | "dialog" | "property" | "resource" | "action" | "cards" | "group" | "product" | "tab";
+    type: "page" | "dialog" | "property" | "resource" | "action" | "group" | "tab" | "cards" | "product";
     value?: unknown;
 } | undefined;
 

package/package.json

@@ -7,7 +7,7 @@
     "url": "git+https://github.com/optimizely-axiom/optiaxiom.git"
   },
   "type": "module",
-  "version": "1.9.19",
+  "version": "1.9.20",
   "files": [
     "dist/**",
     "LICENSE"

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

@@ -1,22 +0,0 @@
-@layer optiaxiom._1qll070;
-@layer optiaxiom._1qll070 {
-  ._6ppjeo {
-    transition: opacity var(--ax-duration-sm) ease;
-  }
-  .kwatb3:not(:has(.kwatb3)):focus-within ._6ppjeo, ._6ppjeo:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
-    opacity: 1;
-    transition: none;
-  }
-  ._1j4enoe {
-    opacity: 1;
-  }
-  .tc7pzl {
-    opacity: 0;
-  }
-  @media (hover: hover) {
-    .kwatb3:not(:has(.kwatb3)):hover ._6ppjeo {
-      opacity: 1;
-      transition: none;
-    }
-  }
-}

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

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

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

@@ -1,30 +0,0 @@
-@layer optiaxiom._1qll070;
-@layer optiaxiom._1qll070 {
-  .y249s7 {
-    opacity: 0;
-  }
-  .d2dj1c {
-    inset: 0;
-    position: fixed;
-  }
-  .x6od3f {
-    max-height: 50dvh;
-    max-width: calc(100dvw - 2 * 24px);
-    transform: 
-      translateY(calc(1rem * var(--_1tu67qc)))
-      scale(calc(1 - 0.06 * var(--_1tu67qc)))
-    ;
-  }
-  .x6od3f:focus-visible {
-    outline: none;
-  }
-  .mtsb71 {
-    width: 400px;
-  }
-  ._1055esq {
-    width: 600px;
-  }
-  ._13eh7io {
-    width: 800px;
-  }
-}

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

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

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

@@ -1,51 +0,0 @@
-@layer optiaxiom._1qll070;
-@layer optiaxiom._1qll070 {
-  .e03uon {
-    --_2eto87: var(--ax-colors-fg-white);
-    -webkit-user-select: none;
-            user-select: none;
-  }
-  .e03uon:not(:empty) {
-    min-width: var(--ax-size-xs);
-  }
-  .bj7wmi {
-    --_1e327jm: var(--ax-colors-bg-error);
-    --iydyzf: var(--ax-colors-bg-error-subtle);
-    --_1updfvu: var(--ax-colors-fg-error-strong);
-  }
-  ._1a785pl {
-    --_1e327jm: var(--ax-colors-bg-information);
-    --iydyzf: var(--ax-colors-bg-information-subtle);
-    --_1updfvu: var(--ax-colors-fg-information-strong);
-  }
-  ._1sy2jgt {
-    --_1e327jm: var(--ax-colors-bg-tertiary);
-    --_2eto87: var(--ax-colors-fg-default);
-    --iydyzf: var(--ax-colors-bg-secondary);
-    --_1updfvu: var(--ax-colors-fg-secondary);
-  }
-  ._1s8f1o0 {
-    --_1e327jm: var(--ax-colors-bg-accent);
-    --iydyzf: var(--ax-colors-bg-accent-subtle);
-    --_1updfvu: var(--ax-colors-fg-accent-strong);
-  }
-  .cpiy9h {
-    --_1e327jm: var(--ax-colors-bg-success);
-    --iydyzf: var(--ax-colors-bg-success-subtle);
-    --_1updfvu: var(--ax-colors-fg-success-strong);
-  }
-  .p6v7qh {
-    --_1e327jm: var(--ax-colors-bg-warning);
-    --_2eto87: var(--ax-colors-fg-warning-inverse);
-    --iydyzf: var(--ax-colors-bg-warning-subtle);
-    --_1updfvu: var(--ax-colors-fg-warning-strong);
-  }
-  .c9zh9u {
-    background-color: var(--_1e327jm);
-    color: var(--_2eto87);
-  }
-  ._1w5mzlu {
-    background-color: var(--iydyzf);
-    color: var(--_1updfvu);
-  }
-}

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

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

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

@@ -1,9 +0,0 @@
-@layer optiaxiom._1qll070;
-@layer optiaxiom._1qll070 {
-  .dmbl2h {
-    opacity: 1;
-  }
-  .iquofi[data-loading] .dmbl2h {
-    opacity: 0;
-  }
-}

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

@@ -1,213 +0,0 @@
-@property --wbkwcy {
-  syntax: "<angle>";
-  inherits: false;
-  initial-value: 0turn;
-}
-@keyframes _140quba {
-  100% {
-    --wbkwcy: 1turn;
-  }
-}
-@layer optiaxiom._1qll070;
-@layer optiaxiom._1qll070 {
-  .nsl73c {
-    border-radius: var(--ax-borderRadius-md);
-    cursor: pointer;
-    padding-inline: var(--_7csjdc);
-    position: relative;
-    text-decoration: none;
-    -webkit-user-select: none;
-            user-select: none;
-  }
-  .nsl73c: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;
-  }
-  .nsl73c[data-disabled] {
-    cursor: not-allowed;
-  }
-  .agpb3j[data-orientation="horizontal"] > .nsl73c:not(:first-child):not(:last-child),.agpb3j[data-orientation="horizontal"] > :not(:first-child):not(:last-child) .nsl73c {
-    border-inline-width: 0.5px;
-  }
-  .agpb3j[data-orientation="horizontal"] > .nsl73c:not(:only-child):first-child,.agpb3j[data-orientation="horizontal"] > :not(:only-child):first-child .nsl73c {
-    border-bottom-right-radius: 0;
-    border-right-width: 0.5px;
-    border-top-right-radius: 0;
-  }
-  .agpb3j[data-orientation="horizontal"] > .nsl73c:not(:only-child):last-child,.agpb3j[data-orientation="horizontal"] > :not(:only-child):last-child .nsl73c {
-    border-bottom-left-radius: 0;
-    border-left-width: 0.5px;
-    border-top-left-radius: 0;
-  }
-  .agpb3j[data-orientation="vertical"] > .nsl73c:not(:first-child):not(:last-child),.agpb3j[data-orientation="vertical"] > :not(:first-child):not(:last-child) .nsl73c {
-    border-block-width: 0.5px;
-  }
-  .agpb3j[data-orientation="vertical"] > .nsl73c:not(:only-child):first-child,.agpb3j[data-orientation="vertical"] > :not(:only-child):first-child .nsl73c {
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-    border-bottom-width: 0.5px;
-  }
-  .agpb3j[data-orientation="vertical"] > .nsl73c:not(:only-child):last-child,.agpb3j[data-orientation="vertical"] > :not(:only-child):last-child .nsl73c {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-    border-top-width: 0.5px;
-  }
-  .agpb3j[data-orientation] > .nsl73c:not(:first-child):not(:last-child),.agpb3j[data-orientation] > :not(:first-child):not(:last-child) .nsl73c {
-    border-radius: 0;
-  }
-  .xg8na2 {
-    --l11poj: var(--ax-colors-bg-error);
-    --j28tzr: var(--ax-colors-bg-error-hovered);
-    --_1a51l0v: var(--ax-colors-bg-error-pressed);
-    --_1oba6n4: var(--ax-colors-bg-error-subtlest);
-    --_1gortjt: var(--ax-colors-bg-error-subtle);
-  }
-  .qe1w44 {
-    --l11poj: var(--ax-colors-bg-default-inverse);
-    --j28tzr: var(--ax-colors-bg-default-inverse-hovered);
-    --_1a51l0v: var(--ax-colors-bg-default-inverse-pressed);
-    --evnml0: var(--ax-colors-fg-default-inverse);
-    --_1oba6n4: var(--ax-colors-bg-page);
-    --_2rrjup: var(--ax-colors-border-default);
-    --u0apna: var(--ax-colors-border-default);
-    --_1gortjt: var(--ax-colors-bg-secondary);
-    --wthnph: var(--ax-colors-fg-default);
-    --f1fs7s: var(--ax-colors-bg-default-hovered);
-    --_1yv7mho: var(--ax-colors-bg-default-pressed);
-  }
-  ._13pmvcl {
-    --l11poj: var(--ax-colors-bg-accent);
-    --j28tzr: var(--ax-colors-bg-accent-hovered);
-    --_1a51l0v: var(--ax-colors-bg-accent-pressed);
-    --_1oba6n4: var(--ax-colors-bg-accent-subtle);
-    --_1gortjt: var(--ax-colors-bg-accent-light);
-  }
-  .w9a9nq {
-    background-color: var(--ax-colors-bg-default);
-    border: 1px solid var(--u0apna, var(--l11poj));
-    color: var(--wthnph, var(--l11poj));
-    padding-inline: calc(var(--_7csjdc) - 1px);
-  }
-  .w9a9nq:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--_1gortjt);
-    border-color: var(--_2rrjup, var(--j28tzr));
-  }
-  .w9a9nq: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);
-  }
-  .w9a9nq[data-disabled]:not([data-loading]) {
-    border-color: var(--ax-colors-border-disabled);
-    color: var(--ax-colors-fg-disabled);
-  }
-  .fidcww {
-    --vw7d5j: 
-          conic-gradient(
-            from var(--wbkwcy),
-            #8670ed 10%,
-            #617bff99 25%,
-            #8a53fe80 75%,
-            #8670ed 90%
-          )
-        ;
-    animation: _140quba 4s linear infinite;
-    background-clip: padding-box, border-box;
-    background-color: var(--ax-colors-bg-default);
-    background-image: 
-        linear-gradient(
-          var(--ax-colors-bg-default),
-          var(--ax-colors-bg-default)
-        ),
-        var(--vw7d5j)
-      ;
-    background-origin: border-box;
-    border: 1px solid transparent;
-    color: var(--wthnph, var(--l11poj));
-    padding-inline: calc(var(--_7csjdc) - 1px);
-  }
-  .fidcww[data-disabled]:not([data-loading]) {
-    border-color: var(--ax-colors-border-disabled);
-    color: var(--ax-colors-fg-disabled);
-  }
-  ._166znmp {
-    background-color: var(--l11poj);
-    color: var(--evnml0, var(--ax-colors-fg-white));
-  }
-  ._166znmp:active:not([data-disabled], [data-loading]) {
-    background-color: var(--_1a51l0v);
-  }
-  ._166znmp[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(--_7csjdc) - 1px);
-  }
-  ._12cpcxr {
-    background-image: linear-gradient(135deg, #392ECF 16%, #7740EC 85%);
-    color: var(--evnml0, var(--ax-colors-fg-white));
-  }
-  ._12cpcxr[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(--_7csjdc) - 1px);
-  }
-  .dhk1ci {
-    background-color: transparent;
-    border-color: var(--l11poj);
-    color: var(--wthnph, var(--l11poj));
-  }
-  .dhk1ci:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--_1yv7mho, var(--_1gortjt));
-  }
-  .dhk1ci:is([data-state="active"], [data-state="on"]) {
-    background-color: var(--ax-colors-bg-accent-subtle);
-    color: var(--ax-colors-fg-accent);
-  }
-  .dhk1ci[data-disabled]:not([data-loading]) {
-    color: var(--ax-colors-fg-disabled);
-  }
-  ._5u5w34 {
-    --_7csjdc: 4px;
-  }
-  ._1fvl4lp {
-    --_7csjdc: 6px;
-  }
-  ._1icxa46 {
-    --_7csjdc: 8px;
-  }
-  ._1p9q351 {
-    --_7csjdc: 12px;
-  }
-  .cnu5gv {
-    left: 0;
-    position: absolute;
-    right: 0;
-  }
-  @media (hover: hover) {
-    .w9a9nq:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-      background-color: var(--_1oba6n4);
-      border-color: var(--_2rrjup, var(--j28tzr));
-    }
-    .fidcww:hover:not(:active, [data-disabled], [data-loading]) {
-      --vw7d5j: 
-                    conic-gradient(
-                      from var(--wbkwcy),
-                      #7C3AED,
-                      #8287FF 33%,
-                      #7D04C7 67%,
-                      #7C3AED
-                    )
-                  ;
-    }
-    ._166znmp:hover:not(:active, [data-disabled], [data-loading]) {
-      background-color: var(--j28tzr);
-    }
-    .dhk1ci:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-      background-color: var(--f1fs7s, var(--_1oba6n4));
-    }
-  }
-}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,15 +0,0 @@
-@layer optiaxiom._1qll070;
-@layer optiaxiom._1qll070 {
-  .i2twpk {
-    min-height: var(--ax-size-sm);
-  }
-  ._1p6dhra {
-    order: 3;
-  }
-  .fv717q {
-    order: 1;
-  }
-  ._1izdgbf {
-    order: 2;
-  }
-}

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

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