@optiaxiom/react 0.12.2 → 0.12.3

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

@@ -0,0 +1,27 @@
+@layer optiaxiom._8aqmv;
+@layer optiaxiom._8aqmv {
+  ._1igsdk7 {
+    opacity: 0;
+  }
+  ._15z1k1b {
+    inset: 0;
+    position: fixed;
+  }
+  ._1rgoaxw {
+    max-height: 50dvh;
+    max-width: calc(100dvw - 2 * 24px);
+    transform: 
+      translateY(calc(1rem * var(--_13ife8z)))
+      scale(calc(1 - 0.06 * var(--_13ife8z)))
+    ;
+  }
+  .rr06z8 {
+    width: 400px;
+  }
+  ._10l7wd3 {
+    width: 600px;
+  }
+  ._3v4oyl {
+    width: 800px;
+  }
+}

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

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

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

@@ -0,0 +1,10 @@
+@layer optiaxiom._8aqmv;
+@layer optiaxiom._8aqmv {
+  .rm1ywd {
+    overflow: auto;
+    overscroll-behavior: contain;
+  }
+  .rm1ywd:empty {
+    visibility: hidden;
+  }
+}

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

@@ -0,0 +1,27 @@
+@layer optiaxiom._8aqmv;
+@layer optiaxiom._8aqmv {
+  ._18rhik2 {
+    user-select: none;
+  }
+  .pcxpal ._18rhik2 {
+    border: 1px solid var(--ax-colors-bg-default);
+  }
+  .pcxpal ._1caqebl:not(:first-child) {
+    margin-left: -3px;
+  }
+  .pcxpal ._4y6lu:not(:first-child) {
+    margin-left: -5px;
+  }
+  .pcxpal ._4ysy46:not(:first-child) {
+    margin-left: -7px;
+  }
+  .pcxpal ._1po65o9:not(:first-child) {
+    margin-left: -9px;
+  }
+  .pcxpal ._10e7c9n:not(:first-child) {
+    margin-left: -11px;
+  }
+  .pcxpal .f46sgj:not(:first-child) {
+    margin-left: -13px;
+  }
+}

package/dist/esm/assets/src/avatar-group/AvatarGroup.css.ts.vanilla-Uzeu57xv.css

@@ -0,0 +1,4 @@
+@layer optiaxiom._8aqmv;
+@layer optiaxiom._8aqmv {
+
+}

package/dist/esm/assets/src/backdrop/Backdrop.css.ts.vanilla-CF2yV8a7.css

@@ -0,0 +1,8 @@
+@layer optiaxiom._8aqmv;
+@layer optiaxiom._8aqmv {
+  ._1kte7lq {
+    backdrop-filter: blur(4px);
+    inset: 0;
+    position: fixed;
+  }
+}

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

@@ -0,0 +1,46 @@
+@layer optiaxiom._8aqmv;
+@layer optiaxiom._8aqmv {
+  ._16r913e {
+    --_1sgzii8: var(--ax-colors-fg-white);
+  }
+  .k233vg {
+    --_1jig5s0: var(--ax-colors-bg-error);
+    --_17nyeb9: var(--ax-colors-bg-error-subtle);
+    --_1iaeq15: var(--ax-colors-fg-error-strong);
+  }
+  ._1lu6m6e {
+    --_1jig5s0: var(--ax-colors-bg-information);
+    --_17nyeb9: var(--ax-colors-bg-information-subtle);
+    --_1iaeq15: var(--ax-colors-fg-information-strong);
+  }
+  .emb38d {
+    --_1jig5s0: var(--ax-colors-bg-tertiary);
+    --_1sgzii8: var(--ax-colors-fg-default);
+    --_17nyeb9: var(--ax-colors-bg-secondary);
+    --_1iaeq15: var(--ax-colors-fg-secondary);
+  }
+  ._1acq4ba {
+    --_1jig5s0: var(--ax-colors-bg-accent);
+    --_17nyeb9: var(--ax-colors-bg-accent-subtle);
+    --_1iaeq15: var(--ax-colors-fg-accent-strong);
+  }
+  .begpb4 {
+    --_1jig5s0: var(--ax-colors-bg-success);
+    --_17nyeb9: var(--ax-colors-bg-success-subtle);
+    --_1iaeq15: var(--ax-colors-fg-success-strong);
+  }
+  ._1t8mxel {
+    --_1jig5s0: var(--ax-colors-bg-warning);
+    --_1sgzii8: var(--ax-colors-fg-warning-inverse);
+    --_17nyeb9: var(--ax-colors-bg-warning-subtle);
+    --_1iaeq15: var(--ax-colors-fg-warning-strong);
+  }
+  ._1cza6of {
+    background-color: var(--_17nyeb9);
+    color: var(--_1iaeq15);
+  }
+  ._11igp9x {
+    background-color: var(--_1jig5s0);
+    color: var(--_1sgzii8);
+  }
+}

