@optiaxiom/react 0.2.0 → 0.2.1

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

@@ -0,0 +1,36 @@
+@layer optiaxiom._1jg1fzn;
+@layer optiaxiom._1jg1fzn {
+  .nbfto7 {
+    position: relative;
+  }
+  ._12jl85 {
+    --_1ecn3ln: 50%;
+    position: absolute;
+    right: 4px;
+  }
+  ._1jkrmpr {
+    --_1ecn3ln: 4px;
+  }
+  .y3l42c {
+    bottom: 4px;
+    transform: translate(var(--_1ecn3ln), var(--_1ecn3ln));
+  }
+  ._580m5u {
+    top: 4px;
+    transform: translate(var(--_1ecn3ln), calc(-1 * var(--_1ecn3ln)));
+  }
+  ._1qf0tld {
+    position: relative;
+    user-select: none;
+  }
+  ._1qf0tld:empty {
+    aspect-ratio: 1;
+  }
+  ._1vg9mbg:not(:empty) {
+    min-width: 20px;
+  }
+  .zn00s6 {
+    pointer-events: none;
+    position: absolute;
+  }
+}

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

@@ -1,86 +1,86 @@
-@layer optiaxiom.xkvm1p;
-@layer optiaxiom.xkvm1p {
-  ._95x4ye {
+@layer optiaxiom._1jg1fzn;
+@layer optiaxiom._1jg1fzn {
+  .flkn02 {
     background-color: var(--ax-colors-bg-default);
     border-color: var(--ax-colors-border-default);
     border-radius: var(--ax-borderRadius-md);
     border-width: 1px;
     color: var(--ax-colors-fg-default);
   }
-  ._95x4ye:has(._3xbqfw:focus):is([data-invalid]) {
+  .flkn02:has(._1u5qc6m:focus):is([data-invalid]) {
     outline: 2px solid var(--ax-colors-bg-error-light);
     outline-offset: 1px;
   }
-  ._95x4ye:has(._3xbqfw:focus):not([data-invalid]):not([data-readonly]) {
+  .flkn02:has(._1u5qc6m:focus):not([data-invalid]):not([data-readonly]) {
     border-color: var(--ax-colors-border-accent);
   }
-  ._95x4ye:has(._3xbqfw:focus):not([data-invalid]) {
+  .flkn02:has(._1u5qc6m:focus):not([data-invalid]) {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 1px;
   }
-  ._95x4ye:has(._3xbqfw:focus) {
+  .flkn02:has(._1u5qc6m:focus) {
     z-index: var(--ax-zIndex-10);
   }
-  ._95x4ye:hover {
+  .flkn02:hover {
     border-color: var(--ax-colors-border-active);
   }
-  ._95x4ye[data-invalid] {
+  .flkn02[data-invalid] {
     border-color: var(--ax-colors-border-error);
   }
-  ._95x4ye[data-readonly] {
+  .flkn02[data-readonly] {
     border-color: var(--ax-colors-border-tertiary);
   }
-  ._95x4ye[data-disabled] {
+  .flkn02[data-disabled] {
     background-color: var(--ax-colors-bg-secondary);
     border-color: var(--ax-colors-border-secondary);
     color: var(--ax-colors-fg-disabled);
   }
-  .kx0qtf[data-orientation="horizontal"] ._95x4ye:not(:first-child):not(:last-child) {
+  ._1t97w3x[data-orientation="horizontal"] .flkn02:not(:first-child):not(:last-child) {
     border-inline-width: 0.5px;
   }
-  .kx0qtf[data-orientation="horizontal"] ._95x4ye:not(:only-child):first-child {
+  ._1t97w3x[data-orientation="horizontal"] .flkn02:not(:only-child):first-child {
     border-bottom-right-radius: 0;
     border-right-width: 0.5px;
     border-top-right-radius: 0;
   }
-  .kx0qtf[data-orientation="horizontal"] ._95x4ye:not(:only-child):last-child {
+  ._1t97w3x[data-orientation="horizontal"] .flkn02:not(:only-child):last-child {
     border-bottom-left-radius: 0;
     border-left-width: 0.5px;
     border-top-left-radius: 0;
   }
-  .kx0qtf[data-orientation="vertical"] ._95x4ye:not(:first-child):not(:last-child) {
+  ._1t97w3x[data-orientation="vertical"] .flkn02:not(:first-child):not(:last-child) {
     border-block-width: 0.5px;
   }
-  .kx0qtf[data-orientation="vertical"] ._95x4ye:not(:only-child):first-child {
+  ._1t97w3x[data-orientation="vertical"] .flkn02:not(:only-child):first-child {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
     border-bottom-width: 0.5px;
   }
-  .kx0qtf[data-orientation="vertical"] ._95x4ye:not(:only-child):last-child {
+  ._1t97w3x[data-orientation="vertical"] .flkn02:not(:only-child):last-child {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
     border-top-width: 0.5px;
   }
-  .kx0qtf[data-orientation] ._95x4ye:not(:first-child):not(:last-child) {
+  ._1t97w3x[data-orientation] .flkn02:not(:first-child):not(:last-child) {
     border-radius: 0;
   }
-  .b7w102 {
+  ._1juyslt {
     font-size: 16px;
     line-height: 22px;
     min-width: 0;
     outline: 2px solid transparent;
   }
-  .b7w102::placeholder {
+  ._1juyslt::placeholder {
     color: var(--ax-colors-fg-tertiary);
   }
-  .b7w102[data-disabled]::placeholder {
+  ._1juyslt[data-disabled]::placeholder {
     color: var(--ax-colors-fg-disabled);
   }
-  .b7w102[data-readonly] {
+  ._1juyslt[data-readonly] {
     cursor: default;
   }
   @media screen and (min-width: 37.5rem) {
-    .nmd95f {
+    .ks87y2 {
       font-size: 14px;
     }
   }

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

@@ -0,0 +1,9 @@
+@layer optiaxiom._1jg1fzn;
+@layer optiaxiom._1jg1fzn {
+  ._1hsj3bj {
+    text-decoration: none;
+  }
+  .anw9n1 {
+    font-size: 1.2em;
+  }
+}

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

@@ -0,0 +1 @@
+@layer optiaxiom, optiaxiom.base, optiaxiom._1dpkrs0, optiaxiom._1jg1fzn;

package/dist/assets/src/link/{Link.css.ts.vanilla-neN-iY37.css → Link.css.ts.vanilla-BwsjRbT8.css}

@@ -1,34 +1,34 @@
-@layer optiaxiom.xkvm1p;
-@layer optiaxiom.xkvm1p {
-  ._1gv1sds {
+@layer optiaxiom._1jg1fzn;
+@layer optiaxiom._1jg1fzn {
+  ._14pqu3n {
     text-decoration: none;
   }
-  ._1gv1sds:focus-visible {
+  ._14pqu3n:focus-visible {
     outline: 2px auto var(--ax-colors-border-focus);
     outline-offset: 1px;
   }
-  ._1gv1sds:hover:not([data-disabled]) {
+  ._14pqu3n:hover:not([data-disabled]) {
     text-decoration: underline;
   }
-  ._1gv1sds:visited {
+  ._14pqu3n:visited {
     color: var(--ax-colors-link-fg-visited);
   }
-  ._1gv1sds[data-disabled] {
+  ._14pqu3n[data-disabled] {
     color: var(--ax-colors-fg-disabled);
   }
-  .fw4wfz {
+  ._1ixcrzf {
     color: var(--ax-colors-link-fg-default);
   }
-  .fw4wfz:hover:not([data-disabled]) {
+  ._1ixcrzf:hover:not([data-disabled]) {
     color: var(--ax-colors-link-fg-default-hovered);
   }
-  ._1ahexjc {
+  ._1r7e5j {
     color: var(--ax-colors-link-fg-inverse);
   }
-  ._1e75nni {
+  ._1u8si0g {
     color: var(--ax-colors-link-fg-subtle);
   }
-  ._1hgyw99 {
+  ._1ikbekv {
     height: auto;
     width: 0.875em;
   }

package/dist/assets/src/menu-content-base/MenuContentBase.css.ts.vanilla-ZuE5SZF1.css

@@ -0,0 +1,21 @@
+@layer optiaxiom._1jg1fzn;
+@layer optiaxiom._1jg1fzn {
+  ._1uz2ces {
+    max-height: var(--bd8oa8);
+  }
+  ._1xirjv0 {
+    min-width: var(--_18bvbzi);
+  }
+  ._1i978zx {
+    --bd8oa8: var(--radix-dropdown-menu-content-available-height);
+    --_18bvbzi: var(--radix-dropdown-menu-trigger-width);
+  }
+  ._7sagwa {
+    --bd8oa8: var(--radix-popover-content-available-height);
+    --_18bvbzi: var(--radix-popover-trigger-width);
+  }
+  .t4wd6q {
+    --bd8oa8: var(--radix-popper-available-height);
+    --_18bvbzi: var(--radix-popper-anchor-width);
+  }
+}

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

@@ -0,0 +1,30 @@
+@layer optiaxiom._1jg1fzn;
+@layer optiaxiom._1jg1fzn {
+  ._107sy75 {
+    user-select: none;
+  }
+  ._107sy75:focus-visible {
+    outline: 2px solid transparent;
+  }
+  ._107sy75:not([data-disabled]) {
+    color: var(--_1eshsgj);
+    cursor: pointer;
+  }
+  ._107sy75:not([data-disabled])[data-highlighted] {
+    background-color: var(--_1sb0zid);
+  }
+  ._107sy75:not([data-disabled])[data-highlighted]:active {
+    background-color: var(--ax-colors-bg-secondary-hovered);
+  }
+  ._107sy75[data-disabled] {
+    opacity: 0.3;
+  }
+  ._8hje6k {
+    --_1eshsgj: var(--ax-colors-fg-error-strong);
+    --_1sb0zid: var(--ax-colors-bg-error-subtle);
+  }
+  ._4sdyzc {
+    --_1eshsgj: var(--ax-colors-fg-default);
+    --_1sb0zid: var(--ax-colors-bg-secondary);
+  }
+}

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

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

package/dist/assets/src/pill/{Pill.css.ts.vanilla-DnHV9sII.css → Pill.css.ts.vanilla-Cr5zCRpC.css}

@@ -1,11 +1,11 @@
-@layer optiaxiom.xkvm1p;
-@layer optiaxiom.xkvm1p {
-  ._1c6void {
+@layer optiaxiom._1jg1fzn;
+@layer optiaxiom._1jg1fzn {
+  .tmvppy {
     min-width: auto;
     position: relative;
     user-select: none;
   }
-  ._1c6void:focus-visible {
+  .tmvppy:focus-visible {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 1px;
   }

package/dist/assets/src/radio/Radio.css.ts.vanilla-ss7fiJd-.css

@@ -0,0 +1,13 @@
+@layer optiaxiom._1jg1fzn;
+@layer optiaxiom._1jg1fzn {
+  ._1wrfjkf {
+    border-color: var(--_1adwjzo);
+  }
+  ._1s1maef {
+    background-color: var(--_1adwjzo);
+    display: none;
+  }
+  ._18j6oig:has(.xcl4sb:checked) ._1s1maef {
+    display: block;
+  }
+}

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

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

package/dist/assets/src/select-content/SelectContent.css.ts.vanilla-CA56kkFg.css

@@ -0,0 +1,7 @@
+@layer optiaxiom._1jg1fzn;
+@layer optiaxiom._1jg1fzn {
+  ._1ny065y {
+    overflow: auto;
+    overscroll-behavior: contain;
+  }
+}

package/dist/assets/src/separator/{Separator.css.ts.vanilla-P1XO1rTW.css → Separator.css.ts.vanilla-DYmYJLS6.css}

@@ -1,42 +1,42 @@
-@layer optiaxiom.xkvm1p;
-@layer optiaxiom.xkvm1p {
-  .rzccj8 {
+@layer optiaxiom._1jg1fzn;
+@layer optiaxiom._1jg1fzn {
+  ._1qah88e {
     height: 1px;
     width: auto;
   }
-  ._11r3eyg {
+  ._14v81bv {
     align-self: stretch;
     height: auto;
     width: 1px;
   }
   @media screen and (min-width: 37.5rem) {
-    .pa223x {
+    .zrjnty {
       height: 1px;
       width: auto;
     }
-    ._13fq231 {
+    ._1g0871z {
       align-self: stretch;
       height: auto;
       width: 1px;
     }
   }
   @media screen and (min-width: 56.25rem) {
-    .hcnz2k {
+    .gvmxkj {
       height: 1px;
       width: auto;
     }
-    ._1r79he8 {
+    ._1y55pv2 {
       align-self: stretch;
       height: auto;
       width: 1px;
     }
   }
   @media screen and (min-width: 75rem) {
-    .kbdxcu {
+    ._89q0th {
       height: 1px;
       width: auto;
     }
-    .qta7r3 {
+    ._1755kfh {
       align-self: stretch;
       height: auto;
       width: 1px;

package/dist/assets/src/side-nav-item/SideNavItem.css.ts.vanilla-CbzO85Ut.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._1jg1fzn;
+@layer optiaxiom._1jg1fzn {
+  ._1lydxq3 {
+    --x977kn: var(--ax-colors-fg-secondary);
+  }
+}

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

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