@optiaxiom/react 0.12.2 → 0.13.0

package/dist/esm/assets/src/alert/Alert.css.ts.vanilla-Cxssq7Y_.css

@@ -0,0 +1,6 @@
+@layer optiaxiom.rok3ul;
+@layer optiaxiom.rok3ul {
+  .chdqw8 {
+    min-height: var(--ax-size-sm);
+  }
+}

package/dist/esm/assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-G76Mu-0Q.css

@@ -0,0 +1,27 @@
+@layer optiaxiom.rok3ul;
+@layer optiaxiom.rok3ul {
+  ._1ehv3gu {
+    opacity: 0;
+  }
+  ._8gtfhn {
+    inset: 0;
+    position: fixed;
+  }
+  ._1bv6nb5 {
+    max-height: 50dvh;
+    max-width: calc(100dvw - 2 * 24px);
+    transform: 
+      translateY(calc(1rem * var(--_1ekft9z)))
+      scale(calc(1 - 0.06 * var(--_1ekft9z)))
+    ;
+  }
+  .fupcqz {
+    width: 400px;
+  }
+  .ff7sv6 {
+    width: 600px;
+  }
+  ._3sid00 {
+    width: 800px;
+  }
+}

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

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

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

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

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

@@ -0,0 +1,45 @@
+@layer optiaxiom.rok3ul;
+@layer optiaxiom.rok3ul {
+  .p3j3wf {
+    user-select: none;
+  }
+  ._19iba2l .p3j3wf {
+    border: 1px solid var(--ax-colors-bg-default);
+  }
+  .jonyqm {
+    font-size: 8px;
+  }
+  ._19iba2l .jonyqm:not(:first-child) {
+    margin-left: -1px;
+  }
+  .t53zef {
+    font-size: var(--ax-fontSize-xs-fontSize);
+  }
+  ._19iba2l .t53zef:not(:first-child) {
+    margin-left: -3px;
+  }
+  .zdz90c {
+    font-size: var(--ax-fontSize-xs-fontSize);
+  }
+  ._19iba2l .zdz90c:not(:first-child) {
+    margin-left: -5px;
+  }
+  ._1hv0o6b {
+    font-size: var(--ax-fontSize-md-fontSize);
+  }
+  ._19iba2l ._1hv0o6b:not(:first-child) {
+    margin-left: -7px;
+  }
+  ._1r4y6k5 {
+    font-size: var(--ax-fontSize-xl-fontSize);
+  }
+  ._19iba2l ._1r4y6k5:not(:first-child) {
+    margin-left: -11px;
+  }
+  .vhfba3 {
+    font-size: var(--ax-fontSize-4xl-fontSize);
+  }
+  ._19iba2l .vhfba3:not(:first-child) {
+    margin-left: -13px;
+  }
+}

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

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

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

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

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

@@ -0,0 +1,46 @@
+@layer optiaxiom.rok3ul;
+@layer optiaxiom.rok3ul {
+  .rdtfp8 {
+    --qlw7c: var(--ax-colors-fg-white);
+  }
+  ._7u0hd3 {
+    --oajd21: var(--ax-colors-bg-error);
+    --e48gh2: var(--ax-colors-bg-error-subtle);
+    --_1ezytps: var(--ax-colors-fg-error-strong);
+  }
+  ._154h0ue {
+    --oajd21: var(--ax-colors-bg-information);
+    --e48gh2: var(--ax-colors-bg-information-subtle);
+    --_1ezytps: var(--ax-colors-fg-information-strong);
+  }
+  .g5prys {
+    --oajd21: var(--ax-colors-bg-tertiary);
+    --qlw7c: var(--ax-colors-fg-default);
+    --e48gh2: var(--ax-colors-bg-secondary);
+    --_1ezytps: var(--ax-colors-fg-secondary);
+  }
+  .kz35fb {
+    --oajd21: var(--ax-colors-bg-accent);
+    --e48gh2: var(--ax-colors-bg-accent-subtle);
+    --_1ezytps: var(--ax-colors-fg-accent-strong);
+  }
+  .k700nv {
+    --oajd21: var(--ax-colors-bg-success);
+    --e48gh2: var(--ax-colors-bg-success-subtle);
+    --_1ezytps: var(--ax-colors-fg-success-strong);
+  }
+  .y7arqd {
+    --oajd21: var(--ax-colors-bg-warning);
+    --qlw7c: var(--ax-colors-fg-warning-inverse);
+    --e48gh2: var(--ax-colors-bg-warning-subtle);
+    --_1ezytps: var(--ax-colors-fg-warning-strong);
+  }
+  ._18t6khf {
+    background-color: var(--oajd21);
+    color: var(--qlw7c);
+  }
+  ._9not93 {
+    background-color: var(--e48gh2);
+    color: var(--_1ezytps);
+  }
+}

