@optiaxiom/react 0.1.0-next.4 → 0.1.0-next.6

package/dist/animate-presence/AnimatePresence.js

@@ -0,0 +1,36 @@
+import { jsx } from 'react/jsx-runtime';
+import { useState, useRef, useCallback, useEffect } from 'react';
+import { PresenceContext } from './PresenceContext.js';
+
+const AnimatePresence = ({
+  children
+}) => {
+  const [exiting, setExiting] = useState(
+    /* @__PURE__ */ new Map()
+  );
+  const lastChildren = useRef(children);
+  if (children) {
+    lastChildren.current = children;
+  }
+  const isPresent = !!children;
+  const onExitComplete = useCallback((id) => {
+    setExiting((state) => {
+      state.delete(id);
+      return new Map(state.entries());
+    });
+  }, []);
+  const register = useCallback((id) => {
+    setExiting((state) => {
+      state.set(id, true);
+      return new Map(state.entries());
+    });
+  }, []);
+  useEffect(() => {
+    if (!isPresent && [...exiting.values()].some(Boolean)) {
+      lastChildren.current = false;
+    }
+  }, [exiting, isPresent]);
+  return /* @__PURE__ */ jsx(PresenceContext.Provider, { value: { isPresent, onExitComplete, register }, children: children || ([...exiting.values()].some(Boolean) ? lastChildren.current : null) });
+};
+
+export { AnimatePresence };

package/dist/animate-presence/PresenceContext.js

@@ -0,0 +1,11 @@
+import { createContext } from 'react';
+
+const PresenceContext = createContext({
+  isPresent: true,
+  onExitComplete: (_id) => {
+  },
+  register: (_id) => {
+  }
+});
+
+export { PresenceContext };

package/dist/animate-presence/usePresence.js

@@ -0,0 +1,13 @@
+import { useContext, useRef, useEffect } from 'react';
+import { PresenceContext } from './PresenceContext.js';
+
+const usePresence = () => {
+  const { isPresent, onExitComplete, register } = useContext(PresenceContext);
+  const id = useRef();
+  useEffect(() => {
+    return register(id);
+  }, [id, register]);
+  return !isPresent ? [false, () => onExitComplete(id)] : [true];
+};
+
+export { usePresence };

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

@@ -0,0 +1,6 @@
+@layer optiaxiom._1kfj4ga1;
+@layer optiaxiom._1kfj4ga1 {
+  .t64xwp0 {
+    user-select: none;
+  }
+}

package/dist/assets/src/button/{Button.css.ts.vanilla-VaFYcYGO.css → Button.css.ts.vanilla-CAppQRyC.css}

