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

package/dist/assets/src/avatar/{Avatar.css.ts.vanilla-MNJrIGpK.css → Avatar.css.ts.vanilla-DdarHYxU.css}

@@ -1,5 +1,5 @@
-@layer optiaxiom;
-@layer optiaxiom {
+@layer optiaxiom._1kfj4ga1;
+@layer optiaxiom._1kfj4ga1 {
   .t64xwph {
     align-items: center;
     border-radius: 100%;

package/dist/assets/src/box/{Box.css.ts.vanilla-CfxlZUmV.css → Box.css.ts.vanilla-DMx7YI4c.css}

@@ -3,9 +3,8 @@
   ._1jn0ep0 {
     border: 0 solid var(--ax-colors-border-default);
     box-sizing: border-box;
-    font: inherit;
+    font-family: var(--ax-fontFamily-sans);
     font-feature-settings: "cv02", "cv03", "cv04", "cv11";
-    font-size: 100%;
     margin: 0;
     padding: 0;
   }
@@ -14,6 +13,10 @@
     color: inherit;
     height: 0;
   }
+  ._1jn0ep0:is(h1, h2, h3, h4, h5, h6) {
+    font-size: inherit;
+    font-weight: inherit;
+  }
   ._1jn0ep0:is(b, strong) {
     font-weight: bolder;
   }
@@ -24,6 +27,7 @@
   }
   ._1jn0ep0:is(button, input, optgroup, select, textarea) {
     color: inherit;
+    font-size: 100%;
     letter-spacing: inherit;
   }
   ._1jn0ep0:is(button, input:where([type=button], [type=reset], [type=submit])) {

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

@@ -1,5 +1,5 @@
-@layer optiaxiom;
-@layer optiaxiom {
+@layer optiaxiom._1kfj4ga1;
+@layer optiaxiom._1kfj4ga1 {
   ._1gqmi2d3 {
     align-items: center;
     border: 0;
@@ -15,7 +15,7 @@
     transition-property: background-color, border-color, color;
     transition-timing-function: ease;
   }
-  ._1gqmi2d3:active:not([aria-disabled="true"]) {
+  ._1gqmi2d3:active:not([data-disabled="true"]) {
     box-shadow: var(--ax-boxShadow-inner);
   }
   ._1gqmi2d3:focus-visible {
@@ -23,7 +23,7 @@
     outline-style: solid;
     outline-width: 1px;
   }
-  ._1gqmi2d3[aria-disabled="true"] {
+  ._1gqmi2d3[data-disabled="true"] {
     cursor: not-allowed;
   }
   ._1gqmi2d4 {
@@ -72,10 +72,10 @@
     background-color: transparent;
     color: var(--_1gqmi2d0);
   }
-  ._1gqmi2da:hover:not([aria-disabled="true"]) {
+  ._1gqmi2da:hover:not([data-disabled="true"]) {
     background-color: var(--_1gqmi2d2);
   }
-  ._1gqmi2da[aria-disabled="true"] {
+  ._1gqmi2da[data-disabled="true"] {
     background-color: var(--ax-colors-bg-disabled);
     color: var(--ax-colors-fg-disabled);
   }
@@ -84,10 +84,10 @@
     border: 1px solid var(--_1gqmi2d0);
     color: var(--_1gqmi2d0);
   }
-  ._1gqmi2db:hover:not([aria-disabled="true"]) {
+  ._1gqmi2db:hover:not([data-disabled="true"]) {
     background-color: var(--_1gqmi2d2);
   }
-  ._1gqmi2db[aria-disabled="true"] {
+  ._1gqmi2db[data-disabled="true"] {
     border-color: var(--ax-colors-border-disabled);
     color: var(--ax-colors-fg-disabled);
   }
@@ -95,10 +95,10 @@
     background-color: var(--_1gqmi2d0);
     color: var(--ax-colors-fg-default-inverse);
   }
-  ._1gqmi2dc:hover:not([aria-disabled="true"]) {
+  ._1gqmi2dc:hover:not([data-disabled="true"]) {
     background-color: var(--_1gqmi2d1);
   }
-  ._1gqmi2dc[aria-disabled="true"] {
+  ._1gqmi2dc[data-disabled="true"] {
     background-color: var(--ax-colors-bg-disabled);
     border: 1px solid var(--ax-colors-border-disabled);
     color: var(--ax-colors-fg-disabled);

package/dist/assets/src/code/{Code.css.ts.vanilla-t_JwiRJQ.css → Code.css.ts.vanilla-Dz07Qp9h.css}

@@ -1,5 +1,5 @@
-@layer optiaxiom;
-@layer optiaxiom {
+@layer optiaxiom._1kfj4ga1;
+@layer optiaxiom._1kfj4ga1 {
   .go7emt0 {
     -webkit-font-smoothing: auto;
     font-size: 0.875em;

package/dist/assets/src/input/{Input.css.ts.vanilla-Cy16hmhP.css → Input.css.ts.vanilla-CICpzaz6.css}

@@ -1,5 +1,5 @@
-@layer optiaxiom;
-@layer optiaxiom {
+@layer optiaxiom._1kfj4ga1;
+@layer optiaxiom._1kfj4ga1 {
   ._5j10wf0 {
     align-items: center;
     border: 1px;
@@ -9,7 +9,6 @@
     color: var(--ax-colors-fg-default);
     display: flex;
     flex-direction: row;
-    font-family: var(--ax-fontFamily-sans);
   }
   ._5j10wf0:focus-within:is([data-invalid="true"]) {
     outline-color: var(--ax-colors-red-200);
@@ -55,7 +54,6 @@
   }
   ._5j10wf6 {
     background: var(--ax-colors-transparent);
-    font-family: var(--ax-fontFamily-sans);
     width: 100%;
   }
   ._5j10wf6:focus-visible {

package/dist/assets/src/kbd/{Kbd.css.ts.vanilla-mPpDwFYg.css → Kbd.css.ts.vanilla-DB-l95Nr.css}

@@ -1,5 +1,5 @@
-@layer optiaxiom;
-@layer optiaxiom {
+@layer optiaxiom._1kfj4ga1;
+@layer optiaxiom._1kfj4ga1 {
   .q5e32p0 {
     border-bottom-width: 2px;
   }

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

@@ -1,4 +1,4 @@
-@layer optiaxiom;
+@layer optiaxiom._1kfj4ga1;
 .tlk8154 {
   height: 1px;
   width: auto;
@@ -8,7 +8,7 @@
   height: auto;
   width: 1px;
 }
-@layer optiaxiom {
+@layer optiaxiom._1kfj4ga1 {
   .tlk8150 {
     background-color: var(--ax-colors-border-default);
   }

package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-Cl5oEbvn.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._1kfj4ga1;
+@layer optiaxiom._1kfj4ga1 {
+  ._15dwmwy0:empty:before {
+    content: "\00a0";
+  }
+}

package/dist/assets/src/styles/layers.css.ts.vanilla-D6EvK_O8.css

@@ -0,0 +1,3 @@
+@layer optiaxiom;
+@layer optiaxiom._1kfj4ga0;
+@layer optiaxiom._1kfj4ga1;

package/dist/assets/src/text/{Text.css.ts.vanilla-C_ltgHgX.css → Text.css.ts.vanilla-BtaUGYv3.css}

@@ -1,5 +1,5 @@
-@layer optiaxiom;
-@layer optiaxiom {
+@layer optiaxiom._1kfj4ga1;
+@layer optiaxiom._1kfj4ga1 {
   ._13y7bdy0 {
     overflow: hidden;
     text-overflow: ellipsis;

package/dist/assets/src/transition/{Transition.css.ts.vanilla-BrtNHsUt.css → Transition.css.ts.vanilla-qjeQECVe.css}

@@ -1,5 +1,5 @@
-@layer optiaxiom;
-@layer optiaxiom {
+@layer optiaxiom._1kfj4ga1;
+@layer optiaxiom._1kfj4ga1 {
   ._1p67mhc0 {
     transform-origin: var(--radix-popper-transform-origin);
     transition-property: opacity, transform;

package/dist/avatar/{Avatar.css.js → Avatar-css.js}

@@ -1,10 +1,10 @@
-import './../assets/src/styles/layers.css.ts.vanilla-nrwCZqoO.css';
+import './../assets/src/styles/layers.css.ts.vanilla-D6EvK_O8.css';
 import './../assets/src/styles/theme.css.ts.vanilla-Cb0QJvUK.css';
 import './../assets/src/sprinkles/sprinkles.css.ts.vanilla-NXW-pecy.css';
-import './../assets/src/avatar/Avatar.css.ts.vanilla-MNJrIGpK.css';
+import './../assets/src/avatar/Avatar.css.ts.vanilla-DdarHYxU.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
 var avatar = createRuntimeFn({compoundVariants:[],defaultClassName:'t64xwph',defaultVariants:{},variantClassNames:{colorScheme:{blue:'yukyx7a yukyx797',brand:'yukyx7f yukyx79f',dark:'yukyx7p yukyx79m',gray:'yukyx7t yukyx79t',green:'yukyx713 yukyx7a3',magenta:'yukyx71d yukyx7aa',neutral:'yukyx71h yukyx7ah',orange:'yukyx71t yukyx7aq',purple:'yukyx71x yukyx7au',red:'yukyx722 yukyx7b2',slate:'yukyx72c yukyx7bc',yellow:'yukyx72n yukyx7bn'},size:{xs:'yukyx7oo yukyx71m8 yukyx7h4',sm:'yukyx7os yukyx71mc yukyx7h8',md:'yukyx7ow yukyx71mg yukyx7hc',lg:'yukyx7p0 yukyx71mk yukyx7hg',xl:'yukyx7p4 yukyx71mo yukyx7hk'}}});
-var fallback = createRuntimeFn({compoundVariants:[],defaultClassName:'t64xwp15 yukyx78l yukyx7q4 yukyx71no yukyx7ec yukyx7f0 yukyx7d4 yukyx7qg yukyx7dy',defaultVariants:{},variantClassNames:{size:{xs:'yukyx71co yukyx71es',sm:'yukyx71cs yukyx71ew',md:'yukyx71cw yukyx71f0',lg:'yukyx71d0 yukyx71f4',xl:'yukyx71dc yukyx71fg'}}});
+var fallback = createRuntimeFn({compoundVariants:[],defaultClassName:'t64xwp15 yukyx78l yukyx7q4 yukyx71no yukyx7ec yukyx7f0 yukyx7qg yukyx7dy',defaultVariants:{},variantClassNames:{size:{xs:'yukyx71co yukyx71es',sm:'yukyx71cs yukyx71ew',md:'yukyx71cw yukyx71f0',lg:'yukyx71d0 yukyx71f4',xl:'yukyx71dc yukyx71fg'}}});
 
 export { avatar, fallback };

package/dist/avatar/Avatar.js

@@ -3,7 +3,7 @@ import * as RadixAvatar from '@radix-ui/react-avatar';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
-import { avatar, fallback } from './Avatar.css.js';
+import { avatar, fallback } from './Avatar-css.js';
 
 const FALLBACK_DELAY_IN_MS = 600;
 function getInitialsFromName(name) {

package/dist/box/Box-css.js

@@ -0,0 +1,7 @@
+import './../assets/src/styles/layers.css.ts.vanilla-D6EvK_O8.css';
+import './../assets/src/styles/theme.css.ts.vanilla-Cb0QJvUK.css';
+import './../assets/src/box/Box.css.ts.vanilla-DMx7YI4c.css';
+
+var base = '_1jn0ep0';
+
+export { base };

package/dist/box/Box.js

@@ -5,8 +5,8 @@ import clsx from 'clsx';
 import 'inter-ui/inter-variable.css';
 import { forwardRef } from 'react';
 import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
-import { sprinkles } from '../sprinkles/sprinkles.css.js';
-import { base } from './Box.css.js';
+import { sprinkles } from '../sprinkles/sprinkles-css.js';
+import { base } from './Box-css.js';
 
 const Box = forwardRef(
   ({ asChild, className, ...props }, ref) => {

package/dist/button/{Button.css.js → Button-css.js}

@@ -1,6 +1,6 @@
-import './../assets/src/styles/layers.css.ts.vanilla-nrwCZqoO.css';
+import './../assets/src/styles/layers.css.ts.vanilla-D6EvK_O8.css';
 import './../assets/src/styles/theme.css.ts.vanilla-Cb0QJvUK.css';
-import './../assets/src/button/Button.css.ts.vanilla-BYprr_Dx.css';
+import './../assets/src/button/Button.css.ts.vanilla-VaFYcYGO.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
 var button = createRuntimeFn({compoundVariants:[[{colorScheme:'secondary',variant:'outline'},'_1gqmi2dd']],defaultClassName:'_1gqmi2d3',defaultVariants:{},variantClassNames:{colorScheme:{danger:'_1gqmi2d4',primary:'_1gqmi2d5',secondary:'_1gqmi2d6'},size:{sm:'_1gqmi2d7',md:'_1gqmi2d8',lg:'_1gqmi2d9'},variant:{ghost:'_1gqmi2da',outline:'_1gqmi2db',solid:'_1gqmi2dc'}}});

package/dist/button/Button.js

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 import { forwardRef, isValidElement, cloneElement } from 'react';
 import { Box } from '../box/Box.js';
 import { Text } from '../text/Text.js';
-import { button } from './Button.css.js';
+import { button } from './Button-css.js';
 
 const presets = {
   danger: { colorScheme: "danger", variant: "solid" },
@@ -38,10 +38,11 @@ const Button = forwardRef(
     const presetProps = presets[preset];
     const finalColorScheme = colorScheme ?? presetProps.colorScheme;
     const finalVariant = variant ?? presetProps.variant;
+    const isDisabled = disabled || isLoading;
     return /* @__PURE__ */ jsx(
       Box,
       {
-        "aria-disabled": disabled || isLoading,
+        "aria-disabled": isDisabled,
         asChild: true,
         className: clsx(
           button({
@@ -51,7 +52,8 @@ const Button = forwardRef(
           }),
           className
         ),
-        onClick: disabled || isLoading ? void 0 : onClick,
+        "data-disabled": isDisabled,
+        onClick: isDisabled ? void 0 : onClick,
         ...props,
         children: /* @__PURE__ */ jsx(Comp, { ref, children: /* @__PURE__ */ jsxs(Fragment, { children: [
           leftSection,

package/dist/code/Code-css.js

@@ -0,0 +1,6 @@
+import './../assets/src/styles/layers.css.ts.vanilla-D6EvK_O8.css';
+import './../assets/src/code/Code.css.ts.vanilla-Dz07Qp9h.css';
+
+var base = 'go7emt0';
+
+export { base };

package/dist/code/Code.js

@@ -3,7 +3,7 @@ import { Slot } from '@radix-ui/react-slot';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
-import { base } from './Code.css.js';
+import { base } from './Code-css.js';
 
 const Code = forwardRef(
   ({ asChild, children, className, ...props }, ref) => {

package/dist/flex/Flex.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
-import { mapResponsiveValue } from '../sprinkles/sprinkles.css.js';
+import { mapResponsiveValue } from '../sprinkles/sprinkles-css.js';
 
 const mapDirectionToAlign = {
   column: "stretch",

package/dist/heading/Heading.js

@@ -23,18 +23,7 @@ const Heading = forwardRef(
   ({ asChild, children, level = "1", variant, ...props }, ref) => {
     const Comp = asChild ? Slot : mapLevelToTag[level];
     const fontSize = mapTagToFontSize[variant ?? mapLevelToTag[level]];
-    return /* @__PURE__ */ jsx(
-      Text,
-      {
-        asChild: true,
-        fontFamily: "sans",
-        fontSize,
-        fontWeight: "700",
-        ref,
-        ...props,
-        children: /* @__PURE__ */ jsx(Comp, { children })
-      }
-    );
+    return /* @__PURE__ */ jsx(Text, { asChild: true, fontSize, fontWeight: "700", ref, ...props, children: /* @__PURE__ */ jsx(Comp, { children }) });
   }
 );
 Heading.displayName = "@optiaxiom/react/Heading";

package/dist/index.d.ts

@@ -426,10 +426,10 @@ declare const button: _vanilla_extract_recipes.RuntimeFn<{
             backgroundColor: string;
             color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             selectors: {
-                '&:hover:not([aria-disabled="true"])': {
+                '&:hover:not([data-disabled="true"])': {
                     backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                 };
-                '&[aria-disabled="true"]': {
+                '&[data-disabled="true"]': {
                     backgroundColor: "#F9FAFC";
                     color: "#868FA4";
                 };
@@ -440,10 +440,10 @@ declare const button: _vanilla_extract_recipes.RuntimeFn<{
             border: string;
             color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             selectors: {
-                '&:hover:not([aria-disabled="true"])': {
+                '&:hover:not([data-disabled="true"])': {
                     backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                 };
-                '&[aria-disabled="true"]': {
+                '&[data-disabled="true"]': {
                     borderColor: "#F5F6FA";
                     color: "#868FA4";
                 };
@@ -453,10 +453,10 @@ declare const button: _vanilla_extract_recipes.RuntimeFn<{
             backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             color: "#FFFFFF";
             selectors: {
-                '&:hover:not([aria-disabled="true"])': {
+                '&:hover:not([data-disabled="true"])': {
                     backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                 };
-                '&[aria-disabled="true"]': {
+                '&[data-disabled="true"]': {
                     backgroundColor: "#F9FAFC";
                     border: string;
                     color: "#868FA4";
@@ -523,7 +523,7 @@ declare const Grid: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<rea
 declare const lineClamp: Record<"2" | "4" | "1" | "3", string>;
 
 type TextProps = ExtendProps<ComponentPropsWithRef<"p">, ComponentPropsWithRef<typeof Box>, {
-    as?: "label" | "p" | "span";
+    as?: "p" | "span";
     lineClamp?: keyof typeof lineClamp;
     truncate?: boolean;
 }>;
@@ -650,11 +650,13 @@ declare const Skeleton: react.ForwardRefExoticComponent<Omit<SkeletonProps, "ref
 
 declare const axiom: string;
 declare const reset: string;
+declare const components: string;
 
 declare const layers_css_axiom: typeof axiom;
+declare const layers_css_components: typeof components;
 declare const layers_css_reset: typeof reset;
 declare namespace layers_css {
-  export { layers_css_axiom as axiom, layers_css_reset as reset };
+  export { layers_css_axiom as axiom, layers_css_components as components, layers_css_reset as reset };
 }
 
 declare const theme: {

package/dist/index.js

@@ -12,10 +12,10 @@ export { Progress } from './progress/Progress.js';
 export { Separator } from './separator/Separator.js';
 export { Skeleton } from './skeleton/Skeleton.js';
 export { extractSprinkles } from './sprinkles/extractSprinkles.js';
-export { mapResponsiveValue, sprinkles } from './sprinkles/sprinkles.css.js';
-import * as layers_css from './styles/layers.css.js';
+export { mapResponsiveValue, sprinkles } from './sprinkles/sprinkles-css.js';
+import * as layers_css from './styles/layers-css.js';
 export { layers_css as layers };
-export { theme } from './styles/theme.css.js';
+export { theme } from './styles/theme-css.js';
 export { Text } from './text/Text.js';
 export { tokens, tokensDark } from './tokens/index.js';
 export { Tooltip } from './tooltip/Tooltip.js';

package/dist/input/{Input.css.js → Input-css.js}

@@ -1,6 +1,6 @@
-import './../assets/src/styles/layers.css.ts.vanilla-nrwCZqoO.css';
+import './../assets/src/styles/layers.css.ts.vanilla-D6EvK_O8.css';
 import './../assets/src/styles/theme.css.ts.vanilla-Cb0QJvUK.css';
-import './../assets/src/input/Input.css.ts.vanilla-Cy16hmhP.css';
+import './../assets/src/input/Input.css.ts.vanilla-CICpzaz6.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
 var input = createRuntimeFn({compoundVariants:[],defaultClassName:'_5j10wf6',defaultVariants:{},variantClassNames:{variant:{'default':'_5j10wf7',number:'_5j10wf8'}}});

package/dist/input/Input.js

@@ -4,8 +4,8 @@ import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import { Flex } from '../flex/Flex.js';
 import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
-import '../sprinkles/sprinkles.css.js';
-import { wrapper, input } from './Input.css.js';
+import '../sprinkles/sprinkles-css.js';
+import { wrapper, input } from './Input-css.js';
 
 const Input = forwardRef(
   ({

package/dist/kbd/Kbd-css.js

@@ -0,0 +1,7 @@
+import './../assets/src/styles/layers.css.ts.vanilla-D6EvK_O8.css';
+import './../assets/src/kbd/Kbd.css.ts.vanilla-DB-l95Nr.css';
+
+var base = 'q5e32p0';
+var keys = 'q5e32p1';
+
+export { base, keys };

package/dist/kbd/Kbd.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 import { Code } from '../code/Code.js';
-import { base, keys } from './Kbd.css.js';
+import { base, keys } from './Kbd-css.js';
 
 const mapKeyToCode = {
   command: "\u2318",

package/dist/separator/{Separator.css.js → Separator-css.js}

@@ -1,6 +1,6 @@
-import './../assets/src/styles/layers.css.ts.vanilla-nrwCZqoO.css';
+import './../assets/src/styles/layers.css.ts.vanilla-D6EvK_O8.css';
 import './../assets/src/styles/theme.css.ts.vanilla-Cb0QJvUK.css';
-import './../assets/src/separator/Separator.css.ts.vanilla-Dz7HZwTK.css';
+import './../assets/src/separator/Separator.css.ts.vanilla-DYzKo87M.css';
 import { createSprinkles } from '@vanilla-extract/sprinkles/createRuntimeSprinkles';
 
 var base = 'tlk8150';

package/dist/separator/Separator.js

@@ -3,7 +3,7 @@ import * as RadixSeparator from '@radix-ui/react-separator';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
-import { base, separator } from './Separator.css.js';
+import { base, separator } from './Separator-css.js';
 
 const Separator = forwardRef(
   ({ className, orientation = "horizontal", ...props }, ref) => {

package/dist/skeleton/Skeleton-css.js

@@ -0,0 +1,6 @@
+import './../assets/src/styles/layers.css.ts.vanilla-D6EvK_O8.css';
+import './../assets/src/skeleton/Skeleton.css.ts.vanilla-Cl5oEbvn.css';
+
+var base = '_15dwmwy0';
+
+export { base };

package/dist/skeleton/Skeleton.js

@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
-import { base } from './Skeleton.css.js';
+import { base } from './Skeleton-css.js';
 
 const Skeleton = forwardRef(
   ({ children, circle, className, h, rounded, w, ...props }, ref) => {

package/dist/sprinkles/extractSprinkles.js

@@ -1,4 +1,4 @@
-import { sprinkles } from './sprinkles.css.js';
+import { sprinkles } from './sprinkles-css.js';
 
 function extractSprinkles(props) {
   const sprinkleProps = {};

package/dist/sprinkles/{sprinkles.css.js → sprinkles-css.js}

@@ -1,4 +1,4 @@
-import './../assets/src/styles/layers.css.ts.vanilla-nrwCZqoO.css';
+import './../assets/src/styles/layers.css.ts.vanilla-D6EvK_O8.css';
 import './../assets/src/styles/theme.css.ts.vanilla-Cb0QJvUK.css';
 import './../assets/src/sprinkles/sprinkles.css.ts.vanilla-NXW-pecy.css';
 import { createMapValueFn } from '@vanilla-extract/sprinkles/createUtils';

package/dist/styles/layers-css.js

@@ -0,0 +1,7 @@
+import './../assets/src/styles/layers.css.ts.vanilla-D6EvK_O8.css';
+
+var axiom = 'optiaxiom';
+var components = 'optiaxiom._1kfj4ga1';
+var reset = 'optiaxiom._1kfj4ga0';
+
+export { axiom, components, reset };

package/dist/text/{Text.css.js → Text-css.js}

@@ -1,5 +1,5 @@
-import './../assets/src/styles/layers.css.ts.vanilla-nrwCZqoO.css';
-import './../assets/src/text/Text.css.ts.vanilla-C_ltgHgX.css';
+import './../assets/src/styles/layers.css.ts.vanilla-D6EvK_O8.css';
+import './../assets/src/text/Text.css.ts.vanilla-BtaUGYv3.css';
 
 var lineClamp = {'1':'_13y7bdy2 _13y7bdy1 _13y7bdy0','2':'_13y7bdy3 _13y7bdy1 _13y7bdy0','3':'_13y7bdy4 _13y7bdy1 _13y7bdy0','4':'_13y7bdy5 _13y7bdy1 _13y7bdy0'};
 var truncate = '_13y7bdy6 _13y7bdy0';

package/dist/text/Text.js

@@ -3,7 +3,7 @@ import { Slot } from '@radix-ui/react-slot';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
-import { lineClamp, truncate } from './Text.css.js';
+import { lineClamp, truncate } from './Text-css.js';
 
 const Text = forwardRef(
   ({ as = "p", asChild, children, className, lineClamp: lineClamp$1, truncate: truncate$1, ...props }, ref) => {
@@ -17,7 +17,6 @@ const Text = forwardRef(
           truncate$1 && truncate,
           className
         ),
-        fontFamily: "sans",
         fontSize: "md",
         ref,
         ...props,

package/dist/transition/{Transition.css.js → Transition-css.js}

@@ -1,5 +1,5 @@
-import './../assets/src/styles/layers.css.ts.vanilla-nrwCZqoO.css';
-import './../assets/src/transition/Transition.css.ts.vanilla-BrtNHsUt.css';
+import './../assets/src/styles/layers.css.ts.vanilla-D6EvK_O8.css';
+import './../assets/src/transition/Transition.css.ts.vanilla-qjeQECVe.css';
 
 var base = '_1p67mhc0';
 var transitions = {fade:'_1p67mhc1','fade-down':'_1p67mhc2','fade-left':'_1p67mhc3','fade-right':'_1p67mhc4','fade-up':'_1p67mhc5',pop:'_1p67mhc6','pop-down':'_1p67mhc7','pop-left':'_1p67mhc8','pop-right':'_1p67mhc9','pop-up':'_1p67mhca'};

package/dist/transition/Transition.js

@@ -3,7 +3,7 @@ import { Slot } from '@radix-ui/react-slot';
 import clsx from 'clsx';
 import { usePresence } from 'framer-motion';
 import { forwardRef, useState, useEffect } from 'react';
-import { base, transitions } from './Transition.css.js';
+import { base, transitions } from './Transition-css.js';
 
 const transitionDuration = {
   sm: 250,

package/package.json

@@ -6,7 +6,7 @@
     "url": "https://github.com/optimizely-axiom/optiaxiom.git"
   },
   "type": "module",
-  "version": "0.1.0-next.2",
+  "version": "0.1.0-next.4",
   "files": [
     "dist/**",
     "LICENSE"
@@ -26,10 +26,10 @@
     "@radix-ui/react-separator": "^1.0.3",
     "@radix-ui/react-slot": "^1.0.2",
     "@radix-ui/react-tooltip": "^1.0.7",
-    "@vanilla-extract/sprinkles": "^1.6.2",
     "@vanilla-extract/recipes": "^0.5.3",
+    "@vanilla-extract/sprinkles": "^1.6.2",
     "clsx": "^2.1.1",
-    "framer-motion": "^11.2.10",
+    "framer-motion": "^6.0.0",
     "inter-ui": "^4.0.2"
   },
   "devDependencies": {

package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-Y8ukp7V9.css

@@ -1,6 +0,0 @@
-@layer optiaxiom;
-@layer optiaxiom {
-  ._15dwmwy0:empty:before {
-    content: "\00a0";
-  }
-}

package/dist/assets/src/styles/layers.css.ts.vanilla-nrwCZqoO.css

@@ -1,2 +0,0 @@
-@layer optiaxiom;
-@layer optiaxiom._1kfj4ga0;

package/dist/box/Box.css.js

@@ -1,7 +0,0 @@
-import './../assets/src/styles/layers.css.ts.vanilla-nrwCZqoO.css';
-import './../assets/src/styles/theme.css.ts.vanilla-Cb0QJvUK.css';
-import './../assets/src/box/Box.css.ts.vanilla-CfxlZUmV.css';
-
-var base = '_1jn0ep0';
-
-export { base };

package/dist/code/Code.css.js

@@ -1,6 +0,0 @@
-import './../assets/src/styles/layers.css.ts.vanilla-nrwCZqoO.css';
-import './../assets/src/code/Code.css.ts.vanilla-t_JwiRJQ.css';
-
-var base = 'go7emt0';
-
-export { base };

package/dist/kbd/Kbd.css.js

@@ -1,7 +0,0 @@
-import './../assets/src/styles/layers.css.ts.vanilla-nrwCZqoO.css';
-import './../assets/src/kbd/Kbd.css.ts.vanilla-mPpDwFYg.css';
-
-var base = 'q5e32p0';
-var keys = 'q5e32p1';
-
-export { base, keys };

package/dist/skeleton/Skeleton.css.js

@@ -1,6 +0,0 @@
-import './../assets/src/styles/layers.css.ts.vanilla-nrwCZqoO.css';
-import './../assets/src/skeleton/Skeleton.css.ts.vanilla-Y8ukp7V9.css';
-
-var base = '_15dwmwy0';
-
-export { base };

package/dist/styles/layers.css.js

@@ -1,6 +0,0 @@
-import './../assets/src/styles/layers.css.ts.vanilla-nrwCZqoO.css';
-
-var axiom = 'optiaxiom';
-var reset = 'optiaxiom._1kfj4ga0';
-
-export { axiom, reset };