@optiaxiom/react 0.1.0-next.12 → 0.1.0-next.14

package/dist/alert-dialog-description/AlertDialogDescription-css.js

@@ -0,0 +1,7 @@
+import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
+import './../assets/src/alert-dialog-description/AlertDialogDescription.css.ts.vanilla-B7BawTGq.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var body = recipeRuntime({base:[{fontSize:'md',overflow:'auto',px:'24',py:'16'},'_7i0wck0']});
+
+export { body };

package/dist/alert-dialog-description/AlertDialogDescription.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
+import { forwardRef } from 'react';
+import { Box } from '../box/Box.js';
+import { body } from './AlertDialogDescription-css.js';
+
+const AlertDialogDescription = forwardRef(({ children, className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(Box, { asChild: true, ...body({}, className), ref, ...props, children: /* @__PURE__ */ jsx(RadixAlertDialog.Description, { children }) });
+});
+AlertDialogDescription.displayName = "@optiaxiom/react/AlertDialogDescription";
+
+export { AlertDialogDescription };

package/dist/alert-dialog-footer/AlertDialogFooter-css.js

@@ -0,0 +1,8 @@
+import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
+import './../assets/src/styles/theme.css.ts.vanilla-D9K5B5ZA.css';
+import './../assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-3HiYmspb.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var footer = recipeRuntime({base:[{flexDirection:['column-reverse','row'],gap:'md',justifyContent:'end',px:'24',py:'20'},'i5jye80']});
+
+export { footer };

package/dist/alert-dialog-footer/AlertDialogFooter.js

@@ -0,0 +1,11 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Flex } from '../flex/Flex.js';
+import { footer } from './AlertDialogFooter-css.js';
+
+const AlertDialogFooter = forwardRef(({ children, className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(Flex, { ...footer({}, className), ref, ...props, children });
+});
+AlertDialogFooter.displayName = "@optiaxiom/react/AlertDialogFooter";
+
+export { AlertDialogFooter };

package/dist/alert-dialog-title/AlertDialogTitle.js

@@ -0,0 +1,24 @@
+import { jsx } from 'react/jsx-runtime';
+import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
+import { forwardRef } from 'react';
+import { Heading } from '../heading/Heading.js';
+
+const AlertDialogTitle = forwardRef(({ children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    Heading,
+    {
+      asChild: true,
+      fontWeight: "500",
+      level: "3",
+      pb: "16",
+      pt: "24",
+      px: "24",
+      ref,
+      ...props,
+      children: /* @__PURE__ */ jsx(RadixAlertDialog.Title, { children })
+    }
+  );
+});
+AlertDialogTitle.displayName = "@optiaxiom/react/AlertDialogTitle";
+
+export { AlertDialogTitle };

package/dist/assets/src/accordion-trigger/AccordionTrigger.css.ts.vanilla-DWIMlWE2.css

@@ -0,0 +1,16 @@
+@layer optiaxiom._1kfj4ga1;
+@layer optiaxiom._1kfj4ga1 {
+  ._1qeyc360:focus-visible {
+    outline: 2px solid var(--ax-colors-outline-brand);
+    outline-offset: 1px;
+  }
+  ._1qeyc360:hover {
+    color: var(--ax-colors-neutral-1000);
+  }
+  [data-state=open] > ._1qeyc361 {
+    transform: rotate(90deg);
+  }
+  [data-state=open] > ._1qeyc362 {
+    transform: rotate(180deg);
+  }
+}

package/dist/assets/src/alert-dialog/{AlertDialog.css.ts.vanilla-WdIe6m3g.css → AlertDialog.css.ts.vanilla-CpKGfNgS.css}

@@ -20,10 +20,4 @@
     inset: 0;
     position: fixed;
   }
-  .ot5vc25 {
-    border-top: 1px solid var(--ax-colors-border-secondary);
-  }
-  .ot5vc26 {
-    max-height: 50dvh;
-  }
 }

package/dist/assets/src/alert-dialog-description/AlertDialogDescription.css.ts.vanilla-B7BawTGq.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._1kfj4ga1;
+@layer optiaxiom._1kfj4ga1 {
+  ._7i0wck0 {
+    max-height: 50dvh;
+  }
+}

package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-3HiYmspb.css

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

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

@@ -0,0 +1,24 @@
+@layer optiaxiom._1kfj4ga1;
+@layer optiaxiom._1kfj4ga1 {
+  .t64xwp0 {
+    user-select: none;
+  }
+  ._11600940 .t64xwp0 {
+    border: 1px solid var(--ax-colors-white);
+  }
+  ._11600940 .t64xwp1:not(:first-child) {
+    margin-left: -3px;
+  }
+  ._11600940 .t64xwp2:not(:first-child) {
+    margin-left: -5px;
+  }
+  ._11600940 .t64xwp3:not(:first-child) {
+    margin-left: -7px;
+  }
+  ._11600940 .t64xwp4:not(:first-child) {
+    margin-left: -9px;
+  }
+  ._11600940 .t64xwp5:not(:first-child) {
+    margin-left: -13px;
+  }
+}

