@optiaxiom/react 0.1.0-next.9 → 0.1.0

package/dist/assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-CVfLPfsi.css

@@ -0,0 +1,23 @@
+@layer optiaxiom._4awegg;
+@layer optiaxiom._4awegg {
+  .h94vfc {
+    left: 50%;
+    max-width: calc(100dvw - 2 * 24px);
+    position: fixed;
+    top: 50%;
+    translate: -50% -50%;
+  }
+  .afsf6p {
+    width: 400px;
+  }
+  ._187szzo {
+    width: 600px;
+  }
+  .zg5ax9 {
+    width: 800px;
+  }
+  ._41kthm {
+    inset: 0;
+    position: fixed;
+  }
+}

package/dist/assets/src/alert-dialog-description/AlertDialogDescription.css.ts.vanilla-ByU_MbAC.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._4awegg;
+@layer optiaxiom._4awegg {
+  .f0xktp {
+    max-height: 50dvh;
+  }
+}

package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-DMG9lF3W.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._4awegg;
+@layer optiaxiom._4awegg {
+  ._136w7ru {
+    border-top: 1px solid var(--ax-colors-border-secondary);
+  }
+}

package/dist/assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-okSbnsG8.css

@@ -0,0 +1,10 @@
+@layer optiaxiom._4awegg;
+@layer optiaxiom._4awegg {
+  ._1rj0pf1:has(._1nvlns4:empty) {
+    visibility: hidden;
+  }
+  ._1tqgytl {
+    overflow: auto;
+    overscroll-behavior: contain;
+  }
+}

package/dist/assets/src/autocomplete-item/AutocompleteItem.css.ts.vanilla-iI5UGzA4.css

@@ -0,0 +1,26 @@
+@layer optiaxiom._4awegg;
+@layer optiaxiom._4awegg {
+  ._1vdooap {
+    cursor: default;
+    outline: none;
+    position: relative;
+    user-select: none;
+  }
+  ._1vdooap:not([data-disabled]) {
+    color: var(--ax-colors-fg-default);
+    cursor: pointer;
+  }
+  ._1vdooap:not([data-disabled])[data-highlighted] {
+    background-color: var(--ax-colors-bg-secondary);
+  }
+  ._1vdooap:not([data-disabled])[data-highlighted]:active {
+    background-color: var(--ax-colors-bg-secondary-hovered);
+  }
+  ._1vdooap:not([data-highlighted])[data-state="open"] {
+    background-color: var(--ax-colors-bg-secondary);
+  }
+  ._1vdooap[data-disabled] {
+    color: var(--ax-colors-fg-disabled);
+    pointer-events: none;
+  }
+}

package/dist/assets/src/avatar/Avatar.css.ts.vanilla-ClN9p8wH.css

@@ -0,0 +1,27 @@
+@layer optiaxiom._4awegg;
+@layer optiaxiom._4awegg {
+  ._1driqhx {
+    user-select: none;
+  }
+  ._4179lf ._1driqhx {
+    border: 1px solid var(--ax-colors-neutral-00);
+  }
+  ._4179lf ._10mjc47:not(:first-child) {
+    margin-left: -3px;
+  }
+  ._4179lf .alm6mv:not(:first-child) {
+    margin-left: -5px;
+  }
+  ._4179lf .y323y2:not(:first-child) {
+    margin-left: -7px;
+  }
+  ._4179lf ._167f6vh:not(:first-child) {
+    margin-left: -9px;
+  }
+  ._4179lf .snfe6k:not(:first-child) {
+    margin-left: -11px;
+  }
+  ._4179lf .pacjxx:not(:first-child) {
+    margin-left: -13px;
+  }
+}

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