@@ -1,19 +1,10 @@
 @layer optiaxiom._1kfj4ga1;
 @layer optiaxiom._1kfj4ga1 {
   ._1gqmi2d3 {
-    align-items: center;
-    border: 0;
     border-radius: var(--ax-borderRadius-sm);
     cursor: pointer;
-    display: inline-flex;
-    flex-direction: row;
-    gap: var(--ax-spacing-xs);
-    justify-content: center;
-    overflow: hidden;
     position: relative;
-    transition-duration: 150ms;
-    transition-property: background-color, border-color, color;
-    transition-timing-function: ease;
+    text-decoration: none;
   }
   ._1gqmi2d3:active:not([data-disabled="true"]) {
     box-shadow: var(--ax-boxShadow-inner);
@@ -51,59 +42,41 @@
     outline-color: var(--ax-colors-neutral-500);
   }
   ._1gqmi2d7 {
-    font-size: var(--ax-fontSize-sm-fontSize);
-    height: 24px;
-    line-height: var(--ax-fontSize-sm-lineHeight);
-    padding-inline: 10px;
-  }
-  ._1gqmi2d8 {
-    font-size: var(--ax-fontSize-md-fontSize);
-    height: 32px;
-    line-height: var(--ax-fontSize-md-lineHeight);
-    padding-inline: 12px;
-  }
-  ._1gqmi2d9 {
-    font-size: var(--ax-fontSize-lg-fontSize);
-    height: 40px;
-    line-height: var(--ax-fontSize-lg-lineHeight);
-    padding-inline: 16px;
-  }
-  ._1gqmi2da {
     background-color: transparent;
     color: var(--_1gqmi2d0);
   }
-  ._1gqmi2da:hover:not([data-disabled="true"]) {
+  ._1gqmi2d7:hover:not([data-disabled="true"]) {
     background-color: var(--_1gqmi2d2);
   }
-  ._1gqmi2da[data-disabled="true"] {
+  ._1gqmi2d7[data-disabled="true"] {
     background-color: var(--ax-colors-bg-disabled);
     color: var(--ax-colors-fg-disabled);
   }
-  ._1gqmi2db {
+  ._1gqmi2d8 {
     background-color: transparent;
     border: 1px solid var(--_1gqmi2d0);
     color: var(--_1gqmi2d0);
   }
-  ._1gqmi2db:hover:not([data-disabled="true"]) {
+  ._1gqmi2d8:hover:not([data-disabled="true"]) {
     background-color: var(--_1gqmi2d2);
   }
-  ._1gqmi2db[data-disabled="true"] {
+  ._1gqmi2d8[data-disabled="true"] {
     border-color: var(--ax-colors-border-disabled);
     color: var(--ax-colors-fg-disabled);
   }
-  ._1gqmi2dc {
+  ._1gqmi2d9 {
     background-color: var(--_1gqmi2d0);
     color: var(--ax-colors-fg-default-inverse);
   }
-  ._1gqmi2dc:hover:not([data-disabled="true"]) {
+  ._1gqmi2d9:hover:not([data-disabled="true"]) {
     background-color: var(--_1gqmi2d1);
   }
-  ._1gqmi2dc[data-disabled="true"] {
+  ._1gqmi2d9[data-disabled="true"] {
     background-color: var(--ax-colors-bg-disabled);
     border: 1px solid var(--ax-colors-border-disabled);
     color: var(--ax-colors-fg-disabled);
   }
-  ._1gqmi2dd {
+  ._1gqmi2da {
     border-color: var(--ax-colors-border-default);
   }
 }

package/dist/assets/src/button-group/ButtonGroup.css.ts.vanilla-xsXT6MRu.css

@@ -0,0 +1,28 @@
+@layer optiaxiom._1kfj4ga1;
+@layer optiaxiom._1kfj4ga1 {
+  ._1sewcgl0:not(:first-child):not(:last-child) {
+    border-radius: 0;
+  }
+  ._1sewcgl1:first-child {
+    border-bottom-right-radius: 0;
+    border-top-right-radius: 0;
+  }
+  ._1sewcgl1:last-child {
+    border-bottom-left-radius: 0;
+    border-top-left-radius: 0;
+  }
+  ._1sewcgl2:first-child {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+  ._1sewcgl2:last-child {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+  }
+  ._1sewcgl3:not(:first-child) {
+    border-left: none;
+  }
+  ._1sewcgl4:not(:first-child) {
+    border-top: none;
+  }
+}

package/dist/assets/src/input/Input.css.ts.vanilla-X0R-SsOp.css

@@ -0,0 +1,32 @@
+@layer optiaxiom._1kfj4ga1;
+@layer optiaxiom._1kfj4ga1 {
+  ._5j10wf0 {
+    border-color: var(--ax-colors-border-default);
+  }
+  ._5j10wf0:focus-within:is([data-invalid="true"]) {
+    outline-color: var(--ax-colors-red-200);
+    outline-offset: 1px;
+    outline-style: solid;
+    outline-width: 2px;
+  }
+  ._5j10wf0:focus-within:not([data-invalid="true"]) {
+    outline-color: var(--ax-colors-brand-200);
+    outline-offset: 1px;
+    outline-style: solid;
+    outline-width: 2px;
+  }
+  ._5j10wf0:hover {
+    border-color: var(--ax-colors-border-brand);
+  }
+  ._5j10wf0[data-disabled="true"] {
+    background-color: var(--ax-colors-bg-disabled);
+    border-color: var(--ax-colors-border-secondary);
+    pointer-events: none;
+  }
+  ._5j10wf0[data-invalid="true"] {
+    border-color: var(--ax-colors-border-error);
+  }
+  ._5j10wf1:focus-visible {
+    outline-width: 0px;
+  }
+}

package/dist/assets/src/separator/{Separator.css.ts.vanilla-DYzKo87M.css → Separator.css.ts.vanilla-C_EYtori.css}

@@ -1,46 +1,40 @@
-@layer optiaxiom._1kfj4ga1;
-.tlk8154 {
+.tlk8153 {
   height: 1px;
   width: auto;
 }
-.tlk8158 {
+.tlk8157 {
   align-self: stretch;
   height: auto;
   width: 1px;
 }
-@layer optiaxiom._1kfj4ga1 {
-  .tlk8150 {
-    background-color: var(--ax-colors-border-default);
-  }
-}
 @media screen and (min-width: 37.5rem) {
-  .tlk8151 {
+  .tlk8150 {
     height: 1px;
     width: auto;
   }
-  .tlk8155 {
+  .tlk8154 {
     align-self: stretch;
     height: auto;
     width: 1px;
   }
 }
 @media screen and (min-width: 56.25rem) {
-  .tlk8152 {
+  .tlk8151 {
     height: 1px;
     width: auto;
   }
-  .tlk8156 {
+  .tlk8155 {
     align-self: stretch;
     height: auto;
     width: 1px;
   }
 }
 @media screen and (min-width: 75rem) {
-  .tlk8153 {
+  .tlk8152 {
     height: 1px;
     width: auto;
   }
-  .tlk8157 {
+  .tlk8156 {
     align-self: stretch;
     height: auto;
     width: 1px;