package/dist/esm/assets/src/box/Box.css.ts.vanilla-Cfl8r0-i.css

@@ -0,0 +1,86 @@
+@layer optiaxiom.tvrgpe;
+@layer optiaxiom.tvrgpe {
+  .qrvo02 {
+    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;
+  }
+  .qrvo02:focus-visible {
+    --tw-ring-offset-width: 0;
+  }
+  .qrvo02:is(hr) {
+    border-top-width: 1px;
+    color: inherit;
+    height: 0;
+  }
+  .qrvo02:is(h1, h2, h3, h4, h5, h6) {
+    font-size: inherit;
+    font-weight: inherit;
+  }
+  .qrvo02:is(b, strong) {
+    font-weight: bolder;
+  }
+  .qrvo02:is(code, kbd, samp, pre) {
+    font-family: var(--ax-fontFamily-mono);
+    font-feature-settings: normal;
+    font-size: 1em;
+    -webkit-font-smoothing: auto;
+  }
+  .qrvo02:is(table) {
+    border-collapse: collapse;
+    border-color: inherit;
+    text-indent: 0;
+  }
+  .qrvo02:is(button, input, optgroup, select, textarea) {
+    color: inherit;
+    font-size: 100%;
+    letter-spacing: inherit;
+  }
+  .qrvo02:is(button, input:where([type=button], [type=reset], [type=submit])) {
+    background-color: transparent;
+    background-image: none;
+    -webkit-appearance: button;
+  }
+  .qrvo02:is([type=search]) {
+    outline-offset: -2px;
+    -webkit-appearance: textfield;
+  }
+  .qrvo02::-webkit-file-upload-button {
+    font: inherit;
+    -webkit-appearance: button;
+  }
+  .qrvo02:is(ol, ul, menu) {
+    list-style: none;
+  }
+  .qrvo02:is(textarea) {
+    resize: vertical;
+  }
+  .qrvo02:is(input, textarea)::placeholder {
+    color: var(--ax-colors-fg-tertiary);
+    opacity: 1;
+  }
+  .qrvo02:is(button, [role=button]) {
+    cursor: pointer;
+  }
+  .qrvo02:is(:disabled) {
+    cursor: default;
+  }
+  .qrvo02::-webkit-calendar-picker-indicator, .qrvo02::-webkit-search-cancel-button, .qrvo02::-webkit-search-decoration {
+    display: none;
+    -webkit-appearance: none;
+  }
+  .qrvo02:is(img, svg, video, canvas, audio, iframe, embed, object) {
+    display: block;
+  }
+  .qrvo02:is(img, video) {
+    height: auto;
+    max-width: 100%;
+  }
+  .qrvo02:is(select) {
+    appearance: none;
+  }
+}

package/dist/esm/assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-D8UwqbFF.css

@@ -0,0 +1,8 @@
+@layer optiaxiom._8aqmv;
+@layer optiaxiom._8aqmv {
+  .nzwsgc:not(:first-child)::before {
+    content: "/";
+    color: var(--ax-colors-fg-tertiary);
+    margin-right: 8px;
+  }
+}

package/dist/esm/assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-DSmc16lZ.css

@@ -0,0 +1,14 @@
+@layer optiaxiom._8aqmv;
+@layer optiaxiom._8aqmv {
+  .wfdij0 {
+    color: var(--ax-colors-fg-tertiary);
+  }
+  .wfdij0:visited {
+    color: var(--ax-colors-fg-tertiary);
+  }
+  @media (hover: hover) {
+    .wfdij0:hover:not([data-disabled]) {
+      color: var(--ax-colors-fg-secondary);
+    }
+  }
+}

package/dist/esm/assets/src/button-base/ButtonBase.css.ts.vanilla-CLWcNZZI.css

