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

package/dist/accordion/Accordion.js

@@ -0,0 +1,29 @@
+import { jsx } from 'react/jsx-runtime';
+import * as RadixAccordion from '@radix-ui/react-accordion';
+import { forwardRef } from 'react';
+import { AccordionContextProvider } from '../accordion-context/AccordionContext.js';
+import { Box } from '../box/Box.js';
+import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
+import '../sprinkles/sprinkles-css.js';
+
+const Accordion = forwardRef(
+  ({ appearance = "primary", type, ...props }, ref) => {
+    const { restProps, sprinkleProps } = extractSprinkles(props);
+    return /* @__PURE__ */ jsx(AccordionContextProvider, { appearance, children: /* @__PURE__ */ jsx(Box, { asChild: true, ref, ...sprinkleProps, children: type === "single" ? /* @__PURE__ */ jsx(
+      RadixAccordion.Root,
+      {
+        type: "single",
+        ...restProps
+      }
+    ) : /* @__PURE__ */ jsx(
+      RadixAccordion.Root,
+      {
+        type: "multiple",
+        ...restProps
+      }
+    ) }) });
+  }
+);
+Accordion.displayName = "@optiaxiom/react/Accordion";
+
+export { Accordion };

package/dist/accordion-content/AccordionContent-css.js

@@ -0,0 +1,7 @@
+import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
+import './../assets/src/accordion-content/AccordionContent.css.ts.vanilla-CSw56YSK.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var content = recipeRuntime({base:[{overflow:'hidden'},'x5w72m2']});
+
+export { content };

package/dist/accordion-content/AccordionContent.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import * as RadixAccordion from '@radix-ui/react-accordion';
+import { forwardRef } from 'react';
+import { Box } from '../box/Box.js';
+import { content } from './AccordionContent-css.js';
+
+const AccordionContent = forwardRef(({ children, className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(Box, { asChild: true, ref, ...content({}, className), ...props, children: /* @__PURE__ */ jsx(RadixAccordion.Content, { children: /* @__PURE__ */ jsx(Box, { color: "fg.default", fontSize: "md", p: "xs", pt: "0", children }) }) });
+});
+AccordionContent.displayName = "@optiaxiom/react/AccordionContent";
+
+export { AccordionContent };

package/dist/accordion-context/AccordionContext.js

@@ -0,0 +1,5 @@
+import { createContext } from '@radix-ui/react-context';
+
+const [AccordionContextProvider, useAccordionContext] = createContext("Accordion");
+
+export { AccordionContextProvider, useAccordionContext };

package/dist/accordion-item/AccordionItem.js

@@ -0,0 +1,16 @@
+import { jsx } from 'react/jsx-runtime';
+import * as RadixAccordion from '@radix-ui/react-accordion';
+import { forwardRef } from 'react';
+import { Box } from '../box/Box.js';
+import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
+import '../sprinkles/sprinkles-css.js';
+
+const AccordionItem = forwardRef(
+  ({ children, value, ...props }, ref) => {
+    const { restProps, sprinkleProps } = extractSprinkles(props);
+    return /* @__PURE__ */ jsx(Box, { asChild: true, ref, ...sprinkleProps, children: /* @__PURE__ */ jsx(RadixAccordion.Item, { value, ...restProps, children }) });
+  }
+);
+AccordionItem.displayName = "@optiaxiom/react/AccordionItem";
+
+export { AccordionItem };

package/dist/accordion-trigger/AccordionTrigger-css.js

@@ -0,0 +1,9 @@
+import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
+import './../assets/src/styles/theme.css.ts.vanilla-EbjT5N3_.css';
+import './../assets/src/accordion-trigger/AccordionTrigger.css.ts.vanilla-DWIMlWE2.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var icon = recipeRuntime({base:[{transition:'transform'}],variants:{appearance:{primary:'_1qeyc361',secondary:'_1qeyc362'}}});
+var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'xs',p:'xs',pl:'4',rounded:'md',textAlign:'start',w:'full'},'_1qeyc360']});
+
+export { icon, trigger };

