@optiaxiom/react 3.1.1 → 3.1.2

package/dist/editor.d.ts

@@ -0,0 +1,67 @@
+import { Ka as Sprinkles, Ua as BoxProps } from "./index-BDX7ET90.js";
+
+//#region src/rich-text-editor/RichTextEditor.d.ts
+type RichTextEditorProps = BoxProps<"div", {
+  /**
+   * Initial uncontrolled HTML content.
+   */
+  defaultValue?: string;
+  /**
+   * Name of the form control element. Used by form-data integrations.
+   */
+  name?: string;
+  /**
+   * Called when the editor content changes. Receives the new HTML string.
+   */
+  onValueChange?: (value: string) => void;
+  /**
+   * Placeholder text shown when the editor is empty.
+   */
+  placeholder?: string;
+  /**
+   * Whether the editor is read-only.
+   */
+  readOnly?: boolean;
+  /**
+   * Controlled HTML content. Pair with `onValueChange`.
+   */
+  value?: string;
+}>;
+/**
+ * Rich text editor with a toolbar for basic formatting (bold, italic, lists, links).
+ *
+ * @category form
+ * @experimental
+ * @since 1.10.0
+ */
+declare const RichTextEditor: import("react").ForwardRefExoticComponent<{
+  /**
+   * Initial uncontrolled HTML content.
+   */
+  defaultValue?: string;
+  /**
+   * Name of the form control element. Used by form-data integrations.
+   */
+  name?: string;
+  /**
+   * Called when the editor content changes. Receives the new HTML string.
+   */
+  onValueChange?: (value: string) => void;
+  /**
+   * Placeholder text shown when the editor is empty.
+   */
+  placeholder?: string;
+  /**
+   * Whether the editor is read-only.
+   */
+  readOnly?: boolean;
+  /**
+   * Controlled HTML content. Pair with `onValueChange`.
+   */
+  value?: string;
+} & Omit<NonNullable<Sprinkles & {
+  asChild?: boolean;
+  className?: string;
+}>, never> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className" | "color" | "defaultValue"> & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+export { RichTextEditor, RichTextEditorProps };

package/dist/esm/assets/src/actions/ActionsContent.css.ts.vanilla-CzcHUxgm.css

@@ -0,0 +1,22 @@
+@layer optiaxiom._1dfr2ib;
+@layer optiaxiom._1dfr2ib {
+  .ma73jd {
+    transition: opacity var(--ax-duration-sm) ease;
+  }
+  .osmvop:not(:has(.osmvop)):focus-within .ma73jd, .ma73jd:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
+    opacity: 1;
+    transition: none;
+  }
+  ._1e73mbe {
+    opacity: 1;
+  }
+  ._15vos2j {
+    opacity: 0;
+  }
+  @media (hover: hover) {
+    .osmvop:not(:has(.osmvop)):hover .ma73jd {
+      opacity: 1;
+      transition: none;
+    }
+  }
+}

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

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

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

@@ -0,0 +1,30 @@
+@layer optiaxiom._1dfr2ib;
+@layer optiaxiom._1dfr2ib {
+  .kvhhi4 {
+    opacity: 0;
+  }
+  ._13snqj7 {
+    inset: 0;
+    position: fixed;
+  }
+  ._1wpsb62 {
+    max-height: 50dvh;
+    max-width: calc(100dvw - 2 * 24px);
+    transform: 
+      translateY(calc(1rem * var(--_1e47bgw)))
+      scale(calc(1 - 0.06 * var(--_1e47bgw)))
+    ;
+  }
+  ._1wpsb62:focus-visible {
+    outline: none;
+  }
+  ._13o2s2z {
+    width: 400px;
+  }
+  ._2w85sb {
+    width: 600px;
+  }
+  ._1ixj307 {
+    width: 800px;
+  }
+}