@@ -0,0 +1,147 @@
+@layer optiaxiom._8aqmv;
+@layer optiaxiom._8aqmv {
+  .q4uz07 {
+    border-radius: var(--ax-borderRadius-md);
+    padding-inline: var(--_6lxtq8);
+    position: relative;
+    text-decoration: none;
+    user-select: none;
+  }
+  .q4uz07: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;
+  }
+  .onapaj[data-orientation="horizontal"] > .q4uz07:not(:first-child):not(:last-child),.onapaj[data-orientation="horizontal"] > :not(:first-child):not(:last-child) .q4uz07 {
+    border-inline-width: 0.5px;
+  }
+  .onapaj[data-orientation="horizontal"] > .q4uz07:not(:only-child):first-child,.onapaj[data-orientation="horizontal"] > :not(:only-child):first-child .q4uz07 {
+    border-bottom-right-radius: 0;
+    border-right-width: 0.5px;
+    border-top-right-radius: 0;
+  }
+  .onapaj[data-orientation="horizontal"] > .q4uz07:not(:only-child):last-child,.onapaj[data-orientation="horizontal"] > :not(:only-child):last-child .q4uz07 {
+    border-bottom-left-radius: 0;
+    border-left-width: 0.5px;
+    border-top-left-radius: 0;
+  }
+  .onapaj[data-orientation="vertical"] > .q4uz07:not(:first-child):not(:last-child),.onapaj[data-orientation="vertical"] > :not(:first-child):not(:last-child) .q4uz07 {
+    border-block-width: 0.5px;
+  }
+  .onapaj[data-orientation="vertical"] > .q4uz07:not(:only-child):first-child,.onapaj[data-orientation="vertical"] > :not(:only-child):first-child .q4uz07 {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border-bottom-width: 0.5px;
+  }
+  .onapaj[data-orientation="vertical"] > .q4uz07:not(:only-child):last-child,.onapaj[data-orientation="vertical"] > :not(:only-child):last-child .q4uz07 {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    border-top-width: 0.5px;
+  }
+  .onapaj[data-orientation] > .q4uz07:not(:first-child):not(:last-child),.onapaj[data-orientation] > :not(:first-child):not(:last-child) .q4uz07 {
+    border-radius: 0;
+  }
+  ._1jfi8hu {
+    --_1nxtfga: var(--ax-colors-bg-error);
+    --_1gexsou: var(--ax-colors-bg-error-hovered);
+    --e4z66l: var(--ax-colors-bg-error-pressed);
+    --ujxieh: var(--ax-colors-bg-error-subtlest);
+    --yiird9: var(--ax-colors-bg-error-subtle);
+  }
+  ._8bojlx {
+    --_1nxtfga: var(--ax-colors-bg-default-inverse);
+    --_1gexsou: var(--ax-colors-bg-default-inverse-hovered);
+    --e4z66l: var(--ax-colors-bg-default-inverse-pressed);
+    --a2l5z9: var(--ax-colors-fg-default-inverse);
+    --ujxieh: var(--ax-colors-bg-page);
+    --_4dbfub: var(--ax-colors-border-tertiary);
+    --hi8o98: var(--ax-colors-border-tertiary);
+    --yiird9: var(--ax-colors-bg-secondary);
+    --d3bt63: var(--ax-colors-fg-default);
+    --_1g2ev4w: var(--ax-colors-bg-default-hovered);
+    --q85puu: var(--ax-colors-bg-default-pressed);
+  }
+  ._9z5xna {
+    --_1nxtfga: var(--ax-colors-bg-accent);
+    --_1gexsou: var(--ax-colors-bg-accent-hovered);
+    --e4z66l: var(--ax-colors-bg-accent-pressed);
+    --ujxieh: var(--ax-colors-bg-accent-subtle);
+    --yiird9: var(--ax-colors-bg-accent-light);
+  }
+  ._8o8l68 {
+    min-width: fit-content;
+  }
+  ._197i2b4 {
+    background-color: var(--ax-colors-bg-default);
+    border: 1px solid var(--hi8o98, var(--_1nxtfga));
+    color: var(--d3bt63, var(--_1nxtfga));
+    padding-inline: calc(var(--_6lxtq8) - 1px);
+  }
+  ._197i2b4:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+    background-color: var(--yiird9);
+    border-color: var(--_4dbfub, var(--_1gexsou));
+  }
+  ._197i2b4: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);
+  }
+  ._197i2b4[data-disabled]:not([data-loading]) {
+    border-color: var(--ax-colors-border-disabled);
+    color: var(--ax-colors-fg-disabled);
+  }
+  .p38c8s {
+    background-color: var(--_1nxtfga);
+    color: var(--a2l5z9, var(--ax-colors-fg-white));
+  }
+  .p38c8s:active:not([data-disabled], [data-loading]) {
+    background-color: var(--e4z66l);
+  }
+  .p38c8s[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(--_6lxtq8) - 1px);
+  }
+  .bcfst7 {
+    background-color: transparent;
+    border-color: var(--_1nxtfga);
+    color: var(--d3bt63, var(--_1nxtfga));
+  }
+  .bcfst7:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+    background-color: var(--q85puu, var(--yiird9));
+  }
+  .bcfst7:is([data-state="active"], [data-state="on"]) {
+    background-color: var(--ax-colors-bg-accent-subtle);
+    color: var(--ax-colors-fg-accent);
+  }
+  .bcfst7[data-disabled]:not([data-loading]) {
+    color: var(--ax-colors-fg-disabled);
+  }
+  ._1ebj128 {
+    --_6lxtq8: 4px;
+  }
+  ._10x5fjj {
+    --_6lxtq8: 8px;
+  }
+  ._4imikr {
+    --_6lxtq8: 12px;
+  }
+  ._1tfi0ta {
+    left: 0;
+    position: absolute;
+    right: 0;
+  }
+  @media (hover: hover) {
+    ._197i2b4:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+      background-color: var(--ujxieh);
+      border-color: var(--_4dbfub, var(--_1gexsou));
+    }
+    .p38c8s:hover:not(:active, [data-disabled], [data-loading]) {
+      background-color: var(--_1gexsou);
+    }
+    .bcfst7:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+      background-color: var(--_1g2ev4w, var(--ujxieh));
+    }
+  }
+}

