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

package/dist/{PopoverContent-DGBVbvBc.d.ts → PopoverContent-_Tn-IzNJ.d.ts}

@@ -1,10 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as RadixPopover from '@radix-ui/react-popover';
 import * as react from 'react';
 import { ElementType, ComponentPropsWithoutRef } from 'react';
-import * as RadixPopover from '@radix-ui/react-popover';
 import * as _vanilla_extract_sprinkles from '@vanilla-extract/sprinkles';
 
-type ExtendProps<T1, T2> = Omit<T1, keyof T1 & keyof T2> & T2;
-
 declare const sprinkles: ((props: {
     animation?: "ping" | "pulse" | undefined;
     backgroundColor?: "transparent" | "brand.50" | "brand.500" | "brand.600" | "neutral.1200/18" | "purple.50" | "red.50" | "red.500" | "red.600" | "blue.50" | "blue.600" | "neutral.1200/5" | "neutral.75" | "neutral.800" | "neutral.900" | "neutral.200" | "neutral.300" | "green.50" | "green.500" | "green.600" | "yellow.50" | "yellow.500" | "yellow.600" | "neutral.500" | "neutral.600" | "neutral.150" | "neutral.100" | "blue.500" | "magenta.600" | "purple.600" | "brand.700" | "white" | "neutral.1200/32" | "red.700" | "purple.500" | "neutral.700" | "green.700" | "yellow.700" | "brand.300" | "neutral.1000" | "purple.900" | "blue.900" | "slate.800" | "green.900" | "gray.800" | "blue.200" | "magenta.200" | "purple.200" | "red.200" | "gray.100" | "slate.400" | "green.200" | "neutral.50/32" | "gray.900" | "bg.brand" | "bg.brand.solid" | "bg.brand.solid.hover" | "bg.disabled" | "bg.discovery" | "bg.error" | "bg.error.solid" | "bg.error.solid.hover" | "bg.information" | "bg.information.solid" | "bg.input.disabled" | "bg.neutral" | "bg.neutral.inverse" | "bg.neutral.inverse.hover" | "bg.neutral.solid" | "bg.neutral.solid.hover" | "bg.success" | "bg.success.solid" | "bg.success.solid.hover" | "bg.warning" | "bg.warning.solid" | "bg.warning.solid.hover" | "border.active" | "border.active.hover" | "border.brand" | "border.default" | "border.disabled" | "border.error" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "fg.accent.blue" | "fg.accent.magenta" | "fg.accent.purple" | "fg.accent.red" | "fg.brand" | "fg.default" | "fg.default.inverse" | "fg.disabled" | "fg.error" | "fg.information" | "fg.link" | "fg.link.hover" | "fg.link.visited" | "fg.secondary" | "fg.success" | "fg.tertiary" | "fg.warning" | "outline.brand" | "overlay" | "surface" | "current" | "black" | "aqua.50" | "aqua.200" | "aqua.500" | "aqua.600" | "brand.100" | "brand.200" | "brand.400" | "brand.800" | "brand.900" | "dark.50" | "dark.200" | "dark.500" | "dark.600" | "gray.50" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "green.100" | "green.300" | "green.400" | "green.800" | "magenta.50" | "magenta.500" | "neutral.50" | "neutral.1100" | "neutral.1200" | "neutral.1200/12" | "neutral.1200/22" | "orange.50" | "orange.200" | "orange.500" | "orange.600" | "red.100" | "red.300" | "red.400" | "red.800" | "red.900" | "slate.50" | "slate.100" | "slate.200" | "slate.300" | "slate.500" | "slate.600" | "slate.700" | "slate.900" | "slate.950" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.800" | "yellow.900" | undefined;
@@ -101,12 +100,12 @@ declare const sprinkles: ((props: {
         readonly md?: "2" | "4" | "1" | "3" | undefined;
         readonly lg?: "2" | "4" | "1" | "3" | undefined;
     } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "2" | "4" | "1" | "3" | null>;
-    height?: ("2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
-        readonly base?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly sm?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly md?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly lg?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
+    height?: ("2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
+        readonly base?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly sm?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly md?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly lg?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
     justifyContent?: ("end" | "start" | "center" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | {
         readonly base?: "end" | "start" | "center" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined;
         readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined;
@@ -191,12 +190,12 @@ declare const sprinkles: ((props: {
         readonly md?: "center" | undefined;
         readonly lg?: "center" | undefined;
     } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "center" | null>;
-    width?: ("2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
-        readonly base?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly sm?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly md?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly lg?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
+    width?: ("2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
+        readonly base?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly sm?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly md?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly lg?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
     colSpan?: ("2" | "4" | "1" | "3" | {
         readonly base?: "2" | "4" | "1" | "3" | undefined;
         readonly sm?: "2" | "4" | "1" | "3" | undefined;
@@ -209,12 +208,12 @@ declare const sprinkles: ((props: {
         readonly md?: "2" | "4" | "1" | "3" | undefined;
         readonly lg?: "2" | "4" | "1" | "3" | undefined;
     } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "2" | "4" | "1" | "3" | null>;
-    h?: ("2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
-        readonly base?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly sm?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly md?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly lg?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
+    h?: ("2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
+        readonly base?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly sm?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly md?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly lg?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
     leading?: ("none" | "normal" | "tight" | "loose" | {
         readonly base?: "none" | "normal" | "tight" | "loose" | undefined;
         readonly sm?: "none" | "normal" | "tight" | "loose" | undefined;
@@ -317,18 +316,18 @@ declare const sprinkles: ((props: {
         readonly md?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
         readonly lg?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
     } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | null>;
-    size?: ("2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
-        readonly base?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly sm?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly md?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly lg?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
-    w?: ("2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
-        readonly base?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly sm?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly md?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
-        readonly lg?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
+    size?: ("2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
+        readonly base?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly sm?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly md?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly lg?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
+    w?: ("2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
+        readonly base?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly sm?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly md?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+        readonly lg?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
+    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
 }) => string) & {
     properties: Set<"borderRadius" | "boxShadow" | "fontFamily" | "fontSize" | "letterSpacing" | "lineHeight" | "size" | "zIndex" | "backgroundColor" | "borderBottomWidth" | "borderColor" | "borderLeftWidth" | "borderRightWidth" | "borderTopWidth" | "color" | "animation" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "height" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "width" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "colSpan" | "cols" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w">;
 };
@@ -345,6 +344,8 @@ declare const mapResponsiveValue: <OutputValue extends string | number | boolean
 type LonghandProps = keyof Pick<Parameters<typeof sprinkles>[0], "backgroundColor" | "borderBottomWidth" | "borderLeftWidth" | "borderRadius" | "borderRightWidth" | "borderTopWidth" | "boxShadow" | "gridColumn" | "gridTemplateColumns" | "height" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "width" | "zIndex">;
 type Sprinkles = Omit<Parameters<typeof sprinkles>[0], LonghandProps>;
 
+type ExtendProps<T1, T2> = Omit<T1, keyof T1 & keyof T2> & T2;
+
 type BoxProps<T extends ElementType = "div", P = unknown> = ExtendProps<ComponentPropsWithoutRef<T>, ExtendProps<{
     asChild?: boolean;
     className?: string;
@@ -354,9 +355,15 @@ declare const Box: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLP
     className?: string;
 } & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
 
+type PopoverProps = BoxProps<typeof RadixPopover.Root>;
+declare const Popover: {
+    ({ children, defaultOpen, onOpenChange, open: openProp, ...props }: PopoverProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
 type PopoverContentProps = BoxProps<typeof RadixPopover.Content, {
     withArrow?: boolean;
 }>;
 declare const PopoverContent: react.ForwardRefExoticComponent<Omit<PopoverContentProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-export { type BoxProps as B, type ExtendProps as E, PopoverContent as P, type Sprinkles as S, Box as a, mapResponsiveValue as m, sprinkles as s };
+export { type BoxProps as B, type ExtendProps as E, Popover as P, type Sprinkles as S, Box as a, PopoverContent as b, mapResponsiveValue as m, sprinkles as s };

package/dist/accordion/Accordion.js

@@ -1,14 +1,15 @@
 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(
-  ({ type, ...props }, ref) => {
+  ({ appearance = "primary", type, ...props }, ref) => {
     const { restProps, sprinkleProps } = extractSprinkles(props);
-    return /* @__PURE__ */ jsx(Box, { asChild: true, borderB: "1", ref, ...sprinkleProps, children: type === "single" ? /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(AccordionContextProvider, { appearance, children: /* @__PURE__ */ jsx(Box, { asChild: true, ref, ...sprinkleProps, children: type === "single" ? /* @__PURE__ */ jsx(
       RadixAccordion.Root,
       {
         type: "single",
@@ -20,7 +21,7 @@ const Accordion = forwardRef(
         type: "multiple",
         ...restProps
       }
-    ) });
+    ) }) });
   }
 );
 Accordion.displayName = "@optiaxiom/react/Accordion";

package/dist/accordion-content/AccordionContent.js

@@ -5,7 +5,7 @@ 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", pb: "md", children }) }) });
+  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";
 

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

@@ -2,10 +2,13 @@ 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) => {
-    return /* @__PURE__ */ jsx(Box, { asChild: true, borderT: "1", ref, ...props, children: /* @__PURE__ */ jsx(RadixAccordion.Item, { value, children }) });
+    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";

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

@@ -1,7 +1,9 @@
 import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
-import './../assets/src/accordion-trigger/AccordionTrigger.css.ts.vanilla-B3KNV6RG.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'},'_1qeyc360']});
+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 };
+export { icon, trigger };

package/dist/accordion-trigger/AccordionTrigger.js

@@ -1,33 +1,25 @@
 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 { icon } from './AccordionTrigger-css.js';
+import { trigger, icon } from './AccordionTrigger-css.js';
 
-const AccordionTrigger = forwardRef(({ children, endDecorator, ...props }, ref) => {
+const AccordionTrigger = forwardRef(({ children, endDecorator, startDecorator, ...props }, ref) => {
+  const { appearance } = useAccordionContext("AccordionTrigger");
   const { restProps, sprinkleProps } = extractSprinkles(props);
-  return /* @__PURE__ */ jsx(
-    Flex,
-    {
-      asChild: true,
-      color: "fg.default",
-      flexDirection: "row",
-      fontSize: "lg",
-      fontWeight: "600",
-      py: "sm",
-      textAlign: "start",
-      w: "full",
-      ...sprinkleProps,
-      children: /* @__PURE__ */ jsxs(RadixAccordion.Trigger, { ref, ...restProps, children: [
-        /* @__PURE__ */ jsx(Box, { flex: "1", children }),
-        /* @__PURE__ */ jsx(Box, { asChild: true, ...icon(), children: endDecorator ?? /* @__PURE__ */ jsx(IconAngleDown, {}) })
-      ] })
-    }
-  );
+  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";
 

package/dist/alert/Alert-css.js

@@ -1,5 +1,5 @@
 import './../assets/src/styles/layers.css.ts.vanilla-D5zCXZwe.css';
-import './../assets/src/styles/theme.css.ts.vanilla-DWW2Oo9s.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';
 

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-DWW2Oo9s.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';
 
@@ -7,6 +7,5 @@ var content = recipeRuntime({base:[{bg:'surface',rounded:'lg',shadow:'md',z:'pop
 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,8 +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 { 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(
   ({
@@ -19,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(Box, { 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(
+          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/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/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/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;
+  }
+}