package/dist/{cjs/assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-B9rjgWpt.css → esm/assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-DwE8dK49.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom.frggve;
-@layer optiaxiom.frggve {
-  .syphvv {
+@layer optiaxiom._1dfr2ib;
+@layer optiaxiom._1dfr2ib {
+  ._171xd8i {
     border-top: 1px solid var(--ax-colors-border-secondary);
     bottom: 0;
     position: sticky;

package/dist/esm/assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-DdxigTe2.css

@@ -0,0 +1,7 @@
+@layer optiaxiom._1dfr2ib;
+@layer optiaxiom._1dfr2ib {
+  .pyxs7x {
+    position: sticky;
+    top: 0;
+  }
+}

package/dist/esm/assets/src/avatar/{Avatar.css.ts.vanilla-B9WrCShA.css → Avatar.css.ts.vanilla-WMV0huaF.css}

@@ -1,55 +1,55 @@
-@layer optiaxiom.frggve;
-@layer optiaxiom.frggve {
-  ._156iy8e {
+@layer optiaxiom._1dfr2ib;
+@layer optiaxiom._1dfr2ib {
+  ._1lh1aq3 {
     -webkit-user-select: none;
             user-select: none;
   }
-  ._1ibot7i ._156iy8e {
+  ._1iwp742 ._1lh1aq3 {
     border: 1px solid var(--ax-colors-bg-default);
   }
-  ._19lkkv3 {
+  ._3it49z {
     font-size: 8px;
   }
-  ._1ibot7i ._19lkkv3:not(:first-child) {
+  ._1iwp742 ._3it49z:not(:first-child) {
     margin-left: -1px;
   }
-  ._2dvy81 {
+  ._1y8783o {
     font-size: var(--ax-fontSize-xs-fontSize);
   }
-  ._1ibot7i ._2dvy81:not(:first-child) {
+  ._1iwp742 ._1y8783o:not(:first-child) {
     margin-left: -3px;
   }
-  ._155foea {
+  ._2wyvyk {
     font-size: var(--ax-fontSize-xs-fontSize);
   }
-  ._1ibot7i ._155foea:not(:first-child) {
+  ._1iwp742 ._2wyvyk:not(:first-child) {
     margin-left: -5px;
   }
-  .dq5pst {
+  ._1uhqxr8 {
     font-size: var(--ax-fontSize-md-fontSize);
   }
-  ._1ibot7i .dq5pst:not(:first-child) {
+  ._1iwp742 ._1uhqxr8:not(:first-child) {
     margin-left: -7px;
   }
-  ._1n3kqaw {
+  ._134rk2h {
     font-size: var(--ax-fontSize-lg-fontSize);
   }
-  ._1ibot7i ._1n3kqaw:not(:first-child) {
+  ._1iwp742 ._134rk2h:not(:first-child) {
     margin-left: -9px;
   }
-  ._17esp0b {
+  .jxlq4j {
     font-size: var(--ax-fontSize-xl-fontSize);
   }
-  ._1ibot7i ._17esp0b:not(:first-child) {
+  ._1iwp742 .jxlq4j:not(:first-child) {
     margin-left: -11px;
   }
-  .vmujxh {
+  ._1wm1lpg {
     font-size: 32px;
   }
-  ._1ibot7i .vmujxh:not(:first-child) {
+  ._1iwp742 ._1wm1lpg:not(:first-child) {
     margin-left: -13px;
   }
-  ._1u6ayfa {
+  ._7bhat1 {
     padding: 1px;
   }
 }

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

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

package/dist/{cjs/assets/src/backdrop/Backdrop.css.ts.vanilla-DtGp1Ma3.css → esm/assets/src/backdrop/Backdrop.css.ts.vanilla-CZ6rMsBn.css}

@@ -1,6 +1,6 @@
-@layer optiaxiom.frggve;
-@layer optiaxiom.frggve {
-  ._1nkc8hl {
+@layer optiaxiom._1dfr2ib;
+@layer optiaxiom._1dfr2ib {
+  .d67j4j {
     backdrop-filter: blur(4px);
     inset: 0;
     position: fixed;

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

@@ -0,0 +1,53 @@
+@layer optiaxiom._1dfr2ib;
+@layer optiaxiom._1dfr2ib {
+  ._1vpqdnj {
+    --_1j2is2h: var(--ax-colors-fg-white);
+    -webkit-user-select: none;
+            user-select: none;
+  }
+  ._1vpqdnj:not(:empty) {
+    min-width: var(--ax-size-xs);
+  }
+  ._1f5cqjb {
+    --_1aewl9g: var(--ax-colors-bg-error);
+    --iu3wz2: var(--ax-colors-bg-error-subtle);
+    --zvatf: var(--ax-colors-fg-error-strong);
+  }
+  ._1yiuikf {
+    --_1aewl9g: var(--ax-colors-bg-information);
+    --iu3wz2: var(--ax-colors-bg-information-subtle);
+    --zvatf: var(--ax-colors-fg-information-strong);
+  }
+  ._1hujlld {
+    --_1aewl9g: var(--ax-colors-bg-tertiary);
+    --_1j2is2h: var(--ax-colors-fg-default);
+    --iu3wz2: var(--ax-colors-bg-secondary);
+    --zvatf: var(--ax-colors-fg-secondary);
+  }
+  ._1e7a3n4 {
+    --_1aewl9g: var(--ax-colors-bg-default-inverse);
+    --_1j2is2h: var(--ax-colors-fg-default-inverse);
+    --iu3wz2: var(--ax-colors-bg-default-inverse);
+    --zvatf: var(--ax-colors-fg-default-inverse);
+  }
+  ._13w8mjq {
+    --_1aewl9g: var(--ax-colors-bg-success);
+    --_1j2is2h: var(--ax-colors-fg-black);
+    --iu3wz2: var(--ax-colors-bg-success-subtle);
+    --zvatf: var(--ax-colors-fg-success-strong);
+  }
+  ._16idbh7 {
+    --_1aewl9g: var(--ax-colors-bg-warning);
+    --_1j2is2h: var(--ax-colors-fg-warning-inverse);
+    --iu3wz2: var(--ax-colors-bg-warning-subtle);
+    --zvatf: var(--ax-colors-fg-warning-strong);
+  }
+  ._1v5x2nd {
+    background-color: var(--_1aewl9g);
+    color: var(--_1j2is2h);
+  }
+  ._8bn5qo {
+    background-color: var(--iu3wz2);
+    color: var(--zvatf);
+  }
+}

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

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

package/dist/{cjs/assets/src/box/Box.css.ts.vanilla-DztS1UJV.css → esm/assets/src/box/Box.css.ts.vanilla-BmrhXIr2.css}

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

package/dist/esm/assets/src/breadcrumb/{Breadcrumb.css.ts.vanilla-d4nfcnDQ.css → Breadcrumb.css.ts.vanilla-CTihoLpj.css}

@@ -1,16 +1,16 @@
-@layer optiaxiom.frggve;
-@layer optiaxiom.frggve {
-  .u0azor {
+@layer optiaxiom._1dfr2ib;
+@layer optiaxiom._1dfr2ib {
+  ._2ny4a1 {
     min-height: var(--ax-size-md);
   }
-  ._3diax5 {
+  .r0gj29 {
     color: var(--ax-colors-fg-tertiary);
   }
-  ._3diax5:visited {
+  .r0gj29:visited {
     color: var(--ax-colors-fg-tertiary);
   }
   @media (hover: hover) {
-    ._3diax5:hover:not([data-disabled]) {
+    .r0gj29:hover:not([data-disabled]) {
       color: var(--ax-colors-fg-secondary);
     }
   }

package/dist/esm/assets/src/breadcrumb/{BreadcrumbNode.css.ts.vanilla-1TWCBdu1.css → BreadcrumbNode.css.ts.vanilla-DaRFP8uq.css}

@@ -1,9 +1,9 @@
-@layer optiaxiom.frggve;
-@layer optiaxiom.frggve {
-  ._6atmck {
+@layer optiaxiom._1dfr2ib;
+@layer optiaxiom._1dfr2ib {
+  .ljr6fb {
     max-width: 160px;
   }
-  ._6atmck:not(:first-child)::before {
+  .ljr6fb:not(:first-child)::before {
     content: "/";
     color: var(--ax-colors-fg-tertiary);
     margin-right: 4px;

package/dist/esm/assets/src/button/{ButtonIcon.css.ts.vanilla-BoaWaLvx.css → ButtonIcon.css.ts.vanilla-KOI8-4u1.css}

@@ -1,30 +1,30 @@
-@layer optiaxiom.frggve;
-@layer optiaxiom.frggve {
-  .zg8ft0 {
+@layer optiaxiom._1dfr2ib;
+@layer optiaxiom._1dfr2ib {
+  ._16e91tr {
     height: var(--ax-size-sm);
     width: var(--ax-size-sm);
   }
-  .sf69d {
+  .q1c511 {
     --ax-styles-iconSize: var(--ax-size-2xs);
   }
-  ._1x73uj {
+  ._1qqxq12 {
     --ax-styles-iconSize: var(--ax-size-xs);
   }
-  ._1shi91k {
+  .dygw6z {
     --ax-styles-iconSize: var(--ax-size-xs);
   }
-  ._1ve2bua {
-    background-color: var(--ftc7ma);
-    color: var(--_1sckf5h);
+  ._3l3nor {
+    background-color: var(--nrsrnm);
+    color: var(--_10s35f0);
     height: auto;
     padding: 4px;
     width: 28px;
   }
-  ._1ve2bua[data-disabled] {
+  ._3l3nor[data-disabled] {
     background-color: var(--ax-colors-fg-disabled);
     color: var(--ax-colors-bg-secondary);
   }
-  ._1ve2bua[data-prefix] {
+  ._3l3nor[data-prefix] {
     padding-block: 6px;
   }
 }

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

@@ -0,0 +1,9 @@
+@layer optiaxiom._1dfr2ib;
+@layer optiaxiom._1dfr2ib {
+  .b3lz84 {
+    opacity: 1;
+  }
+  ._1evutw2[data-loading] .b3lz84 {
+    opacity: 0;
+  }
+}