package/dist/esm/assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-CLkp0G0_.css

@@ -0,0 +1,9 @@
+@layer optiaxiom._8aqmv;
+@layer optiaxiom._8aqmv {
+  ._76tp55 {
+    opacity: 1;
+  }
+  ._1m6yacp[data-loading] ._76tp55 {
+    opacity: 0;
+  }
+}

package/dist/esm/assets/src/calendar/CalendarDayButton.css.ts.vanilla-CS7DmgdI.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._8aqmv;
+@layer optiaxiom._8aqmv {
+  .w9k0kh {
+    opacity: 0.6;
+  }
+}

package/dist/esm/assets/src/calendar/CalendarMonths.css.ts.vanilla-BrqQQJav.css

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

package/dist/esm/assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-BMhBOLOq.css

@@ -0,0 +1,7 @@
+@layer optiaxiom._8aqmv;
+@layer optiaxiom._8aqmv {
+  ._63q7tb {
+    position: absolute;
+    right: 0;
+  }
+}

package/dist/esm/assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-PaBKoHvJ.css

@@ -0,0 +1,7 @@
+@layer optiaxiom._8aqmv;
+@layer optiaxiom._8aqmv {
+  ._1xhl0fi {
+    left: 0;
+    position: absolute;
+  }
+}

package/dist/esm/assets/src/card/Card.css.ts.vanilla-BIDodemv.css

@@ -0,0 +1,14 @@
+@layer optiaxiom._8aqmv;
+@layer optiaxiom._8aqmv {
+  ._1wp44ly {
+    --aib44: var(--ax-borderRadius-lg);
+    border-radius: var(--ax-borderRadius-lg);
+    position: relative;
+  }
+  ._1wp44ly:has(
+        ._1ib6xn3[data-overlay]:not([data-disabled]):active,
+        .an3ios input:not([disabled]):active
+      ) {
+    transform: scale(0.97);
+  }
+}

package/dist/esm/assets/src/card/Card.css.ts.vanilla-CcXCcfXl.css

@@ -0,0 +1,14 @@
+@layer optiaxiom._8aqmv;
+@layer optiaxiom._8aqmv {
+  ._1wp44ly {
+    --aib44: var(--ax-borderRadius-lg);
+    border-radius: var(--ax-borderRadius-lg);
+    position: relative;
+  }
+  ._1wp44ly:has(
+        ._1ib6xn3[data-overlay]:not([data-disabled]):active,
+        undefined input:not([disabled]):active
+      ) {
+    transform: scale(0.97);
+  }
+}