package/dist/assets/src/box/{Box.css.ts.vanilla-D1mbecuN.css → Box.css.ts.vanilla-DLsoitAb.css}

@@ -29,6 +29,11 @@
     font-feature-settings: normal;
     font-size: 1em;
   }
+  ._1jn0ep0:is(table) {
+    border-collapse: collapse;
+    border-color: inherit;
+    text-indent: 0;
+  }
   ._1jn0ep0:is(button, input, optgroup, select, textarea) {
     color: inherit;
     font-size: 100%;

package/dist/assets/src/button/{Button.css.ts.vanilla-BVWox07Y.css → Button.css.ts.vanilla-DeHH8Xkd.css}

@@ -1,6 +1,6 @@
 @layer optiaxiom._1kfj4ga1;
 @layer optiaxiom._1kfj4ga1 {
-  ._1gqmi2d6 {
+  ._1gqmi2d7 {
     border-radius: var(--ax-borderRadius-md);
     cursor: pointer;
     padding-inline: var(--_1gqmi2d5);
@@ -8,125 +8,134 @@
     text-decoration: none;
     user-select: none;
   }
-  ._1gqmi2d6:active:not([data-disabled]) {
+  ._1gqmi2d7:active:not([data-disabled], [data-loading]) {
     box-shadow: var(--ax-boxShadow-inner);
   }
-  ._1gqmi2d6:is(:focus-visible, :has(:focus-visible)):not([data-disabled]) {
+  ._1gqmi2d7:is(:focus-visible, :has(:focus-visible)):not([data-disabled], [data-loading]) {
     outline: 2px solid var(--ax-colors-outline-brand);
     outline-offset: 1px;
   }
-  ._1gqmi2d6[data-disabled] {
+  ._1gqmi2d7:is([data-disabled], [data-loading]) {
     cursor: not-allowed;
   }
-  ._1sewcgl0[data-orientation="horizontal"] ._1gqmi2d6:not(:first-child):not(:last-child) {
+  ._1sewcgl0[data-orientation="horizontal"] ._1gqmi2d7:not(:first-child):not(:last-child) {
     border-inline-width: 0.5px;
   }
-  ._1sewcgl0[data-orientation="horizontal"] ._1gqmi2d6:not(:only-child):first-child {
+  ._1sewcgl0[data-orientation="horizontal"] ._1gqmi2d7:not(:only-child):first-child {
     border-bottom-right-radius: 0;
     border-right-width: 0.5px;
     border-top-right-radius: 0;
   }
-  ._1sewcgl0[data-orientation="horizontal"] ._1gqmi2d6:not(:only-child):last-child {
+  ._1sewcgl0[data-orientation="horizontal"] ._1gqmi2d7:not(:only-child):last-child {
     border-bottom-left-radius: 0;
     border-left-width: 0.5px;
     border-top-left-radius: 0;
   }
-  ._1sewcgl0[data-orientation="vertical"] ._1gqmi2d6:not(:first-child):not(:last-child) {
+  ._1sewcgl0[data-orientation="vertical"] ._1gqmi2d7:not(:first-child):not(:last-child) {
     border-block-width: 0.5px;
   }
-  ._1sewcgl0[data-orientation="vertical"] ._1gqmi2d6:not(:only-child):first-child {
+  ._1sewcgl0[data-orientation="vertical"] ._1gqmi2d7:not(:only-child):first-child {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
     border-bottom-width: 0.5px;
   }
-  ._1sewcgl0[data-orientation="vertical"] ._1gqmi2d6:not(:only-child):last-child {
+  ._1sewcgl0[data-orientation="vertical"] ._1gqmi2d7:not(:only-child):last-child {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
     border-top-width: 0.5px;
   }
-  ._1sewcgl0[data-orientation] ._1gqmi2d6:not(:first-child):not(:last-child) {
+  ._1sewcgl0[data-orientation] ._1gqmi2d7:not(:first-child):not(:last-child) {
     border-radius: 0;
   }
-  ._1gqmi2d7 {
+  ._1gqmi2d8 {
     --_1gqmi2d0: var(--ax-colors-bg-error-solid);
     --_1gqmi2d1: var(--ax-colors-bg-error-solid-hover);
     --_1gqmi2d3: var(--ax-colors-bg-error);
   }
-  ._1gqmi2d8 {
+  ._1gqmi2d9 {
     --_1gqmi2d0: var(--ax-colors-bg-neutral-inverse);
     --_1gqmi2d1: var(--ax-colors-bg-neutral-inverse-hover);
     --_1gqmi2d2: var(--ax-colors-fg-default-inverse);
     --_1gqmi2d3: var(--ax-colors-bg-input-disabled);
     --_1gqmi2d4: var(--ax-colors-fg-default);
   }
-  ._1gqmi2d9 {
+  ._1gqmi2da {
     --_1gqmi2d0: var(--ax-colors-bg-brand-solid);
     --_1gqmi2d1: var(--ax-colors-bg-brand-solid-hover);
     --_1gqmi2d3: var(--ax-colors-bg-brand);
   }
-  ._1gqmi2da {
+  ._1gqmi2db {
     min-width: fit-content;
   }
-  ._1gqmi2db {
+  ._1gqmi2dc {
     background-color: transparent;
     border: 1px solid var(--_1gqmi2d0);
     color: var(--_1gqmi2d4, var(--_1gqmi2d0));
     padding-inline: calc(var(--_1gqmi2d5) - 1px);
   }
-  ._1gqmi2db:hover:not([data-disabled]) {
+  ._1gqmi2dc:hover:not([data-disabled], [data-loading]) {
     background-color: var(--_1gqmi2d3);
   }
-  ._1gqmi2db[data-disabled] {
+  ._1gqmi2dc[data-disabled] {
     border-color: var(--ax-colors-border-disabled);
     color: var(--ax-colors-fg-disabled);
   }
-  ._1gqmi2dc {
+  ._1gqmi2dd {
     background-color: var(--_1gqmi2d0);
     color: var(--_1gqmi2d2, var(--ax-colors-fg-default-inverse));
   }
-  ._1gqmi2dc:hover:not([data-disabled]) {
+  ._1gqmi2dd:hover:not([data-disabled], [data-loading]) {
     background-color: var(--_1gqmi2d1);
   }
-  ._1gqmi2dc[data-disabled] {
+  ._1gqmi2dd[data-disabled] {
     background-color: var(--ax-colors-bg-input-disabled);
     border: 1px solid var(--ax-colors-border-disabled);
     color: var(--ax-colors-fg-disabled);
     padding-inline: calc(var(--_1gqmi2d5) - 1px);
   }
-  ._1gqmi2dd {
+  ._1gqmi2de {
     background-color: transparent;
     border-color: var(--_1gqmi2d0);
     color: var(--_1gqmi2d4, var(--_1gqmi2d0));
   }
-  ._1gqmi2dd:hover:not(:is([data-disabled], [data-state="active"])) {
+  ._1gqmi2de:hover:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
     background-color: var(--_1gqmi2d3);
   }
-  ._1gqmi2dd[data-disabled] {
-    color: var(--ax-colors-fg-disabled);
-  }
-  ._1gqmi2dd[data-state="active"] {
+  ._1gqmi2de:is([data-state="active"], [data-state="on"]) {
     background-color: var(--ax-colors-bg-brand);
     color: var(--ax-colors-fg-link);
   }
-  ._1gqmi2de {
-    border-color: var(--ax-colors-border-default);
+  ._1gqmi2de[data-disabled] {
+    color: var(--ax-colors-fg-disabled);
   }
   ._1gqmi2df {
-    --_1gqmi2d5: 2px;
+    border-color: var(--ax-colors-border-default);
   }
   ._1gqmi2dg {
-    --_1gqmi2d5: 4px;
+    --_1gqmi2d5: 2px;
   }
   ._1gqmi2dh {
-    --_1gqmi2d5: 6px;
+    --_1gqmi2d5: 4px;
   }
   ._1gqmi2di {
-    --_1gqmi2d5: 8px;
+    --_1gqmi2d5: 6px;
   }
   ._1gqmi2dj {
-    --_1gqmi2d5: 10px;
+    --_1gqmi2d5: 8px;
   }
   ._1gqmi2dk {
+    --_1gqmi2d5: 10px;
+  }
+  ._1gqmi2dl {
     --_1gqmi2d5: 12px;
   }
+  ._1gqmi2dm {
+    opacity: 1;
+  }
+  ._1gqmi2d6[data-loading] ._1gqmi2dm {
+    opacity: 0;
+  }
+  ._1gqmi2dn {
+    position: absolute;
+  }
 }

package/dist/assets/src/command-item/CommandItem.css.ts.vanilla-ml8xjFWy.css

@@ -0,0 +1,17 @@
+@layer optiaxiom._1kfj4ga1;
+@layer optiaxiom._1kfj4ga1 {
+  .xxa7fd0 {
+    cursor: default;
+    outline: none;
+    position: relative;
+    user-select: none;
+  }
+  .xxa7fd0[data-disabled='true'] {
+    color: var(--ax-colors-fg-disabled);
+  }
+  .xxa7fd0[data-selected='true'] {
+    background-color: var(--ax-colors-bg-input-disabled);
+    color: var(--ax-colors-fg-default);
+    cursor: pointer;
+  }
+}

package/dist/assets/src/command-list/CommandList.css.ts.vanilla-1Rf8xvwM.css

@@ -0,0 +1,9 @@
+@layer optiaxiom._1kfj4ga1;
+@layer optiaxiom._1kfj4ga1 {
+  ._1ykehzm0 {
+    overflow: auto;
+    overscroll-behavior: contain;
+    transition: 100ms ease;
+    transition-property: height;
+  }
+}

package/dist/assets/src/pill/Pill.css.ts.vanilla-CMi1obNV.css

@@ -0,0 +1,12 @@
+@layer optiaxiom._1kfj4ga1;
+@layer optiaxiom._1kfj4ga1 {
+  ._176xwa50 {
+    min-width: auto;
+    position: relative;
+    user-select: none;
+  }
+  ._176xwa50:focus-visible {
+    outline: 2px solid var(--ax-colors-gray-300);
+    outline-offset: 1px;
+  }
+}