@@ -0,0 +1,46 @@
+@layer optiaxiom._4awegg;
+@layer optiaxiom._4awegg {
+  ._1d1tnm9 {
+    --v3hntu: var(--ax-colors-fg-default-inverse);
+  }
+  .bovtoq {
+    --mbmps8: var(--ax-colors-bg-error);
+    --_1w9dbvo: var(--ax-colors-bg-error-subtle);
+    --_1czgwk7: var(--ax-colors-fg-error-strong);
+  }
+  .cp8uza {
+    --mbmps8: var(--ax-colors-bg-information);
+    --_1w9dbvo: var(--ax-colors-bg-information-subtle);
+    --_1czgwk7: var(--ax-colors-fg-information-strong);
+  }
+  .ujksuy {
+    --mbmps8: var(--ax-colors-bg-tertiary);
+    --v3hntu: var(--ax-colors-fg-default);
+    --_1w9dbvo: var(--ax-colors-bg-secondary);
+    --_1czgwk7: var(--ax-colors-fg-secondary);
+  }
+  ._4m5h0q {
+    --mbmps8: var(--ax-colors-bg-accent);
+    --_1w9dbvo: var(--ax-colors-bg-accent-subtle);
+    --_1czgwk7: var(--ax-colors-fg-accent-strong);
+  }
+  .c6wuop {
+    --mbmps8: var(--ax-colors-bg-success);
+    --_1w9dbvo: var(--ax-colors-bg-success-subtle);
+    --_1czgwk7: var(--ax-colors-fg-success-strong);
+  }
+  ._14jjzph {
+    --mbmps8: var(--ax-colors-bg-warning);
+    --v3hntu: var(--ax-colors-fg-default);
+    --_1w9dbvo: var(--ax-colors-bg-warning-subtle);
+    --_1czgwk7: var(--ax-colors-fg-warning-strong);
+  }
+  .v8db6t {
+    background-color: var(--_1w9dbvo);
+    color: var(--_1czgwk7);
+  }
+  .y3iidn {
+    background-color: var(--mbmps8);
+    color: var(--v3hntu);
+  }
+}

package/dist/assets/src/box/Box.css.ts.vanilla-B8q6Oyuj.css

@@ -0,0 +1,87 @@
+@layer optiaxiom._1v6qbuj;
+@layer optiaxiom._1v6qbuj {
+  .fech8q {
+    border: 0 solid var(--ax-colors-border-default);
+    box-sizing: border-box;
+    font-family: var(--ax-fontFamily-sans);
+    font-feature-settings: "cv02", "cv03", "cv04";
+    margin: 0;
+    padding: 0;
+    -webkit-font-smoothing: antialiased;
+  }
+  .fech8q:focus-visible {
+    --tw-ring-offset-width: 0;
+  }
+  .fech8q:is(hr) {
+    border-top-width: 1px;
+    color: inherit;
+    height: 0;
+  }
+  .fech8q:is(h1, h2, h3, h4, h5, h6) {
+    font-size: inherit;
+    font-weight: inherit;
+  }
+  .fech8q:is(b, strong) {
+    font-weight: bolder;
+  }
+  .fech8q:is(code, kbd, samp, pre) {
+    font-family: var(--ax-fontFamily-mono);
+    font-feature-settings: normal;
+    font-size: 1em;
+  }
+  .fech8q:is(table) {
+    border-collapse: collapse;
+    border-color: inherit;
+    text-indent: 0;
+  }
+  .fech8q:is(button, input, optgroup, select, textarea) {
+    color: inherit;
+    font-size: 100%;
+    letter-spacing: inherit;
+  }
+  .fech8q:is(button, input:where([type=button], [type=reset], [type=submit])) {
+    background-color: transparent;
+    background-image: none;
+    -webkit-appearance: button;
+  }
+  .fech8q:is([type=search]) {
+    outline-offset: -2px;
+    -webkit-appearance: textfield;
+  }
+  .fech8q::-webkit-file-upload-button {
+    font: inherit;
+    -webkit-appearance: button;
+  }
+  .fech8q:is(ol, ul, menu) {
+    list-style: none;
+  }
+  .fech8q:is(textarea) {
+    resize: vertical;
+  }
+  .fech8q:is(input, textarea)::placeholder {
+    color: var(--ax-colors-neutral-600);
+    opacity: 1;
+  }
+  .fech8q:is(button, [role=button]) {
+    cursor: pointer;
+  }
+  .fech8q:is(:disabled) {
+    cursor: default;
+  }
+  .fech8q::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
+  .fech8q::-webkit-search-cancel-button {
+    -webkit-appearance: none;
+  }
+  .fech8q:is(img, svg, video, canvas, audio, iframe, embed, object) {
+    display: block;
+  }
+  .fech8q:is(img, video) {
+    height: auto;
+    max-width: 100%;
+  }
+  .fech8q:is(select) {
+    appearance: none;
+  }
+}