package/dist/esm/assets/src/card-checkbox/CardCheckbox.css.ts.vanilla-B7ovfSlo.css

@@ -0,0 +1,28 @@
+@layer optiaxiom._8aqmv;
+@layer optiaxiom._8aqmv {
+  .oknhts {
+    inset: 0;
+    opacity: 0;
+    position: absolute;
+  }
+  .oknhts:has(:checked, :focus-visible) {
+    opacity: 1;
+  }
+  .oknhts:has(:focus-visible) {
+    outline: 2px solid var(--ax-colors-border-focus);
+    outline-offset: 1px;
+  }
+  ._1i3mg3x {
+    left: 16px;
+    position: relative;
+    top: 16px;
+  }
+  .an3ios:has(:focus-visible) ._1i3mg3x {
+    outline: none;
+  }
+  @media (hover: hover) {
+    undefined:hover .oknhts {
+      opacity: 1;
+    }
+  }
+}

package/dist/esm/assets/src/card-checkbox/CardCheckbox.css.ts.vanilla-BiFYTqhx.css

@@ -0,0 +1,28 @@
+@layer optiaxiom._8aqmv;
+@layer optiaxiom._8aqmv {
+  .oknhts {
+    inset: 0;
+    opacity: 0;
+    position: absolute;
+  }
+  .oknhts:has(:checked, :focus-visible) {
+    opacity: 1;
+  }
+  .oknhts:has(:focus-visible) {
+    outline: 2px solid var(--ax-colors-border-focus);
+    outline-offset: 1px;
+  }
+  ._1i3mg3x {
+    left: 16px;
+    position: relative;
+    top: 16px;
+  }
+  .an3ios:has(:focus-visible) ._1i3mg3x {
+    outline: none;
+  }
+  @media (hover: hover) {
+    ._1jejsad:hover .oknhts {
+      opacity: 1;
+    }
+  }
+}

package/dist/esm/assets/src/card-image/CardImage.css.ts.vanilla-DjvVKLyu.css

@@ -0,0 +1,12 @@
+@layer optiaxiom._8aqmv;
+@layer optiaxiom._8aqmv {
+  .ewcga8 {
+    object-fit: cover;
+  }
+  .t6epaj {
+    aspect-ratio: 1;
+  }
+  .s8fhr5 {
+    aspect-ratio: 2;
+  }
+}

package/dist/esm/assets/src/card-overflow/CardOverflow.css.ts.vanilla-Cjn_Id7x.css

@@ -0,0 +1,13 @@
+@layer optiaxiom._8aqmv;
+@layer optiaxiom._8aqmv {
+  ._16f40mo {
+    border-bottom-left-radius: inherit;
+    border-top-left-radius: inherit;
+    margin: -16px 0 -16px -16px;
+  }
+  ._3g0cj5 {
+    border-top-left-radius: inherit;
+    border-top-right-radius: inherit;
+    margin: -16px -16px 0;
+  }
+}

package/dist/esm/assets/src/checkbox-control/CheckboxControl.css.ts.vanilla-Hd13ZaHc.css

@@ -0,0 +1,22 @@
+@layer optiaxiom._8aqmv;
+@layer optiaxiom._8aqmv {
+  .iej4hg {
+    clip-path: inset(100% 0 0 0);
+    transition-delay: 125ms;
+  }
+  .yumqxj:has(._7wp0f:checked) .iej4hg {
+    clip-path: inset(0 0 0 0);
+  }
+  ._1lo6rp9 {
+    background-color: var(--ax-colors-bg-default);
+    border-color: var(--_1f9s9dn);
+    border-width: 1px;
+    place-content: center;
+    transition-duration: 150ms;
+    transition-property: border-width;
+    transition-timing-function: ease;
+  }
+  .yumqxj:has(._7wp0f:checked) ._1lo6rp9 {
+    border-width: 8px;
+  }
+}

package/dist/esm/assets/src/code/Code.css.ts.vanilla-BEhWJABt.css

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

package/dist/esm/assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-CyJRzNBY.css

@@ -0,0 +1,7 @@
+@layer optiaxiom._8aqmv;
+@layer optiaxiom._8aqmv {
+  .d4shc3[data-highlighted][data-focus-visible] {
+    outline: 2px solid var(--ax-colors-border-control);
+    outline-offset: 1px;
+  }
+}