package/dist/esm/assets/src/banner/Banner.css.ts.vanilla-BKX7zOyj.css

@@ -0,0 +1,6 @@
+@layer optiaxiom.rok3ul;
+@layer optiaxiom.rok3ul {
+  ._1x6jde3 {
+    min-height: var(--ax-size-sm);
+  }
+}

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

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

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

@@ -0,0 +1,8 @@
+@layer optiaxiom.rok3ul;
+@layer optiaxiom.rok3ul {
+  ._1y6xek6: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-DH5ulu82.css

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

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

@@ -0,0 +1,147 @@
+@layer optiaxiom.rok3ul;
+@layer optiaxiom.rok3ul {
+  ._3e0gdv {
+    border-radius: var(--ax-borderRadius-md);
+    padding-inline: var(--pk8t7x);
+    position: relative;
+    text-decoration: none;
+    user-select: none;
+  }
+  ._3e0gdv: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;
+  }
+  ._7u44nf[data-orientation="horizontal"] > ._3e0gdv:not(:first-child):not(:last-child),._7u44nf[data-orientation="horizontal"] > :not(:first-child):not(:last-child) ._3e0gdv {
+    border-inline-width: 0.5px;
+  }
+  ._7u44nf[data-orientation="horizontal"] > ._3e0gdv:not(:only-child):first-child,._7u44nf[data-orientation="horizontal"] > :not(:only-child):first-child ._3e0gdv {
+    border-bottom-right-radius: 0;
+    border-right-width: 0.5px;
+    border-top-right-radius: 0;
+  }
+  ._7u44nf[data-orientation="horizontal"] > ._3e0gdv:not(:only-child):last-child,._7u44nf[data-orientation="horizontal"] > :not(:only-child):last-child ._3e0gdv {
+    border-bottom-left-radius: 0;
+    border-left-width: 0.5px;
+    border-top-left-radius: 0;
+  }
+  ._7u44nf[data-orientation="vertical"] > ._3e0gdv:not(:first-child):not(:last-child),._7u44nf[data-orientation="vertical"] > :not(:first-child):not(:last-child) ._3e0gdv {
+    border-block-width: 0.5px;
+  }
+  ._7u44nf[data-orientation="vertical"] > ._3e0gdv:not(:only-child):first-child,._7u44nf[data-orientation="vertical"] > :not(:only-child):first-child ._3e0gdv {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border-bottom-width: 0.5px;
+  }
+  ._7u44nf[data-orientation="vertical"] > ._3e0gdv:not(:only-child):last-child,._7u44nf[data-orientation="vertical"] > :not(:only-child):last-child ._3e0gdv {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    border-top-width: 0.5px;
+  }
+  ._7u44nf[data-orientation] > ._3e0gdv:not(:first-child):not(:last-child),._7u44nf[data-orientation] > :not(:first-child):not(:last-child) ._3e0gdv {
+    border-radius: 0;
+  }
+  .r9i7q9 {
+    --_5xrzg0: var(--ax-colors-bg-error);
+    --kzdad6: var(--ax-colors-bg-error-hovered);
+    --_155xjn: var(--ax-colors-bg-error-pressed);
+    --_1xvtw2t: var(--ax-colors-bg-error-subtlest);
+    --_1ts58pz: var(--ax-colors-bg-error-subtle);
+  }
+  ._18qrfbf {
+    --_5xrzg0: var(--ax-colors-bg-default-inverse);
+    --kzdad6: var(--ax-colors-bg-default-inverse-hovered);
+    --_155xjn: var(--ax-colors-bg-default-inverse-pressed);
+    --_1suaadw: var(--ax-colors-fg-default-inverse);
+    --_1xvtw2t: var(--ax-colors-bg-page);
+    --_1carkhu: var(--ax-colors-border-default);
+    --_1ap916e: var(--ax-colors-border-default);
+    --_1ts58pz: var(--ax-colors-bg-secondary);
+    --_13aykc0: var(--ax-colors-fg-default);
+    --_3w4dzf: var(--ax-colors-bg-default-hovered);
+    --_19ef8sn: var(--ax-colors-bg-default-pressed);
+  }
+  ._38trn {
+    --_5xrzg0: var(--ax-colors-bg-accent);
+    --kzdad6: var(--ax-colors-bg-accent-hovered);
+    --_155xjn: var(--ax-colors-bg-accent-pressed);
+    --_1xvtw2t: var(--ax-colors-bg-accent-subtle);
+    --_1ts58pz: var(--ax-colors-bg-accent-light);
+  }
+  ._1rq1a0d {
+    min-width: fit-content;
+  }
+  ._8fhhtt {
+    background-color: var(--ax-colors-bg-default);
+    border: 1px solid var(--_1ap916e, var(--_5xrzg0));
+    color: var(--_13aykc0, var(--_5xrzg0));
+    padding-inline: calc(var(--pk8t7x) - 1px);
+  }
+  ._8fhhtt:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+    background-color: var(--_1ts58pz);
+    border-color: var(--_1carkhu, var(--kzdad6));
+  }
+  ._8fhhtt: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);
+  }
+  ._8fhhtt[data-disabled]:not([data-loading]) {
+    border-color: var(--ax-colors-border-disabled);
+    color: var(--ax-colors-fg-disabled);
+  }
+  ._12cnbfj {
+    background-color: var(--_5xrzg0);
+    color: var(--_1suaadw, var(--ax-colors-fg-white));
+  }
+  ._12cnbfj:active:not([data-disabled], [data-loading]) {
+    background-color: var(--_155xjn);
+  }
+  ._12cnbfj[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(--pk8t7x) - 1px);
+  }
+  ._185ktbl {
+    background-color: transparent;
+    border-color: var(--_5xrzg0);
+    color: var(--_13aykc0, var(--_5xrzg0));
+  }
+  ._185ktbl:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+    background-color: var(--_19ef8sn, var(--_1ts58pz));
+  }
+  ._185ktbl:is([data-state="active"], [data-state="on"]) {
+    background-color: var(--ax-colors-bg-accent-subtle);
+    color: var(--ax-colors-fg-accent);
+  }
+  ._185ktbl[data-disabled]:not([data-loading]) {
+    color: var(--ax-colors-fg-disabled);
+  }
+  ._10r4k6r {
+    --pk8t7x: 4px;
+  }
+  .a67vhy {
+    --pk8t7x: 8px;
+  }
+  .rnj6u0 {
+    --pk8t7x: 12px;
+  }
+  .lpkeg9 {
+    left: 0;
+    position: absolute;
+    right: 0;
+  }
+  @media (hover: hover) {
+    ._8fhhtt:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+      background-color: var(--_1xvtw2t);
+      border-color: var(--_1carkhu, var(--kzdad6));
+    }
+    ._12cnbfj:hover:not(:active, [data-disabled], [data-loading]) {
+      background-color: var(--kzdad6);
+    }
+    ._185ktbl:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
+      background-color: var(--_3w4dzf, var(--_1xvtw2t));
+    }
+  }
+}

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

