@optiaxiom/react 0.1.0-next.16 → 0.1.0-next.18

package/dist/assets/src/indicator/Indicator.css.ts.vanilla-CEMQKt4r.css

@@ -0,0 +1,31 @@
+@layer optiaxiom.c2sxc3;
+@layer optiaxiom.c2sxc3 {
+  ._16c5rva {
+    position: relative;
+  }
+  ._108ai4u {
+    --_3pms8b: 50%;
+    position: absolute;
+    right: 0;
+  }
+  .d1gwzr {
+    --_3pms8b: 2px;
+  }
+  ._1od7yah {
+    bottom: 0;
+    transform: translate(var(--_3pms8b), var(--_3pms8b));
+  }
+  .ocsewm {
+    top: 0;
+    transform: translate(var(--_3pms8b), calc(-1 * var(--_3pms8b)));
+  }
+  ._50gwxj {
+    position: relative;
+  }
+  ._50gwxj:empty {
+    padding: 6px;
+  }
+  .us9n74 {
+    position: absolute;
+  }
+}

package/dist/assets/src/input-base/{InputBase.css.ts.vanilla-DwUyjKmG.css → InputBase.css.ts.vanilla-JlIy9jXM.css}

@@ -1,52 +1,52 @@
-@layer optiaxiom.kx06ev;
-@layer optiaxiom.kx06ev {
-  .wc6p48 {
+@layer optiaxiom.c2sxc3;
+@layer optiaxiom.c2sxc3 {
+  .p48qpr {
     background-color: var(--ax-colors-surface);
     border-color: var(--ax-colors-border-default);
     color: var(--ax-colors-fg-default);
   }
-  .wc6p48:has(._97bshx:focus):is([data-invalid]) {
+  .p48qpr:has(._122rkfy:focus):is([data-invalid]) {
     outline: 2px solid var(--ax-colors-red-200);
     outline-offset: 1px;
   }
-  .wc6p48:has(._97bshx:focus):not([data-invalid]):not([data-readonly]) {
+  .p48qpr:has(._122rkfy:focus):not([data-invalid]):not([data-readonly]) {
     border-color: var(--ax-colors-border-brand);
   }
-  .wc6p48:has(._97bshx:focus):not([data-invalid]) {
+  .p48qpr:has(._122rkfy:focus):not([data-invalid]) {
     outline: 2px solid var(--ax-colors-brand-300);
     outline-offset: 1px;
   }
-  .wc6p48:hover {
+  .p48qpr:hover {
     border-color: var(--ax-colors-border-active);
   }
-  .wc6p48[data-invalid] {
+  .p48qpr[data-invalid] {
     border-color: var(--ax-colors-border-error);
   }
-  .wc6p48[data-readonly] {
+  .p48qpr[data-readonly] {
     border-color: var(--ax-colors-border-tertiary);
   }
-  .wc6p48[data-disabled] {
+  .p48qpr[data-disabled] {
     background-color: var(--ax-colors-bg-input-disabled);
     border-color: var(--ax-colors-border-secondary);
     color: var(--ax-colors-fg-disabled);
   }
-  ._1xum0dn {
+  ._1nm6nek {
     font-size: 16px;
     line-height: 22px;
     min-width: 0;
     outline: 2px solid transparent;
   }
-  ._1xum0dn::placeholder {
+  ._1nm6nek::placeholder {
     color: var(--ax-colors-fg-tertiary);
   }
-  ._1xum0dn[data-disabled]::placeholder {
+  ._1nm6nek[data-disabled]::placeholder {
     color: var(--ax-colors-fg-disabled);
   }
-  ._1xum0dn[data-readonly] {
+  ._1nm6nek[data-readonly] {
     cursor: default;
   }
   @media screen and (min-width: 37.5rem) {
-    ._1s3o4mc {
+    ._1wf9yg {
       font-size: 14px;
     }
   }

package/dist/assets/src/kbd/Kbd.css.ts.vanilla-yOmbCTVp.css

@@ -0,0 +1,9 @@
+@layer optiaxiom.c2sxc3;
+@layer optiaxiom.c2sxc3 {
+  ._12kaaqo {
+    text-decoration: none;
+  }
+  ._18qt6hs {
+    font-size: 1.2em;
+  }
+}

package/dist/assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css

@@ -0,0 +1,4 @@
+@layer optiaxiom;
+@layer optiaxiom.base;
+@layer optiaxiom.su6shq;
+@layer optiaxiom.c2sxc3;

package/dist/assets/src/link/{Link.css.ts.vanilla-CRyQmfjf.css → Link.css.ts.vanilla-Bf2IIs3j.css}

@@ -1,34 +1,34 @@
-@layer optiaxiom.kx06ev;
-@layer optiaxiom.kx06ev {
-  ._13d23ll {
+@layer optiaxiom.c2sxc3;
+@layer optiaxiom.c2sxc3 {
+  .b6sah0 {
     text-decoration: none;
   }
-  ._13d23ll:focus-visible {
+  .b6sah0:focus-visible {
     outline: 2px auto var(--ax-colors-outline-brand);
     outline-offset: 1px;
   }
-  ._13d23ll:hover:not([data-disabled]) {
+  .b6sah0:hover:not([data-disabled]) {
     text-decoration: underline;
   }
-  ._13d23ll:visited {
+  .b6sah0:visited {
     color: var(--ax-colors-fg-link-visited);
   }
-  ._13d23ll[data-disabled] {
+  .b6sah0[data-disabled] {
     color: var(--ax-colors-fg-disabled);
   }
-  .f650y {
+  ._1vgphd8 {
     color: var(--ax-colors-fg-default);
   }
-  ._1xvj5pu {
+  ._1vlvv83 {
     color: var(--ax-colors-fg-link);
   }
-  ._1xvj5pu:hover:not([data-disabled]) {
+  ._1vlvv83:hover:not([data-disabled]) {
     color: var(--ax-colors-fg-link-hover);
   }
-  ._18ckdsa {
+  ._6l7ft8 {
     color: var(--ax-colors-fg-tertiary);
   }
-  .ixkphc {
+  .x0muyg {
     height: auto;
     width: 0.875em;
   }

package/dist/assets/src/menu-content-base/{MenuContentBase.css.ts.vanilla-BpYwBFQU.css → MenuContentBase.css.ts.vanilla-DthVhVaj.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom.kx06ev;
-@layer optiaxiom.kx06ev {
-  ._8d6mc3 {
+@layer optiaxiom.c2sxc3;
+@layer optiaxiom.c2sxc3 {
+  ._1wdkogj {
     max-height: var(--radix-dropdown-menu-content-available-height);
     min-width: var(--radix-dropdown-menu-trigger-width);
   }

package/dist/assets/src/menu-item-base/MenuItemBase.css.ts.vanilla-TYpr7a-c.css

@@ -0,0 +1,33 @@
+@layer optiaxiom.c2sxc3;
+@layer optiaxiom.c2sxc3 {
+  ._1bfpl58 {
+    user-select: none;
+  }
+  ._1bfpl58:focus-visible {
+    outline: 2px solid transparent;
+  }
+  ._1bfpl58:not([data-disabled]) {
+    color: var(--_18djnoe);
+    cursor: pointer;
+  }
+  ._1bfpl58:not([data-disabled])[data-highlighted] {
+    background-color: var(--_5nwdwf);
+  }
+  ._1bfpl58:not([data-disabled])[data-highlighted]:active {
+    background-color: var(--ax-colors-neutral-1200-12);
+  }
+  ._1bfpl58:not([data-highlighted])[data-state="open"] {
+    background-color: var(--_5nwdwf);
+  }
+  ._1bfpl58[data-disabled] {
+    color: var(--ax-colors-fg-disabled);
+  }
+  ._19oysa8 {
+    --_18djnoe: var(--ax-colors-fg-error);
+    --_5nwdwf: var(--ax-colors-bg-error);
+  }
+  .be3ih9 {
+    --_18djnoe: var(--ax-colors-fg-default);
+    --_5nwdwf: var(--ax-colors-bg-input-disabled);
+  }
+}

package/dist/assets/src/pagination/Pagination.css.ts.vanilla-CyYG5Rqz.css

@@ -0,0 +1,6 @@
+@layer optiaxiom.c2sxc3;
+@layer optiaxiom.c2sxc3 {
+  ._108y60b {
+    min-width: var(--ax-size-md);
+  }
+}

package/dist/assets/src/pill/{Pill.css.ts.vanilla-BNxp3xQ4.css → Pill.css.ts.vanilla-CzA0GbOu.css}

@@ -1,11 +1,11 @@
-@layer optiaxiom.kx06ev;
-@layer optiaxiom.kx06ev {
-  .zcntyt {
+@layer optiaxiom.c2sxc3;
+@layer optiaxiom.c2sxc3 {
+  ._1vkx2q7 {
     min-width: auto;
     position: relative;
     user-select: none;
   }
-  .zcntyt:focus-visible {
+  ._1vkx2q7:focus-visible {
     outline: 2px solid var(--ax-colors-gray-300);
     outline-offset: 1px;
   }

package/dist/assets/src/popover-content/{PopoverContent.css.ts.vanilla-DLR321__.css → PopoverContent.css.ts.vanilla-CKx6WAG_.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom.kx06ev;
-@layer optiaxiom.kx06ev {
-  ._1waimlq {
+@layer optiaxiom.c2sxc3;
+@layer optiaxiom.c2sxc3 {
+  ._11bpzni {
     max-height: var(--radix-popover-content-available-height);
     min-width: var(--radix-popover-trigger-width);
     position: relative;

package/dist/assets/src/radio-group-item/RadioGroupItem.css.ts.vanilla-9txO00eX.css

@@ -0,0 +1,9 @@
+@layer optiaxiom.c2sxc3;
+@layer optiaxiom.c2sxc3 {
+  ._1snbzho {
+    border-color: var(--_17e2kfn);
+  }
+  ._1wto92y {
+    background-color: var(--_17e2kfn);
+  }
+}

package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-DCMuvBgL.css

@@ -0,0 +1,6 @@
+@layer optiaxiom.c2sxc3;
+@layer optiaxiom.c2sxc3 {
+  .xwxe73:is(:not(:focus-within):not(:hover), :has(input:disabled)) .w513rb {
+    visibility: hidden;
+  }
+}

package/dist/assets/src/separator/{Separator.css.ts.vanilla-CHJnbp6x.css → Separator.css.ts.vanilla-_Evw8coN.css}

@@ -1,42 +1,42 @@
-@layer optiaxiom.kx06ev;
-@layer optiaxiom.kx06ev {
-  ._1739yyt {
+@layer optiaxiom.c2sxc3;
+@layer optiaxiom.c2sxc3 {
+  ._1o9elj7 {
     height: 1px;
     width: auto;
   }
-  .q4bx2x {
+  ._37s4al {
     align-self: stretch;
     height: auto;
     width: 1px;
   }
   @media screen and (min-width: 37.5rem) {
-    ._167uyhn {
+    .af10pu {
       height: 1px;
       width: auto;
     }
-    ._1l2s67a {
+    ._6ca0dp {
       align-self: stretch;
       height: auto;
       width: 1px;
     }
   }
   @media screen and (min-width: 56.25rem) {
-    .v12b32 {
+    ._177rn02 {
       height: 1px;
       width: auto;
     }
-    ._7dl8l1 {
+    .wjgwvt {
       align-self: stretch;
       height: auto;
       width: 1px;
     }
   }
   @media screen and (min-width: 75rem) {
-    ._189kmoc {
+    ._1x5w30t {
       height: 1px;
       width: auto;
     }
-    .xxp7br {
+    ._1aki3dc {
       align-self: stretch;
       height: auto;
       width: 1px;

package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-Cd--tSTW.css

@@ -0,0 +1,6 @@
+@layer optiaxiom.c2sxc3;
+@layer optiaxiom.c2sxc3 {
+  .h60nlz:empty:before {
+    content: "\00a0";
+  }
+}