package/dist/accordion-trigger/AccordionTrigger.js

@@ -0,0 +1,26 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as RadixAccordion from '@radix-ui/react-accordion';
+import { forwardRef } from 'react';
+import { useAccordionContext } from '../accordion-context/AccordionContext.js';
+import { Box } from '../box/Box.js';
+import { Flex } from '../flex/Flex.js';
+import { IconAngleDown } from '../icons/IconAngleDown.js';
+import { IconAngleRight } from '../icons/IconAngleRight.js';
+import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
+import '../sprinkles/sprinkles-css.js';
+import { trigger, icon } from './AccordionTrigger-css.js';
+
+const AccordionTrigger = forwardRef(({ children, endDecorator, startDecorator, ...props }, ref) => {
+  const { appearance } = useAccordionContext("AccordionTrigger");
+  const { restProps, sprinkleProps } = extractSprinkles(props);
+  const startIcon = startDecorator || appearance === "primary" && !endDecorator && /* @__PURE__ */ jsx(IconAngleRight, {});
+  const endIcon = endDecorator || appearance === "secondary" && /* @__PURE__ */ jsx(IconAngleDown, {});
+  return /* @__PURE__ */ jsx(Flex, { asChild: true, ...trigger(), ...sprinkleProps, children: /* @__PURE__ */ jsxs(RadixAccordion.Trigger, { ref, ...restProps, children: [
+    startIcon && /* @__PURE__ */ jsx(Box, { asChild: true, ...icon({ appearance: "primary" }), children: startIcon }),
+    /* @__PURE__ */ jsx(Box, { flex: "1", children }),
+    endIcon && /* @__PURE__ */ jsx(Box, { asChild: true, ...icon({ appearance: "secondary" }), children: endIcon })
+  ] }) });
+});
+AccordionTrigger.displayName = "@optiaxiom/react/AccordionTrigger";
+
+export { AccordionTrigger };

package/dist/alert/Alert-css.js

@@ -0,0 +1,9 @@
+import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
+import './../assets/src/styles/theme.css.ts.vanilla-EbjT5N3_.css';
+import './../assets/src/alert/Alert.css.ts.vanilla-SoeL3DzR.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var alert = recipeRuntime({base:[{alignItems:'start',flexDirection:'row',fontSize:'md',gap:'xs',justifyContent:'space-between',p:'md'}],variants:{colorScheme:{danger:'_1kt2tup3',neutral:'_1kt2tup4',success:'_1kt2tup5',warning:'_1kt2tup6'},variant:{light:[{rounded:'md'},'_1kt2tup7'],solid:'_1kt2tup8'}}});
+var icon = recipeRuntime({base:[{h:'16',mt:'4',w:'auto'}],variants:{colorScheme:{danger:'_1kt2tup9',neutral:'_1kt2tupa',success:'_1kt2tupb',warning:'_1kt2tupc'},variant:{light:'_1kt2tupd',solid:'_1kt2tupe'}}});
+
+export { alert, icon };

package/dist/alert/Alert.js

