@optiaxiom/react 0.11.0 → 0.12.0

package/dist/assets/src/disclosure-content/{DisclosureContent.css.ts.vanilla-BgkqwFZz.css → DisclosureContent.css.ts.vanilla-C5BQR6xg.css}

@@ -1,4 +1,4 @@
-@keyframes cv464k {
+@keyframes q2eahi {
   from {
     height: 0;
     opacity: 0;
@@ -9,7 +9,7 @@
     overflow-y: hidden;
   }
 }
-@keyframes wz2lgp {
+@keyframes _1j1o6e8 {
   from {
     height: var(--radix-collapsible-content-height);
     overflow-y: hidden;
@@ -20,12 +20,12 @@
     overflow-y: hidden;
   }
 }
-@layer optiaxiom.ieitlk;
-@layer optiaxiom.ieitlk {
-  .kusyzf[data-state="closed"] {
-    animation: wz2lgp 300ms ease;
+@layer optiaxiom._5obs4g;
+@layer optiaxiom._5obs4g {
+  .xtlzji[data-state="closed"] {
+    animation: _1j1o6e8 300ms ease;
   }
-  .kusyzf[data-state="open"] {
-    animation: cv464k 300ms ease;
+  .xtlzji[data-state="open"] {
+    animation: q2eahi 300ms ease;
   }
 }

package/dist/assets/src/disclosure-trigger/{DisclosureTrigger.css.ts.vanilla-egRPA66m.css → DisclosureTrigger.css.ts.vanilla-CLB2lqLn.css}

@@ -1,20 +1,20 @@
-@layer optiaxiom.ieitlk;
-@layer optiaxiom.ieitlk {
-  ._1f9c33p {
+@layer optiaxiom._5obs4g;
+@layer optiaxiom._5obs4g {
+  ._1ha78yx {
     color: var(--ax-colors-fg-default);
   }
-  ._1f9c33p:focus-visible {
+  ._1ha78yx:focus-visible {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 1px;
   }
-  [data-state=open] > ._1d74iwm {
+  [data-state=open] > .ll8jzi {
     transform: rotate(180deg);
   }
-  [data-state=open] > ._1ntyewo {
+  [data-state=open] > ._1dmdf1j {
     transform: rotate(90deg);
   }
   @media (hover: hover) {
-    ._1f9c33p:is([data-disabled], :hover) {
+    ._1ha78yx:is([data-disabled], :hover) {
       color: var(--ax-colors-fg-secondary);
     }
   }

package/dist/assets/src/drawer-actions/DrawerActions.css.ts.vanilla-D-zF-Km-.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._5obs4g;
+@layer optiaxiom._5obs4g {
+  ._1mbx0n5 {
+    order: 2;
+  }
+}

package/dist/assets/src/drawer-content/{DrawerContent.css.ts.vanilla-BWBNPA7b.css → DrawerContent.css.ts.vanilla-Bo1-a8Vm.css}

@@ -1,19 +1,19 @@
-@layer optiaxiom.ieitlk;
-@layer optiaxiom.ieitlk {
-  .s5f7i5 {
+@layer optiaxiom._5obs4g;
+@layer optiaxiom._5obs4g {
+  .p9kroj {
     position: fixed;
   }
-  ._1njywix {
+  ._10rekng {
     bottom: 0;
     left: 0;
     right: 0;
   }
-  ._8rct7l {
+  ._10b1jsq {
     bottom: 0;
     left: 0;
     top: 0;
   }
-  ._1i8xdug {
+  .xjjwwd {
     bottom: 0;
     right: 0;
     top: 0;

package/dist/assets/src/drawer-description/DrawerDescription.css.ts.vanilla-DqTs1HtP.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._5obs4g;
+@layer optiaxiom._5obs4g {
+  ._17gnxpz {
+    order: 3;
+  }
+}

package/dist/assets/src/drawer-title/DrawerTitle.css.ts.vanilla-CabUD-PB.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._5obs4g;
+@layer optiaxiom._5obs4g {
+  ._13zi4gg {
+    order: 1;
+  }
+}

package/dist/assets/src/highlight/Highlight.css.ts.vanilla-D93q02Fj.css

@@ -0,0 +1,7 @@
+@layer optiaxiom._5obs4g;
+@layer optiaxiom._5obs4g {
+  ._1nxwyzw {
+    background-color: transparent;
+    color: inherit;
+  }
+}

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

@@ -0,0 +1,37 @@
+@layer optiaxiom._5obs4g;
+@layer optiaxiom._5obs4g {
+  .if6o0q {
+    position: relative;
+  }
+  ._1mew8dw {
+    --zyfcrp: 2px;
+    --slqffy: 50%;
+    position: absolute;
+    right: var(--zyfcrp);
+  }
+  ._4o2wd1 {
+    --zyfcrp: 0;
+    --slqffy: 0;
+  }
+  ._1mrg6ew {
+    bottom: var(--zyfcrp);
+    transform: translate(var(--slqffy), var(--slqffy));
+  }
+  ._1m87ixi {
+    top: var(--zyfcrp);
+    transform: translate(var(--slqffy), calc(-1 * var(--slqffy)));
+  }
+  .vmpw2j {
+    position: relative;
+    user-select: none;
+  }
+  .vmpw2j:empty {
+    aspect-ratio: 1;
+  }
+  .pet06x:not(:empty) {
+    min-width: 16px;
+  }
+  ._7w9s9t {
+    position: absolute;
+  }
+}

package/dist/assets/src/inline-input/{InlineInput.css.ts.vanilla-4nunD237.css → InlineInput.css.ts.vanilla-DQEAby9t.css}

@@ -1,9 +1,9 @@
-@layer optiaxiom.ieitlk;
-@layer optiaxiom.ieitlk {
-  .gf0tyd:focus-visible {
+@layer optiaxiom._5obs4g;
+@layer optiaxiom._5obs4g {
+  ._13zq4ll:focus-visible {
     outline: 2px solid transparent;
   }
-  ._1732dk9::before {
+  .tvrgci::before {
     content: attr(data-placeholder);
     color: var(--ax-colors-border-control);
     float: left;

package/dist/assets/src/input-control/{InputControl.css.ts.vanilla-BTYIqPLy.css → InputControl.css.ts.vanilla-D0ivfH9I.css}

@@ -1,25 +1,25 @@
-@layer optiaxiom.ieitlk;
-@layer optiaxiom.ieitlk {
-  ._1xhpniu {
+@layer optiaxiom._5obs4g;
+@layer optiaxiom._5obs4g {
+  ._6489ma {
     font-size: 16px;
     line-height: 22px;
     min-width: 0;
     outline: 2px solid transparent;
   }
-  ._1xhpniu::placeholder {
+  ._6489ma::placeholder {
     color: var(--ax-colors-fg-tertiary);
   }
-  ._1xhpniu[data-disabled]::placeholder {
+  ._6489ma[data-disabled]::placeholder {
     color: var(--ax-colors-fg-disabled);
   }
-  ._1xhpniu[data-readonly] {
+  ._6489ma[data-readonly] {
     cursor: default;
   }
   @media screen and (min-width: 37.5rem) {
-    ._14slqzw {
+    ._1e3qepf {
       font-size: 14px;
     }
-    .hp4a3 {
+    ._1rslxar {
       font-size: 16px;
     }
   }

package/dist/assets/src/input-root/InputRoot.css.ts.vanilla-BBF49P4Q.css

@@ -0,0 +1,70 @@
+@layer optiaxiom._5obs4g;
+@layer optiaxiom._5obs4g {
+  .ed6meb {
+    background-color: var(--ax-colors-bg-default);
+    border-color: var(--ax-colors-border-tertiary);
+    border-radius: var(--ax-borderRadius-md);
+    border-width: 1px;
+    color: var(--ax-colors-fg-default);
+    position: relative;
+  }
+  .ed6meb:has(.dfoyyk:focus) {
+    z-index: 10;
+  }
+  .ed6meb:has(.dfoyyk:focus:is([data-invalid])) {
+    outline: 2px solid var(--ax-colors-border-focus-error);
+    outline-offset: 1px;
+  }
+  .ed6meb:has(.dfoyyk:focus:not([data-invalid])) {
+    outline: 2px solid var(--ax-colors-border-focus);
+    outline-offset: 1px;
+  }
+  .ed6meb:has(.dfoyyk:focus:not([data-invalid]):not([data-readonly])) {
+    border-color: var(--ax-colors-border-accent);
+  }
+  .ed6meb:has(.dfoyyk:is([data-invalid])) {
+    border-color: var(--ax-colors-border-error);
+  }
+  .ed6meb:has(.dfoyyk:is([data-readonly])) {
+    border-color: var(--ax-colors-border-default);
+  }
+  .ed6meb:has(.dfoyyk:is([data-disabled])) {
+    background-color: var(--ax-colors-bg-secondary);
+    border-color: var(--ax-colors-border-secondary);
+    color: var(--ax-colors-fg-disabled);
+  }
+  .lofb6q[data-orientation="horizontal"] > .ed6meb:not(:first-child):not(:last-child),.lofb6q[data-orientation="horizontal"] > :not(:first-child):not(:last-child) .ed6meb {
+    border-inline-width: 0.5px;
+  }
+  .lofb6q[data-orientation="horizontal"] > .ed6meb:not(:only-child):first-child,.lofb6q[data-orientation="horizontal"] > :not(:only-child):first-child .ed6meb {
+    border-bottom-right-radius: 0;
+    border-right-width: 0.5px;
+    border-top-right-radius: 0;
+  }
+  .lofb6q[data-orientation="horizontal"] > .ed6meb:not(:only-child):last-child,.lofb6q[data-orientation="horizontal"] > :not(:only-child):last-child .ed6meb {
+    border-bottom-left-radius: 0;
+    border-left-width: 0.5px;
+    border-top-left-radius: 0;
+  }
+  .lofb6q[data-orientation="vertical"] > .ed6meb:not(:first-child):not(:last-child),.lofb6q[data-orientation="vertical"] > :not(:first-child):not(:last-child) .ed6meb {
+    border-block-width: 0.5px;
+  }
+  .lofb6q[data-orientation="vertical"] > .ed6meb:not(:only-child):first-child,.lofb6q[data-orientation="vertical"] > :not(:only-child):first-child .ed6meb {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border-bottom-width: 0.5px;
+  }
+  .lofb6q[data-orientation="vertical"] > .ed6meb:not(:only-child):last-child,.lofb6q[data-orientation="vertical"] > :not(:only-child):last-child .ed6meb {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    border-top-width: 0.5px;
+  }
+  .lofb6q[data-orientation] > .ed6meb:not(:first-child):not(:last-child),.lofb6q[data-orientation] > :not(:first-child):not(:last-child) .ed6meb {
+    border-radius: 0;
+  }
+  @media (hover: hover) {
+    .ed6meb:hover {
+      border-color: var(--ax-colors-border-control);
+    }
+  }
+}

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

@@ -0,0 +1,12 @@
+@layer optiaxiom._5obs4g;
+@layer optiaxiom._5obs4g {
+  ._1by386q {
+    font-size: 0.9em;
+  }
+  ._1hb1nzj {
+    text-decoration: none;
+  }
+  .i69vkc {
+    font-size: 1.2em;
+  }
+}

package/dist/assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css

@@ -0,0 +1 @@
+@layer optiaxiom, optiaxiom.theme, optiaxiom.base, optiaxiom._16i5hvn, optiaxiom._5obs4g;

package/dist/assets/src/link/{Link.css.ts.vanilla-2X4YjRPb.css → Link.css.ts.vanilla-D0s7UoMe.css}

@@ -1,49 +1,49 @@
-@layer optiaxiom.ieitlk;
-@layer optiaxiom.ieitlk {
-  ._6vg2pk {
+@layer optiaxiom._5obs4g;
+@layer optiaxiom._5obs4g {
+  .ijn6p0 {
     text-decoration: none;
   }
-  ._6vg2pk:focus-visible {
+  .ijn6p0:focus-visible {
     outline: 2px auto var(--ax-colors-border-focus);
     outline-offset: 1px;
   }
-  ._6vg2pk:visited {
+  .ijn6p0:visited {
     color: var(--ax-colors-fg-link-visited);
   }
-  ._6vg2pk[data-disabled] {
+  .ijn6p0[data-disabled] {
     color: var(--ax-colors-fg-disabled);
   }
-  .nme8gf {
+  .pshqeh {
     color: var(--ax-colors-fg-link-default);
   }
-  .goktxf {
+  ._1nf1ju9 {
     color: var(--ax-colors-fg-link-inverse);
   }
-  .tvx3uf {
+  ._1a7h5r4 {
     color: var(--ax-colors-fg-link-subtle);
   }
-  ._1u0sm5x::after {
+  ._14de5d7::after {
     content: "";
     border-radius: inherit;
     inset: 0;
     position: absolute;
   }
-  ._1u0sm5x:focus-visible {
+  ._14de5d7:focus-visible {
     outline: none;
   }
-  ._1u0sm5x:focus-visible::after {
+  ._14de5d7:focus-visible::after {
     outline: 2px auto var(--ax-colors-border-focus);
     outline-offset: 1px;
   }
-  .dhlb0x {
+  ._1terp0f {
     height: auto;
     width: 0.875em;
   }
   @media (hover: hover) {
-    ._6vg2pk:hover:not([data-disabled]) {
+    .ijn6p0:hover:not([data-disabled]) {
       text-decoration: underline;
     }
-    .nme8gf:hover:not([data-disabled]) {
+    .pshqeh:hover:not([data-disabled]) {
       color: var(--ax-colors-fg-link-default-hovered);
     }
   }

package/dist/assets/src/listbox-item/ListboxItem.css.ts.vanilla-WI-slBQP.css

@@ -0,0 +1,48 @@
+@layer optiaxiom._5obs4g;
+@layer optiaxiom._5obs4g {
+  .qlyxbd {
+    user-select: none;
+  }
+  .qlyxbd:any-link {
+    text-decoration: none;
+  }
+  .qlyxbd:focus-visible {
+    outline: 2px solid transparent;
+  }
+  .qlyxbd:not([data-disabled]) {
+    color: var(--uuh5li);
+    cursor: pointer;
+  }
+  .qlyxbd:not([data-disabled])[data-highlighted] {
+    background-color: var(--_1rwf88m);
+    color: var(--_2rqs2v, var(--uuh5li));
+  }
+  .qlyxbd:not([data-disabled])[data-highlighted]:active {
+    background-color: var(--_1mfvmf8);
+    color: var(--_15baose, var(--uuh5li));
+  }
+  .qlyxbd:not([data-disabled])[data-highlighted][data-focus-visible] {
+    outline-offset: -2px;
+  }
+  .qlyxbd[data-disabled] {
+    opacity: 0.3;
+  }
+  ._1omnrqy {
+    --_1rwf88m: var(--ax-colors-bg-error-subtlest);
+    --_2rqs2v: var(--ax-colors-fg-error-hovered);
+    --_1mfvmf8: var(--ax-colors-bg-error-subtle);
+    --_15baose: var(--ax-colors-fg-error-strong);
+    --uuh5li: var(--ax-colors-fg-error);
+  }
+  .xntdf9 {
+    --_1rwf88m: var(--ax-colors-bg-default-hovered);
+    --_1mfvmf8: var(--ax-colors-bg-default-pressed);
+    --uuh5li: var(--ax-colors-fg-default);
+  }
+  ._1vlxegp {
+    line-height: 24px;
+  }
+  .ssf5qa {
+    color: var(--ax-colors-fg-tertiary);
+  }
+}

package/dist/assets/src/menu-listbox/MenuListbox.css.ts.vanilla-BXN-FR8J.css

@@ -0,0 +1,33 @@
+@layer optiaxiom._5obs4g;
+@layer optiaxiom._5obs4g {
+  .rdl8hv {
+    max-height: min(var(--sfm9ck), var(--_68gyv7, 100vh));
+  }
+  .g1416y {
+    --_68gyv7: var(--ax-maxSize-xs);
+  }
+  ._1ecsz61 {
+    --_68gyv7: var(--ax-maxSize-sm);
+  }
+  ._1a46pry {
+    --_68gyv7: var(--ax-maxSize-md);
+  }
+  .er6hrh {
+    --_68gyv7: var(--ax-maxSize-lg);
+  }
+  ._1wef7yr {
+    min-width: var(--_1cxyv7w);
+  }
+  .cvfi0h {
+    --sfm9ck: var(--radix-dropdown-menu-content-available-height);
+    --_1cxyv7w: var(--radix-dropdown-menu-trigger-width);
+  }
+  ._1agmc19 {
+    --sfm9ck: var(--radix-popover-content-available-height);
+    --_1cxyv7w: var(--radix-popover-trigger-width);
+  }
+  ._192s0id {
+    --sfm9ck: var(--radix-popper-available-height);
+    --_1cxyv7w: var(--radix-popper-anchor-width);
+  }
+}

package/dist/assets/src/nav-item/NavItem.css.ts.vanilla-VGI0LCrr.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._5obs4g;
+@layer optiaxiom._5obs4g {
+  ._1qewzk1 {
+    --_12av0qh: var(--ax-colors-fg-secondary);
+  }
+}

package/dist/assets/src/pagination/{Pagination.css.ts.vanilla-qzqxSndk.css → Pagination.css.ts.vanilla-DuMOgkJU.css}

@@ -1,15 +1,15 @@
-@layer optiaxiom.ieitlk;
-@layer optiaxiom.ieitlk {
-  ._1k1m0h6 {
+@layer optiaxiom._5obs4g;
+@layer optiaxiom._5obs4g {
+  ._13r19y6 {
     position: relative;
   }
-  ._1u35e9i {
+  .kh9cjw {
     min-width: var(--ax-size-md);
     pointer-events: none;
     position: absolute;
     visibility: hidden;
   }
-  .mc4877 {
+  ._1whx4et {
     min-width: var(--ax-size-md);
   }
 }

package/dist/assets/src/pill/{Pill.css.ts.vanilla-BvScjqhP.css → Pill.css.ts.vanilla-Q0Zz6YuQ.css}

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

package/dist/assets/src/progress/Progress.css.ts.vanilla-CVYzx4Q6.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._5obs4g;
+@layer optiaxiom._5obs4g {
+  .sp4odo {
+    height: 8px;
+  }
+}

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

@@ -0,0 +1,13 @@
+@layer optiaxiom._5obs4g;
+@layer optiaxiom._5obs4g {
+  ._1d2axmm {
+    border-color: var(--mptgcq);
+  }
+  ._1fs0xae {
+    background-color: var(--mptgcq);
+    transform: scale(0);
+  }
+  .zt5pz6:has(._24gsoc:checked) ._1fs0xae {
+    transform: scale(1);
+  }
+}

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

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

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

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

package/dist/assets/src/separator/{Separator.css.ts.vanilla-CmAm5UNy.css → Separator.css.ts.vanilla-Kk8LoraM.css}

@@ -1,23 +1,23 @@
-@layer optiaxiom.ieitlk;
-@layer optiaxiom.ieitlk {
-  ._1pi8my0 {
+@layer optiaxiom._5obs4g;
+@layer optiaxiom._5obs4g {
+  ._1dmjdrv {
     border-left-width: 0;
     border-top-width: 1px;
     width: auto;
   }
-  ._1s6ox1 {
+  ._1lakpj6 {
     align-self: stretch;
     border-left-width: 1px;
     border-top-width: 0;
     height: auto;
   }
   @media screen and (min-width: 37.5rem) {
-    ._5s3nmd {
+    ._15apq2v {
       border-left-width: 0;
       border-top-width: 1px;
       width: auto;
     }
-    ._40ijho {
+    .pcs7fg {
       align-self: stretch;
       border-left-width: 1px;
       border-top-width: 0;
@@ -25,12 +25,12 @@
     }
   }
   @media screen and (min-width: 56.25rem) {
-    ._10cedc7 {
+    ._7iuc6p {
       border-left-width: 0;
       border-top-width: 1px;
       width: auto;
     }
-    .ogzfm2 {
+    ._1wkpvwl {
       align-self: stretch;
       border-left-width: 1px;
       border-top-width: 0;

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

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

package/dist/assets/src/spinner/{Spinner.css.ts.vanilla--QE4bp2t.css → Spinner.css.ts.vanilla-BZDCeON0.css}

@@ -1,9 +1,9 @@
-@layer optiaxiom.ieitlk;
-@layer optiaxiom.ieitlk {
-  .dgopp4 {
+@layer optiaxiom._5obs4g;
+@layer optiaxiom._5obs4g {
+  .dfcxzz {
     color: var(--ax-colors-bg-spinner-default);
   }
-  .q218ln {
+  ._5r19p0 {
     color: var(--ax-colors-bg-spinner-inverse);
   }
 }

package/dist/assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-CTsk_0oU.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._5obs4g;
+@layer optiaxiom._5obs4g {
+  .muh4cu:has(:focus) {
+    outline: none !important;
+  }
+}

package/dist/assets/src/spotlight-radio-item/SpotlightRadioItem.css.ts.vanilla-CUQCkiay.css

@@ -0,0 +1,12 @@
+@layer optiaxiom._5obs4g;
+@layer optiaxiom._5obs4g {
+  ._1qyicz5 {
+    background-color: var(--ax-colors-bg-secondary);
+  }
+  ._1qyicz5:not([data-disabled])[data-highlighted] {
+    background-color: var(--ax-colors-bg-secondary-hovered);
+  }
+  ._1qyicz5:not([data-disabled])[data-highlighted]:active {
+    background-color: var(--ax-colors-bg-tertiary);
+  }
+}

package/dist/assets/src/spotlight-sub-item/SpotlightSubItem.css.ts.vanilla-CHNJAXg7.css

@@ -0,0 +1,9 @@
+@layer optiaxiom._5obs4g;
+@layer optiaxiom._5obs4g {
+  ._6kf7w7[data-highlighted] {
+    --_1sks75o: var(--ax-colors-bg-secondary-hovered);
+  }
+  ._15nq7c2[data-highlighted] {
+    --w83gvj: var(--ax-colors-fg-information-strong);
+  }
+}