package/dist/assets/src/button/Button.css.ts.vanilla-BDZg-A0O.css

@@ -0,0 +1,150 @@
+@layer optiaxiom._4awegg;
+@layer optiaxiom._4awegg {
+  .gdcwtt {
+    border-radius: var(--ax-borderRadius-md);
+    padding-inline: var(--_5xg43t);
+    position: relative;
+    text-decoration: none;
+    user-select: none;
+  }
+  .gdcwtt:is(:focus-visible, :has(:focus-visible)):not([data-disabled], [data-loading]) {
+    outline: 2px solid var(--ax-colors-border-focus);
+    outline-offset: 1px;
+    z-index: var(--ax-zIndex-10);
+  }
+  .w156xz[data-orientation="horizontal"] .gdcwtt:not(:first-child):not(:last-child) {
+    border-inline-width: 0.5px;
+  }
+  .w156xz[data-orientation="horizontal"] .gdcwtt:not(:only-child):first-child {
+    border-bottom-right-radius: 0;
+    border-right-width: 0.5px;
+    border-top-right-radius: 0;
+  }
+  .w156xz[data-orientation="horizontal"] .gdcwtt:not(:only-child):last-child {
+    border-bottom-left-radius: 0;
+    border-left-width: 0.5px;
+    border-top-left-radius: 0;
+  }
+  .w156xz[data-orientation="vertical"] .gdcwtt:not(:first-child):not(:last-child) {
+    border-block-width: 0.5px;
+  }
+  .w156xz[data-orientation="vertical"] .gdcwtt:not(:only-child):first-child {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border-bottom-width: 0.5px;
+  }
+  .w156xz[data-orientation="vertical"] .gdcwtt:not(:only-child):last-child {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    border-top-width: 0.5px;
+  }
+  .w156xz[data-orientation] .gdcwtt:not(:first-child):not(:last-child) {
+    border-radius: 0;
+  }
+  .amkvqb {
+    --cltish: var(--ax-colors-bg-error);
+    --rjk64n: var(--ax-colors-bg-error-hovered);
+    --_17983o0: var(--ax-colors-bg-error-pressed);
+    --_1tbw56b: var(--ax-colors-red-50);
+    --_19pmo8x: var(--ax-colors-bg-error-subtle);
+  }
+  ._1lpwxfn {
+    --cltish: var(--ax-colors-bg-default-inverse);
+    --rjk64n: var(--ax-colors-bg-default-inverse-hovered);
+    --_17983o0: var(--ax-colors-bg-default-inverse-pressed);
+    --_1tbw56b: var(--ax-colors-bg-secondary);
+    --_1cv7u8i: var(--ax-colors-border-default);
+    --jwm71f: var(--ax-colors-border-default);
+    --_19pmo8x: var(--ax-colors-bg-secondary-hovered);
+    --_8ihpnw: var(--ax-colors-fg-default);
+  }
+  .oawihm {
+    --cltish: var(--ax-colors-bg-accent);
+    --rjk64n: var(--ax-colors-bg-accent-hovered);
+    --_17983o0: var(--ax-colors-bg-accent-pressed);
+    --_1tbw56b: var(--ax-colors-bg-accent-subtle);
+    --_19pmo8x: var(--ax-colors-bg-accent-light);
+  }
+  .vgctca {
+    min-width: fit-content;
+  }
+  ._1vafzkp {
+    background-color: transparent;
+    border: 1px solid var(--jwm71f, var(--cltish));
+    color: var(--_8ihpnw, var(--cltish));
+    padding-inline: calc(var(--_5xg43t) - 1px);
+  }
+  ._1vafzkp:active:not([data-disabled], [data-loading]) {
+    background-color: var(--_19pmo8x);
+    border-color: var(--_1cv7u8i, var(--rjk64n));
+  }
+  ._1vafzkp:hover:not(:active, [data-disabled], [data-loading]) {
+    background-color: var(--_1tbw56b);
+    border-color: var(--_1cv7u8i, var(--rjk64n));
+  }
+  ._1vafzkp[data-disabled] {
+    border-color: var(--ax-colors-border-disabled);
+    color: var(--ax-colors-fg-disabled);
+  }
+  ._1fghhh6 {
+    background-color: var(--cltish);
+    color: var(--ax-colors-fg-default-inverse);
+  }
+  ._1fghhh6:active:not([data-disabled], [data-loading]) {
+    background-color: var(--_17983o0);
+  }
+  ._1fghhh6:hover:not(:active, [data-disabled], [data-loading]) {
+    background-color: var(--rjk64n);
+  }
+  ._1fghhh6[data-disabled] {
+    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(--_5xg43t) - 1px);
+  }
+  ._190xska {
+    background-color: transparent;
+    border-color: var(--cltish);
+    color: var(--_8ihpnw, var(--cltish));
+  }
+  ._190xska:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+    background-color: var(--_19pmo8x);
+  }
+  ._190xska:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+    background-color: var(--_1tbw56b);
+  }
+  ._190xska:is([data-state="active"], [data-state="on"]) {
+    background-color: var(--ax-colors-bg-accent-subtle);
+    color: var(--ax-colors-fg-accent);
+  }
+  ._190xska[data-disabled] {
+    color: var(--ax-colors-fg-disabled);
+  }
+  .lpuiwj {
+    --_5xg43t: 2px;
+  }
+  .awbsra {
+    --_5xg43t: 4px;
+  }
+  ._1gbiub {
+    --_5xg43t: 6px;
+  }
+  .gohaac {
+    --_5xg43t: 8px;
+  }
+  ._1mwxxxz {
+    --_5xg43t: 10px;
+  }
+  ._2mlqdl {
+    --_5xg43t: 12px;
+  }
+  .hu6u33 {
+    opacity: 1;
+  }
+  ._1euikzm[data-loading] .hu6u33 {
+    opacity: 0;
+  }
+  ._13f61or {
+    position: absolute;
+  }
+}