@@ -0,0 +1,56 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef, createElement } from 'react';
+import { Box } from '../box/Box.js';
+import { Button } from '../button/Button.js';
+import { Flex } from '../flex/Flex.js';
+import { IconCircleCheckFilled } from '../icons/IconCircleCheckFilled.js';
+import { IconCircleExclamationFilled } from '../icons/IconCircleExclamationFilled.js';
+import { IconCircleInfoFilled } from '../icons/IconCircleInfoFilled.js';
+import { IconTriangleExclamationFilled } from '../icons/IconTriangleExclamationFilled.js';
+import { IconX } from '../icons/IconX.js';
+import { alert, icon } from './Alert-css.js';
+
+const iconMap = {
+  danger: IconCircleExclamationFilled,
+  neutral: IconCircleInfoFilled,
+  success: IconCircleCheckFilled,
+  warning: IconTriangleExclamationFilled
+};
+const Alert = forwardRef(
+  ({
+    children,
+    className,
+    colorScheme = "neutral",
+    onClose,
+    variant = "light",
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      Flex,
+      {
+        ref,
+        ...alert({ colorScheme, variant }, className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(Box, { asChild: true, ...icon({ colorScheme, variant }), children: createElement(iconMap[colorScheme]) }),
+          /* @__PURE__ */ jsx(Flex, { flex: "1", gap: "xs", mt: "2", children }),
+          !!onClose && /* @__PURE__ */ jsx(
+            Button,
+            {
+              appearance: "secondary",
+              "aria-label": "close",
+              color: "fg.default",
+              flex: "none",
+              icon: /* @__PURE__ */ jsx(IconX, {}),
+              onClick: onClose,
+              size: "sm"
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Alert.displayName = "@optiaxiom/react/Alert";
+
+export { Alert };

package/dist/alert-description/AlertDescription.js

@@ -0,0 +1,10 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Flex } from '../flex/Flex.js';
+
+const AlertDescription = forwardRef(({ children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(Flex, { gap: "xs", ref, ...props, children });
+});
+AlertDescription.displayName = "@optiaxiom/react/AlertDescription";
+
+export { AlertDescription };

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

@@ -1,12 +1,11 @@
 import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
-import './../assets/src/styles/theme.css.ts.vanilla-Eou6ov6w.css';
+import './../assets/src/styles/theme.css.ts.vanilla-EbjT5N3_.css';
 import './../assets/src/alert-dialog/AlertDialog.css.ts.vanilla-WdIe6m3g.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{rounded:'lg',shadow:'md',z:'popover'},'ot5vc20'],variants:{size:{sm:'ot5vc21',md:'ot5vc22',lg:'ot5vc23'}}});
+var content = recipeRuntime({base:[{bg:'surface',rounded:'lg',shadow:'md',z:'popover'},'ot5vc20'],variants:{size:{sm:'ot5vc21',md:'ot5vc22',lg:'ot5vc23'}}});
 var description = recipeRuntime({base:[{fontSize:'md',overflow:'auto',px:'24',py:'16'},'ot5vc26']});
 var footer = recipeRuntime({base:[{flexDirection:'row',gap:'md',justifyContent:'end',px:'24',py:'20'},'ot5vc25']});
 var overlay = recipeRuntime({base:[{bg:'overlay',z:'popover'},'ot5vc24']});
-var title = recipeRuntime({base:[{fontSize:'2xl',fontWeight:'600',pb:'16',pt:'24',px:'24'}]});
 
-export { content, description, footer, overlay, title };
+export { content, description, footer, overlay };

package/dist/alert-dialog/AlertDialog.js

@@ -6,9 +6,9 @@ import '../animate-presence/PresenceContext.js';
 import { Box } from '../box/Box.js';
 import { Button } from '../button/Button.js';
 import { Flex } from '../flex/Flex.js';
-import { Paper } from '../paper/Paper.js';
+import { Heading } from '../heading/Heading.js';
 import { Transition } from '../transition/Transition.js';
-import { overlay, content, title, description, footer } from './AlertDialog-css.js';
+import { overlay, content, description, footer } from './AlertDialog-css.js';
 
 const AlertDialog = forwardRef(
   ({
@@ -20,13 +20,24 @@ const AlertDialog = forwardRef(
     onCancel,
     open,
     size = "sm",
-    title: title$1,
+    title,
     ...props
   }, ref) => {
     return /* @__PURE__ */ jsx(RadixAlertDialog.Root, { open, children: /* @__PURE__ */ jsx(AnimatePresence, { children: open && /* @__PURE__ */ jsxs(RadixAlertDialog.Portal, { forceMount: true, children: [
       /* @__PURE__ */ jsx(Transition, { children: /* @__PURE__ */ jsx(Box, { asChild: true, ...overlay(), children: /* @__PURE__ */ jsx(RadixAlertDialog.Overlay, {}) }) }),
-      /* @__PURE__ */ jsx(Transition, { "data-side": "bottom", type: "fade", children: /* @__PURE__ */ jsx(Paper, { asChild: true, ...content({ size }), children: /* @__PURE__ */ jsxs(RadixAlertDialog.Content, { ref, ...props, children: [
-        /* @__PURE__ */ jsx(Box, { asChild: true, ...title(), children: /* @__PURE__ */ jsx(RadixAlertDialog.Title, { children: title$1 }) }),
+      /* @__PURE__ */ jsx(Transition, { "data-side": "bottom", type: "fade", children: /* @__PURE__ */ jsx(Box, { asChild: true, ...content({ size }), children: /* @__PURE__ */ jsxs(RadixAlertDialog.Content, { ref, ...props, children: [
+        /* @__PURE__ */ jsx(
+          Heading,
+          {
+            asChild: true,
+            fontWeight: "500",
+            level: "3",
+            pb: "16",
+            pt: "24",
+            px: "24",
+            children: /* @__PURE__ */ jsx(RadixAlertDialog.Title, { children: title })
+          }
+        ),
         /* @__PURE__ */ jsx(Box, { asChild: true, ...description(), children: /* @__PURE__ */ jsx(RadixAlertDialog.Description, { children }) }),
         /* @__PURE__ */ jsxs(Flex, { ...footer(), children: [
           /* @__PURE__ */ jsx(RadixAlertDialog.Cancel, { asChild: true, children: /* @__PURE__ */ jsx(Button, { appearance: "secondary", onClick: onCancel, children: cancel }) }),

package/dist/alert-title/AlertTitle.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Box } from '../box/Box.js';
+
+const AlertTitle = forwardRef(
+  ({ children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(Box, { fontWeight: "600", ref, ...props, children });
+  }
+);
+AlertTitle.displayName = "@optiaxiom/react/AlertTitle";
+
+export { AlertTitle };

package/dist/assets/src/accordion-content/AccordionContent.css.ts.vanilla-CSw56YSK.css

@@ -0,0 +1,25 @@
+@keyframes x5w72m0 {
+  from {
+    height: 0;
+  }
+  to {
+    height: var(--radix-accordion-content-height);
+  }
+}
+@keyframes x5w72m1 {
+  from {
+    height: var(--radix-accordion-content-height);
+  }
+  to {
+    height: 0;
+  }
+}
+@layer optiaxiom._1kfj4ga1;
+@layer optiaxiom._1kfj4ga1 {
+  .x5w72m2[data-state="closed"] {
+    animation: x5w72m1 300ms ease-out;
+  }
+  .x5w72m2[data-state="open"] {
+    animation: x5w72m0 300ms ease-out;
+  }
+}

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/Alert.css.ts.vanilla-SoeL3DzR.css

@@ -0,0 +1,43 @@
+@layer optiaxiom._1kfj4ga1;
+@layer optiaxiom._1kfj4ga1 {
+  ._1kt2tup3 {
+    --_1kt2tup1: var(--ax-colors-red-100);
+    --_1kt2tup0: var(--ax-colors-red-200);
+  }
+  ._1kt2tup4 {
+    --_1kt2tup1: var(--ax-colors-bg-neutral);
+    --_1kt2tup0: var(--ax-colors-bg-neutral-solid);
+  }
+  ._1kt2tup5 {
+    --_1kt2tup1: var(--ax-colors-green-100);
+    --_1kt2tup0: var(--ax-colors-green-200);
+  }
+  ._1kt2tup6 {
+    --_1kt2tup1: var(--ax-colors-yellow-100);
+    --_1kt2tup0: var(--ax-colors-yellow-200);
+  }
+  ._1kt2tup7 {
+    background-color: var(--_1kt2tup1);
+  }
+  ._1kt2tup8 {
+    background-color: var(--_1kt2tup0);
+  }
+  ._1kt2tup9 {
+    --_1kt2tup2: var(--ax-colors-bg-error-solid-hover);
+  }
+  ._1kt2tupa {
+    --_1kt2tup2: var(--ax-colors-fg-tertiary);
+  }
+  ._1kt2tupb {
+    --_1kt2tup2: var(--ax-colors-bg-success-solid-hover);
+  }
+  ._1kt2tupc {
+    --_1kt2tup2: var(--ax-colors-bg-warning-solid-hover);
+  }
+  ._1kt2tupd {
+    color: var(--_1kt2tup2);
+  }
+  ._1kt2tupe {
+    color: var(--ax-colors-bg-neutral-inverse);
+  }
+}

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/badge/{Badge.css.ts.vanilla-DcRGjqhS.css → Badge.css.ts.vanilla-D5YRrHke.css}

@@ -44,8 +44,4 @@
     background-color: var(--diw4ub2);
     color: var(--diw4ub3);
   }
-  .diw4ubd {
-    background-color: var(--ax-colors-surface);
-    color: var(--diw4ub1);
-  }
 }

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

@@ -1,6 +1,7 @@
 @layer optiaxiom._1kfj4ga0;
 @layer optiaxiom._1kfj4ga0 {
   ._1jn0ep0 {
+    -webkit-font-smoothing: antialiased;
     border: 0 solid var(--ax-colors-border-default);
     box-sizing: border-box;
     font-family: var(--ax-fontFamily-sans);

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

@@ -1,7 +1,7 @@
 @layer optiaxiom._1kfj4ga1;
 @layer optiaxiom._1kfj4ga1 {
   ._1gqmi2d6 {
-    border-radius: var(--ax-borderRadius-sm);
+    border-radius: var(--ax-borderRadius-md);
     cursor: pointer;
     padding-inline: var(--_1gqmi2d5);
     position: relative;
@@ -53,9 +53,9 @@
     --_1gqmi2d3: var(--ax-colors-bg-error);
   }
   ._1gqmi2d8 {
-    --_1gqmi2d0: var(--ax-colors-bg-neutral-solid);
-    --_1gqmi2d1: var(--ax-colors-bg-neutral-solid-hover);
-    --_1gqmi2d2: var(--ax-colors-fg-default);
+    --_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);
   }
@@ -65,62 +65,68 @@
     --_1gqmi2d3: var(--ax-colors-bg-brand);
   }
   ._1gqmi2da {
+    min-width: fit-content;
+  }
+  ._1gqmi2db {
     background-color: transparent;
     border: 1px solid var(--_1gqmi2d0);
     color: var(--_1gqmi2d4, var(--_1gqmi2d0));
     padding-inline: calc(var(--_1gqmi2d5) - 1px);
   }
-  ._1gqmi2da:hover:not([data-disabled]) {
+  ._1gqmi2db:hover:not([data-disabled]) {
     background-color: var(--_1gqmi2d3);
   }
-  ._1gqmi2da[data-disabled] {
+  ._1gqmi2db[data-disabled] {
     border-color: var(--ax-colors-border-disabled);
     color: var(--ax-colors-fg-disabled);
   }
-  ._1gqmi2db {
+  ._1gqmi2dc {
     background-color: var(--_1gqmi2d0);
     color: var(--_1gqmi2d2, var(--ax-colors-fg-default-inverse));
   }
-  ._1gqmi2db:hover:not([data-disabled]) {
+  ._1gqmi2dc:hover:not([data-disabled]) {
     background-color: var(--_1gqmi2d1);
   }
-  ._1gqmi2db[data-disabled] {
+  ._1gqmi2dc[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);
   }
-  ._1gqmi2dc {
+  ._1gqmi2dd {
     background-color: transparent;
     border-color: var(--_1gqmi2d0);
     color: var(--_1gqmi2d4, var(--_1gqmi2d0));
   }
-  ._1gqmi2dc:hover:not([data-disabled]) {
+  ._1gqmi2dd:hover:not(:is([data-disabled], [data-state="active"])) {
     background-color: var(--_1gqmi2d3);
   }
-  ._1gqmi2dc[data-disabled] {
-    background-color: var(--ax-colors-bg-input-disabled);
+  ._1gqmi2dd[data-disabled] {
     color: var(--ax-colors-fg-disabled);
   }
-  ._1gqmi2dd {
-    border-color: var(--ax-colors-border-default);
+  ._1gqmi2dd[data-state="active"] {
+    background-color: var(--ax-colors-bg-brand);
+    color: var(--ax-colors-fg-link);
   }
   ._1gqmi2de {
-    --_1gqmi2d5: 2px;
+    border-color: var(--ax-colors-border-default);
   }
   ._1gqmi2df {
-    --_1gqmi2d5: 4px;
+    --_1gqmi2d5: 2px;
   }
   ._1gqmi2dg {
-    --_1gqmi2d5: 6px;
+    --_1gqmi2d5: 4px;
   }
   ._1gqmi2dh {
-    --_1gqmi2d5: 8px;
+    --_1gqmi2d5: 6px;
   }
   ._1gqmi2di {
-    --_1gqmi2d5: 10px;
+    --_1gqmi2d5: 8px;
   }
   ._1gqmi2dj {
+    --_1gqmi2d5: 10px;
+  }
+  ._1gqmi2dk {
     --_1gqmi2d5: 12px;
   }
 }

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/drawer/Drawer.css.ts.vanilla-Bn4YKWDR.css

@@ -0,0 +1,30 @@
+@layer optiaxiom._1kfj4ga1;
+@layer optiaxiom._1kfj4ga1 {
+  ._175kpqi0 {
+    position: fixed;
+  }
+  ._175kpqi1 {
+    bottom: 0;
+    left: 0;
+    right: 0;
+  }
+  ._175kpqi2 {
+    bottom: 0;
+    left: 0;
+    top: 0;
+  }
+  ._175kpqi3 {
+    bottom: 0;
+    right: 0;
+    top: 0;
+  }
+  ._175kpqi4 {
+    inset: 0;
+    position: fixed;
+  }
+  ._175kpqi5 {
+    position: absolute;
+    right: 10px;
+    top: 24px;
+  }
+}

package/dist/assets/src/hover-card-content/HoverCardContent.css.ts.vanilla-C10dKVXP.css

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

package/dist/assets/src/input-base/{InputBase.css.ts.vanilla-ktVP2iXx.css → InputBase.css.ts.vanilla-By5uGeYP.css}

@@ -5,19 +5,15 @@
     color: var(--ax-colors-fg-default);
   }
   ._4nrdl01:has(._4nrdl00:focus):is([data-invalid]) {
-    outline-color: var(--ax-colors-red-200);
+    outline: 2px solid var(--ax-colors-red-200);
     outline-offset: 1px;
-    outline-style: solid;
-    outline-width: 2px;
   }
   ._4nrdl01:has(._4nrdl00:focus):not([data-invalid]):not([data-readonly]) {
     border-color: var(--ax-colors-border-brand);
   }
   ._4nrdl01:has(._4nrdl00:focus):not([data-invalid]) {
-    outline-color: var(--ax-colors-brand-200);
+    outline: 2px solid var(--ax-colors-brand-300);
     outline-offset: 1px;
-    outline-style: solid;
-    outline-width: 2px;
   }
   ._4nrdl01:hover {
     border-color: var(--ax-colors-border-active);

package/dist/assets/src/kbd/{Kbd.css.ts.vanilla-d7Xg4vLz.css → Kbd.css.ts.vanilla-CBcapUTx.css}

@@ -1,7 +1,9 @@
 @layer optiaxiom._1kfj4ga1;
 @layer optiaxiom._1kfj4ga1 {
   .q5e32p0 {
-    font-size: 1.2em;
     text-decoration: none;
   }
+  .q5e32p1 {
+    font-size: 1.2em;
+  }
 }

package/dist/assets/src/{avatar/Avatar.css.ts.vanilla-CihLlW6Z.css → pagination/Pagination.css.ts.vanilla-CP7Jjsxf.css}

@@ -1,6 +1,6 @@
 @layer optiaxiom._1kfj4ga1;
 @layer optiaxiom._1kfj4ga1 {
-  .t64xwp0 {
-    user-select: none;
+  ._1w594c40 {
+    min-width: var(--ax-size-md);
   }
 }

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;
+  }
+}