@@ -0,0 +1,9 @@
+@layer optiaxiom.rok3ul;
+@layer optiaxiom.rok3ul {
+  ._5f1004 {
+    opacity: 1;
+  }
+  ._1xdkp9e[data-loading] ._5f1004 {
+    opacity: 0;
+  }
+}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,11 @@
+@layer optiaxiom.rok3ul;
+@layer optiaxiom.rok3ul {
+  .arn8e5 {
+    --_11fnpau: var(--ax-borderRadius-lg);
+    border-radius: var(--ax-borderRadius-lg);
+    position: relative;
+  }
+  .arn8e5:has(.fa2lq8[data-overlay]:not([data-disabled]):active) {
+    transform: scale(0.97);
+  }
+}

package/dist/esm/assets/src/card-actions/CardActions.css.ts.vanilla-qXNctE3P.css

@@ -0,0 +1,22 @@
+@layer optiaxiom.rok3ul;
+@layer optiaxiom.rok3ul {
+  .sm35cl {
+    opacity: 0;
+    transition: opacity 150ms ease 250ms;
+  }
+  ._4cvjus .sm35cl {
+    inset: 0;
+    padding: 16px;
+    position: absolute;
+  }
+  .p8zfdk:focus-within .sm35cl, .sm35cl:has(:checked, [data-state=open]) {
+    opacity: 1;
+    transition: none;
+  }
+  @media (hover: hover) {
+    .p8zfdk:hover .sm35cl {
+      opacity: 1;
+      transition: none;
+    }
+  }
+}

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