package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-DmEmg4Fg.css

@@ -0,0 +1,23 @@
+@layer optiaxiom._4awegg;
+@layer optiaxiom._4awegg {
+  ._1lxq0kp {
+    display: none;
+  }
+  ._1sf6i23[data-state="checked"] ._1lxq0kp {
+    display: block;
+  }
+  ._1mrwd8w {
+    display: none;
+  }
+  ._1sf6i23[data-state="indeterminate"] ._1mrwd8w {
+    display: block;
+  }
+  ._67xr24 {
+    border-color: var(--pevld5);
+    border-width: 1px;
+  }
+  ._67xr24:not([data-state="unchecked"]) {
+    background-color: var(--pevld5);
+    border-width: 0;
+  }
+}

package/dist/assets/src/code/Code.css.ts.vanilla-CP53j-Jc.css

@@ -0,0 +1,7 @@
+@layer optiaxiom._4awegg;
+@layer optiaxiom._4awegg {
+  .c8go2 {
+    font-size: 0.875em;
+    -webkit-font-smoothing: auto;
+  }
+}

package/dist/assets/src/command-item/CommandItem.css.ts.vanilla-Uu0_1Rf_.css

@@ -0,0 +1,17 @@
+@layer optiaxiom._4awegg;
+@layer optiaxiom._4awegg {
+  ._43rr5f {
+    cursor: default;
+    outline: none;
+    position: relative;
+    user-select: none;
+  }
+  ._43rr5f[data-disabled='true'] {
+    color: var(--ax-colors-fg-disabled);
+  }
+  ._43rr5f[data-selected='true'] {
+    background-color: var(--ax-colors-bg-secondary);
+    color: var(--ax-colors-fg-default);
+    cursor: pointer;
+  }
+}

