@optiaxiom/react 0.1.0-next.10 → 0.1.0-next.11

package/dist/alert-dialog/AlertDialog-css.js

@@ -1,5 +1,5 @@
 import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
-import './../assets/src/styles/theme.css.ts.vanilla-BEZUTZ8R.css';
+import './../assets/src/styles/theme.css.ts.vanilla-Eou6ov6w.css';
 import './../assets/src/alert-dialog/AlertDialog.css.ts.vanilla-WdIe6m3g.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 

package/dist/assets/src/popover-content/PopoverContent.css.ts.vanilla-RHzagv6W.css

@@ -0,0 +1,7 @@
+@layer optiaxiom._1kfj4ga1;
+@layer optiaxiom._1kfj4ga1 {
+  ._1nk03ow0 {
+    min-width: var(--radix-popover-trigger-width);
+    position: relative;
+  }
+}

package/dist/assets/src/styles/{theme.css.ts.vanilla-BEZUTZ8R.css → theme.css.ts.vanilla-Eou6ov6w.css}

@@ -183,7 +183,7 @@
   --ax-fontSize-xs-fontSize: 0.625rem;
   --ax-fontSize-xs-lineHeight: 0.875rem;
   --ax-fontSize-sm-fontSize: 0.75rem;
-  --ax-fontSize-sm-lineHeight: 1.125rem;
+  --ax-fontSize-sm-lineHeight: 1rem;
   --ax-fontSize-md-fontSize: 0.875rem;
   --ax-fontSize-md-lineHeight: 1.25rem;
   --ax-fontSize-lg-fontSize: 1rem;
@@ -518,7 +518,7 @@
   --ax-fontSize-xs-fontSize: 0.625rem;
   --ax-fontSize-xs-lineHeight: 0.875rem;
   --ax-fontSize-sm-fontSize: 0.75rem;
-  --ax-fontSize-sm-lineHeight: 1.125rem;
+  --ax-fontSize-sm-lineHeight: 1rem;
   --ax-fontSize-md-fontSize: 0.875rem;
   --ax-fontSize-md-lineHeight: 1.25rem;
   --ax-fontSize-lg-fontSize: 1rem;

package/dist/assets/src/toast/{Toast.css.ts.vanilla-DTfgNTMt.css → Toast.css.ts.vanilla-DPyqeeIY.css}