@@ -0,0 +1,12 @@
+@layer optiaxiom.rok3ul;
+@layer optiaxiom.rok3ul {
+  .rsiwei {
+    object-fit: cover;
+  }
+  ._1cz08d6 {
+    aspect-ratio: 1;
+  }
+  .n5ss70 {
+    aspect-ratio: 2;
+  }
+}

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

@@ -0,0 +1,16 @@
+@layer optiaxiom.rok3ul;
+@layer optiaxiom.rok3ul {
+  ._16v3tvv {
+    position: relative;
+  }
+  ._1nxvpkj {
+    border-bottom-left-radius: inherit;
+    border-top-left-radius: inherit;
+    margin: -16px 0 -16px -16px;
+  }
+  ._1npol7k {
+    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-C3pr7zVr.css

@@ -0,0 +1,22 @@
+@layer optiaxiom.rok3ul;
+@layer optiaxiom.rok3ul {
+  .u9txtw {
+    clip-path: inset(100% 0 0 0);
+    transition-delay: 125ms;
+  }
+  ._1y76pao:has(._1ns4y0i:checked) .u9txtw {
+    clip-path: inset(0 0 0 0);
+  }
+  ._1u6xc13 {
+    background-color: var(--ax-colors-bg-default);
+    border-color: var(--_12342wz);
+    border-width: 1px;
+    place-content: center;
+    transition-duration: 150ms;
+    transition-property: border-width;
+    transition-timing-function: ease;
+  }
+  ._1y76pao:has(._1ns4y0i:checked) ._1u6xc13 {
+    border-width: 8px;
+  }
+}

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

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

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

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

package/dist/esm/assets/src/cover/Cover.css.ts.vanilla-B-I3ddwo.css

@@ -0,0 +1,22 @@
+@layer optiaxiom;
+@layer optiaxiom.rok3ul;
+@layer optiaxiom {
+  .ulsqec {
+    position: static;
+  }
+  .ulsqec:focus-visible {
+    outline: none;
+  }
+}
+@layer optiaxiom.rok3ul {
+  .lc91f6::after {
+    content: "";
+    border-radius: var(--_11fnpau, inherit);
+    inset: 0;
+    position: absolute;
+  }
+  .lc91f6:focus-visible::after {
+    outline: 2px auto var(--ax-colors-border-focus);
+    outline-offset: 1px;
+  }
+}