package/dist/assets/src/command-list/CommandList.css.ts.vanilla-DCUc2i8R.css

@@ -0,0 +1,9 @@
+@layer optiaxiom._4awegg;
+@layer optiaxiom._4awegg {
+  ._19nvkod {
+    overflow: auto;
+    overscroll-behavior: contain;
+    transition: 100ms ease;
+    transition-property: height;
+  }
+}

package/dist/assets/src/control-base/ControlBase.css.ts.vanilla-BEz0zQpD.css

@@ -0,0 +1,41 @@
+@layer optiaxiom._4awegg;
+@layer optiaxiom._4awegg {
+  ._1k0g4bu {
+    --pevld5: var(--ax-colors-border-active);
+    color: var(--ax-colors-fg-default);
+    grid-template: 
+          "indicator label"       auto
+          ".         description" auto / min-content auto;
+  }
+  ._1k0g4bu:has(.qndhmh:not([data-disabled]):not([data-state="unchecked"])):hover {
+    --pevld5: var(--ax-colors-bg-accent-hovered);
+  }
+  ._1k0g4bu:has(.qndhmh:not([data-disabled])[data-state="unchecked"]):hover {
+    --pevld5: var(--ax-colors-border-active-hovered);
+  }
+  ._1k0g4bu:has(.qndhmh:not([data-state="unchecked"])) {
+    --pevld5: var(--ax-colors-bg-accent);
+  }
+  ._1k0g4bu:has(.qndhmh[data-disabled]) {
+    color: var(--ax-colors-fg-disabled);
+  }
+  .fr0r1n {
+    grid-area: indicator;
+  }
+  .fr0r1n:focus-visible {
+    outline: 2px solid var(--ax-colors-border-focus);
+    outline-offset: 1px;
+  }
+  .fr0r1n[data-disabled] {
+    opacity: 0.3;
+  }
+  .jy5n0o {
+    grid-area: label;
+  }
+  .qndhmh:not([data-disabled]) + .jy5n0o {
+    cursor: pointer;
+  }
+  ._1jcl9f8 {
+    grid-area: description;
+  }
+}

package/dist/assets/src/dialog-body/DialogBody.css.ts.vanilla-6I4GFoY3.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._4awegg;
+@layer optiaxiom._4awegg {
+  ._1spz9s7 {
+    max-height: 50dvh;
+  }
+}

package/dist/assets/src/{dialog/Dialog.css.ts.vanilla-B7OE7tnX.css → dialog-content/DialogContent.css.ts.vanilla-CuP-Hjp0.css}

