@optiaxiom/react 3.1.1 → 3.1.3

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-B3Wjt_Yd.css

@@ -0,0 +1,22 @@
+@layer optiaxiom._16itvng;
+@layer optiaxiom._16itvng {
+  .ke2r51 {
+    transition: opacity var(--ax-duration-sm) ease;
+  }
+  ._1j8nzz5:not(:has(._1j8nzz5)):focus-within .ke2r51, .ke2r51:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
+    opacity: 1;
+    transition: none;
+  }
+  ._2fb8co {
+    opacity: 1;
+  }
+  ._15ia1w1 {
+    opacity: 0;
+  }
+  @media (hover: hover) {
+    ._1j8nzz5:not(:has(._1j8nzz5)):hover .ke2r51 {
+      opacity: 1;
+      transition: none;
+    }
+  }
+}

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

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

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

@@ -0,0 +1,30 @@
+@layer optiaxiom._16itvng;
+@layer optiaxiom._16itvng {
+  .b8kxxi {
+    opacity: 0;
+  }
+  ._1pr059r {
+    inset: 0;
+    position: fixed;
+  }
+  .zcm9rx {
+    max-height: 50dvh;
+    max-width: calc(100dvw - 2 * 24px);
+    transform: 
+      translateY(calc(1rem * var(--_1xkr8e)))
+      scale(calc(1 - 0.06 * var(--_1xkr8e)))
+    ;
+  }
+  .zcm9rx:focus-visible {
+    outline: none;
+  }
+  .nr8gjs {
+    width: 400px;
+  }
+  .zk69y0 {
+    width: 600px;
+  }
+  ._2kavze {
+    width: 800px;
+  }
+}

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

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

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

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

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