@@ -56,10 +56,10 @@
     --_1egjidm1: 0 calc(-100% - 24px);
   }
   [data-position^="bottom"] ._1egjidm5:first-child {
-    margin-top: auto;
+    margin-bottom: auto;
   }
   [data-position^="top"] ._1egjidm5:last-child {
-    margin-bottom: auto;
+    margin-top: auto;
   }
   ._1egjidm6 {
     --_1egjidm0: var(--ax-colors-border-brand);

package/dist/badge/Badge-css.js

@@ -1,5 +1,5 @@
 import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
-import './../assets/src/styles/theme.css.ts.vanilla-BEZUTZ8R.css';
+import './../assets/src/styles/theme.css.ts.vanilla-Eou6ov6w.css';
 import './../assets/src/badge/Badge.css.ts.vanilla-DcRGjqhS.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 

package/dist/box/Box-css.js

@@ -1,5 +1,5 @@
 import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
-import './../assets/src/styles/theme.css.ts.vanilla-BEZUTZ8R.css';
+import './../assets/src/styles/theme.css.ts.vanilla-Eou6ov6w.css';
 import './../assets/src/box/Box.css.ts.vanilla-Be3pFtBa.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 

package/dist/button/Button-css.js

@@ -1,5 +1,5 @@
 import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
-import './../assets/src/styles/theme.css.ts.vanilla-BEZUTZ8R.css';
+import './../assets/src/styles/theme.css.ts.vanilla-Eou6ov6w.css';
 import './../assets/src/button-group/ButtonGroup.css.ts.vanilla-4BGjgIuZ.css';
 import './../assets/src/button/Button.css.ts.vanilla--8P13svI.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';

package/dist/checkbox/Checkbox-css.js

@@ -1,5 +1,5 @@
 import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
-import './../assets/src/styles/theme.css.ts.vanilla-BEZUTZ8R.css';
+import './../assets/src/styles/theme.css.ts.vanilla-Eou6ov6w.css';
 import './../assets/src/control-base/ControlBase.css.ts.vanilla-DGX7Yb9J.css';
 import './../assets/src/checkbox/Checkbox.css.ts.vanilla-w5cdPwHc.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';

package/dist/chip/Chip-css.js

@@ -1,5 +1,5 @@
 import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
-import './../assets/src/styles/theme.css.ts.vanilla-BEZUTZ8R.css';
+import './../assets/src/styles/theme.css.ts.vanilla-Eou6ov6w.css';
 import './../assets/src/chip/Chip.css.ts.vanilla-SD4SsrSx.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 

package/dist/control-base/ControlBase-css.js

@@ -1,5 +1,5 @@
 import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
-import './../assets/src/styles/theme.css.ts.vanilla-BEZUTZ8R.css';
+import './../assets/src/styles/theme.css.ts.vanilla-Eou6ov6w.css';
 import './../assets/src/control-base/ControlBase.css.ts.vanilla-DGX7Yb9J.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 

package/dist/dialog-body/DialogBody.js

@@ -4,8 +4,8 @@ import { Box } from '../box/Box.js';
 import { body } from './DialogBody-css.js';
 
 const DialogBody = forwardRef(
-  ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(Box, { ref, ...body(), ...props, children });
+  ({ children, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(Box, { ref, ...body({}, className), ...props, children });
   }
 );
 DialogBody.displayName = "@optiaxiom/react/DialogBody";

package/dist/dialog-footer/DialogFooter.js

@@ -4,8 +4,8 @@ import { Flex } from '../flex/Flex.js';
 import { footer } from './DialogFooter-css.js';
 
 const DialogFooter = forwardRef(
-  ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(Flex, { ref, ...footer(), ...props, children });
+  ({ children, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(Flex, { ref, ...footer({}, className), ...props, children });
   }
 );
 DialogFooter.displayName = "@optiaxiom/react/DialogFooter";

package/dist/field/Field.js

@@ -1,8 +1,8 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import * as RadixLabel from '@radix-ui/react-label';
-import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
 import { useId } from '@reach/auto-id';
 import { forwardRef } from 'react';
+import { Button } from '../button/Button.js';
 import { FieldContext } from '../field-context/FieldContext.js';
 import { Flex } from '../flex/Flex.js';
 import { IconCircleQuestion } from '../icons/IconCircleQuestion.js';
@@ -21,7 +21,7 @@ const Field = forwardRef(
     ...props
   }, ref) => {
     const id = useId(idProp);
-    return /* @__PURE__ */ jsxs(Flex, { flexDirection: "column", gap: "4", maxW: "sm", ref, ...props, children: [
+    return /* @__PURE__ */ jsxs(Flex, { flexDirection: "column", gap: "4", ref, ...props, children: [
       label && /* @__PURE__ */ jsxs(Flex, { flexDirection: "row", gap: "4", children: [
         /* @__PURE__ */ jsx(
           Text,
@@ -47,10 +47,17 @@ const Field = forwardRef(
             ] })
           }
         ),
-        info && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Tooltip, { content: info, children: /* @__PURE__ */ jsx(IconCircleQuestion, { "aria-details": `info${id}` }) }),
-          /* @__PURE__ */ jsx(VisuallyHidden, { id: `info${id}`, children: info })
-        ] })
+        info && /* @__PURE__ */ jsx(Tooltip, { content: info, keepOpenOnActivation: true, children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            "aria-label": "Information tooltip",
+            border: "0",
+            h: "12",
+            icon: /* @__PURE__ */ jsx(IconCircleQuestion, {}),
+            p: "0",
+            w: "12"
+          }
+        ) })
       ] }),
       /* @__PURE__ */ jsx(
         FieldContext.Provider,