@@ -1,26 +1,26 @@
-@layer optiaxiom._1kfj4ga1;
-@layer optiaxiom._1kfj4ga1 {
-  ._1hgarxm0 {
+@layer optiaxiom._4awegg;
+@layer optiaxiom._4awegg {
+  .du6br8 {
     left: 50%;
-    max-width: 90dvw;
+    max-width: calc(100dvw - 2 * 24px);
     position: fixed;
     top: 50%;
     translate: -50% -50%;
   }
-  ._1hgarxm1 {
-    width: 375px;
+  ._4tcwt5 {
+    width: 400px;
   }
-  ._1hgarxm2 {
+  ._1rt2iib {
     width: 600px;
   }
-  ._1hgarxm3 {
+  .zk0wz7 {
     width: 800px;
   }
-  ._1hgarxm4 {
+  .fud5pb {
     inset: 0;
     position: fixed;
   }
-  ._1hgarxm5 {
+  ._11ml7mu {
     position: absolute;
     right: 24px;
     top: 24px;

package/dist/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-BqeurMvw.css

@@ -0,0 +1,25 @@
+@keyframes _1wt50jb {
+  from {
+    height: 0;
+  }
+  to {
+    height: var(--radix-collapsible-content-height);
+  }
+}
+@keyframes _11v078e {
+  from {
+    height: var(--radix-collapsible-content-height);
+  }
+  to {
+    height: 0;
+  }
+}
+@layer optiaxiom._4awegg;
+@layer optiaxiom._4awegg {
+  ._1sbcqc1[data-state="closed"] {
+    animation: _11v078e 300ms ease-out;
+  }
+  ._1sbcqc1[data-state="open"] {
+    animation: _1wt50jb 300ms ease-out;
+  }
+}

package/dist/assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-0sn-enS-.css

@@ -0,0 +1,16 @@
+@layer optiaxiom._4awegg;
+@layer optiaxiom._4awegg {
+  ._101kb7:focus-visible {
+    outline: 2px solid var(--ax-colors-border-focus);
+    outline-offset: 1px;
+  }
+  ._101kb7:hover {
+    color: var(--ax-colors-neutral-1000);
+  }
+  [data-state=open] > ._1kaw8ei {
+    transform: rotate(180deg);
+  }
+  [data-state=open] > .p8rn8v {
+    transform: rotate(90deg);
+  }
+}

package/dist/assets/src/drawer/Drawer.css.ts.vanilla-DWe4kLbE.css

@@ -0,0 +1,30 @@
+@layer optiaxiom._4awegg;
+@layer optiaxiom._4awegg {
+  ._1bdjsab {
+    position: fixed;
+  }
+  .j3b4i8 {
+    bottom: 0;
+    left: 0;
+    right: 0;
+  }
+  ._1wh6fft {
+    bottom: 0;
+    left: 0;
+    top: 0;
+  }
+  .tzviu8 {
+    bottom: 0;
+    right: 0;
+    top: 0;
+  }
+  .bhi6hh {
+    inset: 0;
+    position: fixed;
+  }
+  ._1yioncz {
+    position: absolute;
+    right: 10px;
+    top: 24px;
+  }
+}

package/dist/assets/src/hover-card-content/HoverCardContent.css.ts.vanilla-C2rYzgoD.css

@@ -0,0 +1,7 @@
+@layer optiaxiom._4awegg;
+@layer optiaxiom._4awegg {
+  ._15wuvp2 {
+    min-width: var(--radix-hover-card-trigger-width);
+    position: relative;
+  }
+}

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

@@ -0,0 +1,36 @@
+@layer optiaxiom._4awegg;
+@layer optiaxiom._4awegg {
+  ._1ddzktk {
+    position: relative;
+  }
+  ._13weodm {
+    --i5w6o8: 50%;
+    position: absolute;
+    right: 4px;
+  }
+  .tei1o6 {
+    --i5w6o8: 4px;
+  }
+  ._16o1jsz {
+    bottom: 4px;
+    transform: translate(var(--i5w6o8), var(--i5w6o8));
+  }
+  .nyd93t {
+    top: 4px;
+    transform: translate(var(--i5w6o8), calc(-1 * var(--i5w6o8)));
+  }
+  ._1xcndhx {
+    position: relative;
+    user-select: none;
+  }
+  ._1xcndhx:empty {
+    aspect-ratio: 1;
+  }
+  ._86ljul:not(:empty) {
+    min-width: 20px;
+  }
+  ._1vn6xqj {
+    pointer-events: none;
+    position: absolute;
+  }
+}