@@ -1,55 +1,55 @@
-@layer optiaxiom.frggve;
-@layer optiaxiom.frggve {
-  ._156iy8e {
+@layer optiaxiom._16itvng;
+@layer optiaxiom._16itvng {
+  ._1sjjzjz {
     -webkit-user-select: none;
             user-select: none;
   }
-  ._1ibot7i ._156iy8e {
+  ._1yx9izp ._1sjjzjz {
     border: 1px solid var(--ax-colors-bg-default);
   }
-  ._19lkkv3 {
+  .o6yr40 {
     font-size: 8px;
   }
-  ._1ibot7i ._19lkkv3:not(:first-child) {
+  ._1yx9izp .o6yr40:not(:first-child) {
     margin-left: -1px;
   }
-  ._2dvy81 {
+  ._1p5u5xj {
     font-size: var(--ax-fontSize-xs-fontSize);
   }
-  ._1ibot7i ._2dvy81:not(:first-child) {
+  ._1yx9izp ._1p5u5xj:not(:first-child) {
     margin-left: -3px;
   }
-  ._155foea {
+  ._1evn10a {
     font-size: var(--ax-fontSize-xs-fontSize);
   }
-  ._1ibot7i ._155foea:not(:first-child) {
+  ._1yx9izp ._1evn10a:not(:first-child) {
     margin-left: -5px;
   }
-  .dq5pst {
+  ._1ckn81s {
     font-size: var(--ax-fontSize-md-fontSize);
   }
-  ._1ibot7i .dq5pst:not(:first-child) {
+  ._1yx9izp ._1ckn81s:not(:first-child) {
     margin-left: -7px;
   }
-  ._1n3kqaw {
+  .umvpnq {
     font-size: var(--ax-fontSize-lg-fontSize);
   }
-  ._1ibot7i ._1n3kqaw:not(:first-child) {
+  ._1yx9izp .umvpnq:not(:first-child) {
     margin-left: -9px;
   }
-  ._17esp0b {
+  ._1ykgdlv {
     font-size: var(--ax-fontSize-xl-fontSize);
   }
-  ._1ibot7i ._17esp0b:not(:first-child) {
+  ._1yx9izp ._1ykgdlv:not(:first-child) {
     margin-left: -11px;
   }
-  .vmujxh {
+  .fixhrl {
     font-size: 32px;
   }
-  ._1ibot7i .vmujxh:not(:first-child) {
+  ._1yx9izp .fixhrl:not(:first-child) {
     margin-left: -13px;
   }
-  ._1u6ayfa {
+  ._1jyuuhg {
     padding: 1px;
   }
 }

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

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

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

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

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

@@ -0,0 +1,53 @@
+@layer optiaxiom._16itvng;
+@layer optiaxiom._16itvng {
+  ._10ntbg6 {
+    --uaq501: var(--ax-colors-fg-white);
+    -webkit-user-select: none;
+            user-select: none;
+  }
+  ._10ntbg6:not(:empty) {
+    min-width: var(--ax-size-xs);
+  }
+  ._162rdpa {
+    --_1tibh6n: var(--ax-colors-bg-error);
+    --_6v0o84: var(--ax-colors-bg-error-subtle);
+    --_9ynokg: var(--ax-colors-fg-error-strong);
+  }
+  .y0kvv7 {
+    --_1tibh6n: var(--ax-colors-bg-information);
+    --_6v0o84: var(--ax-colors-bg-information-subtle);
+    --_9ynokg: var(--ax-colors-fg-information-strong);
+  }
+  ._154dy10 {
+    --_1tibh6n: var(--ax-colors-bg-tertiary);
+    --uaq501: var(--ax-colors-fg-default);
+    --_6v0o84: var(--ax-colors-bg-secondary);
+    --_9ynokg: var(--ax-colors-fg-secondary);
+  }
+  .v5zj94 {
+    --_1tibh6n: var(--ax-colors-bg-default-inverse);
+    --uaq501: var(--ax-colors-fg-default-inverse);
+    --_6v0o84: var(--ax-colors-bg-default-inverse);
+    --_9ynokg: var(--ax-colors-fg-default-inverse);
+  }
+  .ptergt {
+    --_1tibh6n: var(--ax-colors-bg-success);
+    --uaq501: var(--ax-colors-fg-black);
+    --_6v0o84: var(--ax-colors-bg-success-subtle);
+    --_9ynokg: var(--ax-colors-fg-success-strong);
+  }
+  ._3bkqsn {
+    --_1tibh6n: var(--ax-colors-bg-warning);
+    --uaq501: var(--ax-colors-fg-warning-inverse);
+    --_6v0o84: var(--ax-colors-bg-warning-subtle);
+    --_9ynokg: var(--ax-colors-fg-warning-strong);
+  }
+  ._1a3w80w {
+    background-color: var(--_1tibh6n);
+    color: var(--uaq501);
+  }
+  ._19xsz0u {
+    background-color: var(--_6v0o84);
+    color: var(--_9ynokg);
+  }
+}

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

@@ -0,0 +1,6 @@
+@layer optiaxiom._16itvng;
+@layer optiaxiom._16itvng {
+  ._7fj6f {
+    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-Cu73urnw.css}

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

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

@@ -1,16 +1,16 @@
-@layer optiaxiom.frggve;
-@layer optiaxiom.frggve {
-  .u0azor {
+@layer optiaxiom._16itvng;
+@layer optiaxiom._16itvng {
+  ._120keqe {
     min-height: var(--ax-size-md);
   }
-  ._3diax5 {
+  ._9pqbye {
     color: var(--ax-colors-fg-tertiary);
   }
-  ._3diax5:visited {
+  ._9pqbye:visited {
     color: var(--ax-colors-fg-tertiary);
   }
   @media (hover: hover) {
-    ._3diax5:hover:not([data-disabled]) {
+    ._9pqbye: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-CRs3eSM_.css}

@@ -1,9 +1,9 @@
-@layer optiaxiom.frggve;
-@layer optiaxiom.frggve {
-  ._6atmck {
+@layer optiaxiom._16itvng;
+@layer optiaxiom._16itvng {
+  ._1fkauig {
     max-width: 160px;
   }
-  ._6atmck:not(:first-child)::before {
+  ._1fkauig: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-Cak-UwsY.css}

@@ -1,30 +1,30 @@
-@layer optiaxiom.frggve;
-@layer optiaxiom.frggve {
-  .zg8ft0 {
+@layer optiaxiom._16itvng;
+@layer optiaxiom._16itvng {
+  ._15ehvnv {
     height: var(--ax-size-sm);
     width: var(--ax-size-sm);
   }
-  .sf69d {
+  .gpnfbk {
     --ax-styles-iconSize: var(--ax-size-2xs);
   }
-  ._1x73uj {
+  .b8cuvs {
     --ax-styles-iconSize: var(--ax-size-xs);
   }
-  ._1shi91k {
+  .kgculd {
     --ax-styles-iconSize: var(--ax-size-xs);
   }
-  ._1ve2bua {
-    background-color: var(--ftc7ma);
-    color: var(--_1sckf5h);
+  .gcd69n {
+    background-color: var(--ev2bnp);
+    color: var(--_1eu1hgj);
     height: auto;
     padding: 4px;
     width: 28px;
   }
-  ._1ve2bua[data-disabled] {
+  .gcd69n[data-disabled] {
     background-color: var(--ax-colors-fg-disabled);
     color: var(--ax-colors-bg-secondary);
   }
-  ._1ve2bua[data-prefix] {
+  .gcd69n[data-prefix] {
     padding-block: 6px;
   }
 }

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

@@ -0,0 +1,9 @@
+@layer optiaxiom._16itvng;
+@layer optiaxiom._16itvng {
+  ._1n61rvq {
+    opacity: 1;
+  }
+  ._9htss0[data-loading] ._1n61rvq {
+    opacity: 0;
+  }
+}