@optiaxiom/react 0.1.0-next.8 → 0.1.0

package/dist/src/input-base/InputBase.js

@@ -0,0 +1,76 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useComposedRefs } from '@radix-ui/react-compose-refs';
+import { Slot } from '@radix-ui/react-slot';
+import { forwardRef, useRef } from 'react';
+import { Box } from '../box/Box.js';
+import '../field-context/FieldContext.js';
+import { useFieldContext } from '../field-context/useFieldContext.js';
+import { Flex } from '../flex/Flex.js';
+import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
+import { Text } from '../text/Text.js';
+import '../utils/conditions.js';
+import { fallbackSpan } from '../utils/fallbackSpan.js';
+import { wrapper, input } from './InputBase-css.js';
+
+const InputBase = forwardRef(
+  ({
+    addonAfter,
+    addonBefore,
+    addonPointerEvents = "auto",
+    children,
+    className,
+    error: errorProp,
+    size = "md",
+    ...props
+  }, outerRef) => {
+    const disabled = props.disabled;
+    const readOnly = props.readOnly;
+    const { error, id, required } = useFieldContext({ error: errorProp });
+    const { restProps, sprinkleProps } = extractSprinkles(props);
+    const innerRef = useRef(null);
+    const ref = useComposedRefs(innerRef, outerRef);
+    const addonProps = addonPointerEvents === "none" && {
+      cursor: "text",
+      onMouseDown: (event) => {
+        if (event.target !== event.currentTarget) {
+          return;
+        }
+        event.preventDefault();
+        event.stopPropagation();
+        innerRef.current?.focus();
+      }
+    };
+    return /* @__PURE__ */ jsxs(
+      Flex,
+      {
+        "data-disabled": disabled ? "" : void 0,
+        "data-invalid": error ? "" : void 0,
+        "data-readonly": readOnly ? "" : void 0,
+        ...wrapper({}, className),
+        ...sprinkleProps,
+        children: [
+          addonBefore && /* @__PURE__ */ jsx(Text, { asChild: true, ...addonProps, children: fallbackSpan(addonBefore) }),
+          /* @__PURE__ */ jsx(
+            Box,
+            {
+              "aria-disabled": disabled,
+              "aria-invalid": error,
+              asChild: true,
+              "data-disabled": disabled ? "" : void 0,
+              "data-invalid": error ? "" : void 0,
+              "data-readonly": readOnly ? "" : void 0,
+              ...input({ size }),
+              children: /* @__PURE__ */ jsx(Slot, { id, ref, required, ...restProps, children })
+            }
+          ),
+          addonAfter && /* @__PURE__ */ jsx(Text, { asChild: true, ...addonProps, children: fallbackSpan(addonAfter) })
+        ]
+      }
+    );
+  }
+);
+InputBase.displayName = "@optiaxiom/react/InputBase";
+
+export { InputBase };

package/dist/src/kbd/Kbd-css.js

@@ -0,0 +1,8 @@
+import './../../assets/src/layers/layers.css.ts.vanilla-KObJMImw.css';
+import './../../assets/src/kbd/Kbd.css.ts.vanilla-bKFa-HZJ.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var kbd = recipeRuntime({base:{alignItems:'center',display:'inline-flex',flexDirection:'row',whiteSpace:'nowrap'},variants:{variant:{outline:{border:'1',borderB:'2',fontWeight:'600',gap:'4'},subtle:{bg:'transparent',color:'fg.secondary',fontFamily:'sans',gap:'2',px:'0'}}}});
+var keys = recipeRuntime({base:'rfpb89',variants:{variant:{outline:'u0z2da',subtle:{}}}});
+
+export { kbd, keys };

package/dist/src/kbd/Kbd.js

@@ -0,0 +1,31 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Code } from '../code/Code.js';
+import { kbd, keys } from './Kbd-css.js';
+
+const mapKeyToCode = {
+  command: "\u2318",
+  ctrl: "\u2303",
+  down: "\u2193",
+  enter: "\u21B5",
+  escape: "\u238B",
+  help: "?",
+  left: "\u2190",
+  option: "\u2325",
+  right: "\u2192",
+  shift: "\u21E7",
+  space: "\u2423",
+  tab: "\u21E5",
+  up: "\u2191"
+};
+const Kbd = forwardRef(
+  ({ children, className, keys: keys$1, variant = "outline", ...props }, ref) => {
+    return /* @__PURE__ */ jsx(Code, { asChild: true, ...kbd({ variant }, className), ...props, children: /* @__PURE__ */ jsxs("kbd", { ref, children: [
+      keys$1 && (Array.isArray(keys$1) ? keys$1 : [keys$1]).map((key) => /* @__PURE__ */ jsx("abbr", { title: key, ...keys({ variant }), children: mapKeyToCode[key] }, key)),
+      children
+    ] }) });
+  }
+);
+Kbd.displayName = "@optiaxiom/react/Kbd";
+
+export { Kbd };

package/dist/src/layers/layers-css.js

@@ -0,0 +1,8 @@
+import './../../assets/src/layers/layers.css.ts.vanilla-KObJMImw.css';
+
+var axiom = 'optiaxiom';
+var base = 'optiaxiom.base';
+var components = 'optiaxiom._4awegg';
+var reset = 'optiaxiom._1v6qbuj';
+
+export { axiom, base, components, reset };

package/dist/src/link/Link-css.js

@@ -0,0 +1,8 @@
+import './../../assets/src/layers/layers.css.ts.vanilla-KObJMImw.css';
+import './../../assets/src/link/Link.css.ts.vanilla-CpjSWnSg.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'y6is2e']});
+var link = recipeRuntime({base:['_1hh765b'],variants:{colorScheme:{neutral:'_13ko111',primary:'sjl5jg',secondary:'_1tinx4z'}}});
+
+export { icon, link };

package/dist/src/link/Link.js

@@ -0,0 +1,52 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Box } from '../box/Box.js';
+import { IconUpRightFromSquare } from '../icons/IconUpRightFromSquare.js';
+import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
+import { link, icon } from './Link-css.js';
+
+const Link = forwardRef(
+  ({
+    children,
+    className,
+    colorScheme = "primary",
+    disabled,
+    external,
+    href,
+    ...props
+  }, ref) => {
+    const { restProps, sprinkleProps } = extractSprinkles(props);
+    return /* @__PURE__ */ jsx(
+      Box,
+      {
+        asChild: true,
+        ...link({ colorScheme }, className),
+        ...sprinkleProps,
+        children: /* @__PURE__ */ jsxs(
+          "a",
+          {
+            "aria-disabled": disabled,
+            "data-disabled": disabled ? "" : void 0,
+            href,
+            ref,
+            ...external && { rel: "noopener noreferrer", target: "_blank" },
+            ...restProps,
+            ...disabled && {
+              href: void 0,
+              role: "link"
+            },
+            children: [
+              children,
+              external && /* @__PURE__ */ jsx(Box, { asChild: true, ...icon(), children: /* @__PURE__ */ jsx(IconUpRightFromSquare, {}) })
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+Link.displayName = "@optiaxiom/react/Link";
+
+export { Link };

package/dist/src/menu-button/MenuButton.js

@@ -0,0 +1,13 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Button } from '../button/Button.js';
+import { IconAngleDown } from '../icons/IconAngleDown.js';
+
+const MenuButton = forwardRef(
+  ({ children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(Button, { icon: /* @__PURE__ */ jsx(IconAngleDown, {}), iconPosition: "end", ref, ...props, children });
+  }
+);
+MenuButton.displayName = "@optiaxiom/react/MenuButton";
+
+export { MenuButton };

package/dist/src/menu-content-base/MenuContentBase-css.js

@@ -0,0 +1,7 @@
+import './../../assets/src/layers/layers.css.ts.vanilla-KObJMImw.css';
+import './../../assets/src/menu-content-base/MenuContentBase.css.ts.vanilla-CBmc2U7h.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var content = recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.secondary',display:'flex',flexDirection:'column',gap:'2',maxW:'xs',overflow:'auto',p:'4',rounded:'lg',shadow:'md',z:'popover'},'n8qy2k'],variants:{minW:{'0':{},trigger:'dsq765'}}});
+
+export { content };

package/dist/src/menu-content-base/MenuContentBase.js

@@ -0,0 +1,25 @@
+import { jsx } from 'react/jsx-runtime';
+import * as RadixMenu from '@radix-ui/react-dropdown-menu';
+import { forwardRef } from 'react';
+import { AnimatePresence } from '../animate-presence/AnimatePresence.js';
+import { Box } from '../box/Box.js';
+import { Transition } from '../transition/Transition.js';
+import { content } from './MenuContentBase-css.js';
+
+const MenuContentBase = forwardRef(
+  ({ children, className, minW, open, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(AnimatePresence, { children: open && /* @__PURE__ */ jsx(RadixMenu.Portal, { forceMount: true, children: /* @__PURE__ */ jsx(Transition, { duration: "sm", type: "pop", children: /* @__PURE__ */ jsx(
+      Box,
+      {
+        asChild: true,
+        ref,
+        ...content({ minW }, className),
+        ...props,
+        children
+      }
+    ) }) }) });
+  }
+);
+MenuContentBase.displayName = "@optiaxiom/react/MenuContentBase";
+
+export { MenuContentBase };

package/dist/src/menu-item-base/MenuItemBase-css.js

@@ -0,0 +1,7 @@
+import './../../assets/src/layers/layers.css.ts.vanilla-KObJMImw.css';
+import './../../assets/src/menu-item-base/MenuItemBase.css.ts.vanilla-DrCV8udS.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'xs',p:'xs',rounded:'sm',transition:'colors'},'_1us0ec5'],variants:{colorScheme:{danger:'_43zp6h',neutral:'_19v5aym'}}});
+
+export { item };

package/dist/src/menu-item-base/MenuItemBase.js

@@ -0,0 +1,53 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Slot, Slottable } from '@radix-ui/react-slot';
+import { useId } from '@reach/auto-id';
+import { forwardRef, isValidElement, cloneElement } from 'react';
+import { Box } from '../box/Box.js';
+import { Flex } from '../flex/Flex.js';
+import { Text } from '../text/Text.js';
+import '../utils/conditions.js';
+import { fallbackSpan } from '../utils/fallbackSpan.js';
+import { item } from './MenuItemBase-css.js';
+
+const MenuItemBase = forwardRef(
+  ({
+    addonAfter,
+    addonBefore,
+    children,
+    className,
+    colorScheme = "neutral",
+    description,
+    ...props
+  }, ref) => {
+    const labelId = useId();
+    const descriptionId = useId();
+    const newElement = isValidElement(children) ? children : null;
+    children = newElement ? cloneElement(
+      newElement,
+      void 0,
+      /* @__PURE__ */ jsxs(Box, { flex: "1", children: [
+        /* @__PURE__ */ jsx(Box, { asChild: true, id: labelId, children: fallbackSpan(newElement.props.children) }),
+        description && /* @__PURE__ */ jsx(Text, { color: "fg.tertiary", fontSize: "sm", id: descriptionId, children: description })
+      ] })
+    ) : children;
+    return /* @__PURE__ */ jsx(
+      Flex,
+      {
+        "aria-describedby": description ? descriptionId : void 0,
+        "aria-labelledby": labelId,
+        asChild: true,
+        ref,
+        ...item({ colorScheme }, className),
+        ...props,
+        children: /* @__PURE__ */ jsxs(Slot, { children: [
+          addonBefore && /* @__PURE__ */ jsx(Box, { asChild: true, h: "16", w: "auto", children: fallbackSpan(addonBefore) }),
+          /* @__PURE__ */ jsx(Slottable, { children }),
+          addonAfter && /* @__PURE__ */ jsx(Box, { asChild: true, ml: "xs", children: fallbackSpan(addonAfter) })
+        ] })
+      }
+    );
+  }
+);
+MenuItemBase.displayName = "@optiaxiom/react/MenuItemBase";
+
+export { MenuItemBase };

package/dist/src/pagination/Pagination-css.js

@@ -0,0 +1,7 @@
+import './../../assets/src/layers/layers.css.ts.vanilla-KObJMImw.css';
+import './../../assets/src/pagination/Pagination.css.ts.vanilla-BzTZvoeC.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var button = recipeRuntime({base:'_1y8kzcv'});
+
+export { button };

package/dist/src/pagination/Pagination.js

@@ -0,0 +1,91 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { usePagination } from '@mantine/hooks';
+import { useControllableState } from '@radix-ui/react-use-controllable-state';
+import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
+import { forwardRef } from 'react';
+import { Box } from '../box/Box.js';
+import { Button } from '../button/Button.js';
+import { Flex } from '../flex/Flex.js';
+import { IconAngleLeft } from '../icons/IconAngleLeft.js';
+import { IconAngleRight } from '../icons/IconAngleRight.js';
+import { IconEllipsis } from '../icons/IconEllipsis.js';
+import { Tooltip } from '../tooltip/Tooltip.js';
+import { button } from './Pagination-css.js';
+
+const Pagination = forwardRef(
+  ({
+    boundaries = 1,
+    defaultPage,
+    disabled,
+    onPageChange,
+    page: pageProp,
+    siblings = 1,
+    total,
+    ...props
+  }, ref) => {
+    const [value, setValue] = useControllableState({
+      defaultProp: defaultPage,
+      onChange: onPageChange,
+      prop: pageProp
+    });
+    const { active, next, previous, range, setPage } = usePagination({
+      boundaries,
+      onChange: setValue,
+      page: value,
+      siblings,
+      total
+    });
+    return /* @__PURE__ */ jsx(Box, { asChild: true, ...props, children: /* @__PURE__ */ jsx("nav", { "aria-label": "pagination", ref, children: /* @__PURE__ */ jsx(Flex, { asChild: true, flexDirection: "row", gap: "2", children: /* @__PURE__ */ jsxs("ul", { children: [
+      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Tooltip, { content: "Prev", children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          appearance: "subtle",
+          "aria-label": "Previous page",
+          disabled: disabled || active === 1,
+          icon: /* @__PURE__ */ jsx(IconAngleLeft, {}),
+          onClick: previous
+        }
+      ) }) }),
+      range.map((page, index) => /* @__PURE__ */ jsx("li", { children: page === "dots" ? /* @__PURE__ */ jsx(
+        Box,
+        {
+          alignItems: "stretch",
+          display: "flex",
+          justifyContent: "center",
+          py: "10",
+          size: "md",
+          children: /* @__PURE__ */ jsx(Box, { alignItems: "end", display: "flex", children: /* @__PURE__ */ jsx(Box, { asChild: true, children: /* @__PURE__ */ jsx(IconEllipsis, {}) }) })
+        }
+      ) : /* @__PURE__ */ jsx(
+        Button,
+        {
+          appearance: "subtle",
+          "aria-current": active === page ? "page" : void 0,
+          "data-state": active === page ? "active" : void 0,
+          disabled,
+          onClick: () => setPage(page),
+          ...button(),
+          children: /* @__PURE__ */ jsxs(Box, { mx: "0", children: [
+            /* @__PURE__ */ jsx(VisuallyHidden, { children: "page" }),
+            " ",
+            page,
+            page === 1 ? /* @__PURE__ */ jsx(VisuallyHidden, { children: "(first page)" }) : page === total ? /* @__PURE__ */ jsx(VisuallyHidden, { children: "(last page)" }) : null
+          ] })
+        }
+      ) }, `${index}`)),
+      /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Tooltip, { content: "Next", children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          appearance: "subtle",
+          "aria-label": "Next page",
+          disabled: disabled || active === total,
+          icon: /* @__PURE__ */ jsx(IconAngleRight, {}),
+          onClick: next
+        }
+      ) }) })
+    ] }) }) }) });
+  }
+);
+Pagination.displayName = "@optiaxiom/react/Pagination";
+
+export { Pagination };

package/dist/src/pill/Pill-css.js

@@ -0,0 +1,7 @@
+import './../../assets/src/layers/layers.css.ts.vanilla-KObJMImw.css';
+import './../../assets/src/pill/Pill.css.ts.vanilla-0ZyLCs4p.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var pill = recipeRuntime({base:[{bg:'neutral.100',border:'0',fontSize:'sm',rounded:'md'},'_1oift6a'],variants:{size:{md:{h:'xs'},lg:{h:'sm'}}}});
+
+export { pill };

package/dist/src/pill/Pill.js

@@ -0,0 +1,39 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Button } from '../button/Button.js';
+import { Text } from '../text/Text.js';
+import { Tooltip } from '../tooltip/Tooltip.js';
+import { pill } from './Pill-css.js';
+
+const Pill = forwardRef(
+  ({
+    addonAfter,
+    addonBefore,
+    children,
+    className,
+    onRemove,
+    size = "md",
+    ...props
+  }, ref) => {
+    const handleKeyDown = (e) => {
+      if (e.key === "Backspace" && onRemove) {
+        onRemove();
+      }
+    };
+    return /* @__PURE__ */ jsx(Tooltip, { auto: true, content: children, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        addonAfter,
+        addonBefore,
+        onKeyDown: handleKeyDown,
+        ref,
+        ...pill({ size }, className),
+        ...props,
+        children: /* @__PURE__ */ jsx(Text, { display: "block", fontSize: "inherit", truncate: true, children })
+      }
+    ) });
+  }
+);
+Pill.displayName = "@optiaxiom/react/Pill";
+
+export { Pill };

package/dist/src/popover/Popover.js

@@ -0,0 +1,22 @@
+import { jsx } from 'react/jsx-runtime';
+import * as RadixPopover from '@radix-ui/react-popover';
+import { useControllableState } from '@radix-ui/react-use-controllable-state';
+import { PopoverContextProvider } from '../popover-context/PopoverContext.js';
+
+function Popover({
+  children,
+  defaultOpen,
+  onOpenChange,
+  open: openProp,
+  ...props
+}) {
+  const [open, setOpen] = useControllableState({
+    defaultProp: defaultOpen,
+    onChange: onOpenChange,
+    prop: openProp
+  });
+  return /* @__PURE__ */ jsx(RadixPopover.Root, { onOpenChange: setOpen, open, ...props, children: /* @__PURE__ */ jsx(PopoverContextProvider, { open, children }) });
+}
+Popover.displayName = "@optiaxiom/react/Popover";
+
+export { Popover };

package/dist/src/popover-anchor/PopoverAnchor.js

@@ -0,0 +1,13 @@
+import { jsx } from 'react/jsx-runtime';
+import * as RadixPopover from '@radix-ui/react-popover';
+import { forwardRef } from 'react';
+import { Box } from '../box/Box.js';
+
+const PopoverAnchor = forwardRef(
+  ({ asChild, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(Box, { asChild: true, ...props, children: /* @__PURE__ */ jsx(RadixPopover.Anchor, { asChild, ref, children }) });
+  }
+);
+PopoverAnchor.displayName = "@optiaxiom/react/PopoverAnchor";
+
+export { PopoverAnchor };

package/dist/src/popover-content/PopoverContent-css.js

@@ -0,0 +1,7 @@
+import './../../assets/src/layers/layers.css.ts.vanilla-KObJMImw.css';
+import './../../assets/src/popover-content/PopoverContent.css.ts.vanilla-B7WAXVkn.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var content = recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.secondary',display:'flex',flexDirection:'column',gap:'2',p:'sm',rounded:'lg',shadow:'md',z:'popover'},'w61lt3']});
+
+export { content };

package/dist/src/popover-content/PopoverContent.js

@@ -0,0 +1,59 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as RadixPopover from '@radix-ui/react-popover';
+import { forwardRef } from 'react';
+import { AnimatePresence } from '../animate-presence/AnimatePresence.js';
+import { Box } from '../box/Box.js';
+import { usePopoverContext } from '../popover-context/PopoverContext.js';
+import { theme } from '@optiaxiom/globals';
+import { Transition } from '../transition/Transition.js';
+import { content } from './PopoverContent-css.js';
+
+const PopoverContent = forwardRef(
+  ({
+    align = "start",
+    children,
+    className,
+    sideOffset = 2,
+    withArrow,
+    ...props
+  }, ref) => {
+    const { open } = usePopoverContext("PopoverContent");
+    return /* @__PURE__ */ jsx(AnimatePresence, { children: open && /* @__PURE__ */ jsx(RadixPopover.Portal, { forceMount: true, children: /* @__PURE__ */ jsx(Transition, { duration: "sm", type: "pop", children: /* @__PURE__ */ jsx(Box, { asChild: true, ...content({}, className), ...props, children: /* @__PURE__ */ jsxs(
+      RadixPopover.Content,
+      {
+        align,
+        ref,
+        sideOffset,
+        children: [
+          children,
+          withArrow && /* @__PURE__ */ jsx(RadixPopover.Arrow, { asChild: true, children: /* @__PURE__ */ jsxs(
+            "svg",
+            {
+              fill: theme.colors["bg.default"],
+              height: 4,
+              preserveAspectRatio: "none",
+              stroke: theme.colors["border.secondary"],
+              viewBox: "0 0 30 10",
+              width: 8,
+              children: [
+                /* @__PURE__ */ jsx("polygon", { points: "0,0 30,0 15,10" }),
+                /* @__PURE__ */ jsx(
+                  "polyline",
+                  {
+                    points: "0,0 15,10 30,0",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeWidth: "2.5"
+                  }
+                )
+              ]
+            }
+          ) })
+        ]
+      }
+    ) }) }) }) });
+  }
+);
+PopoverContent.displayName = "@optiaxiom/react/PopoverContent";
+
+export { PopoverContent };

package/dist/src/popover-context/PopoverContext.js

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

package/dist/src/popover-trigger/PopoverTrigger.js

@@ -0,0 +1,15 @@
+import { jsx } from 'react/jsx-runtime';
+import * as RadixPopover from '@radix-ui/react-popover';
+import { forwardRef } from 'react';
+import { MenuButton } from '../menu-button/MenuButton.js';
+import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
+import '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
+
+const PopoverTrigger = forwardRef(({ asChild, children, ...props }, ref) => {
+  const { restProps, sprinkleProps } = extractSprinkles(props);
+  return /* @__PURE__ */ jsx(RadixPopover.Trigger, { asChild: true, ref, ...sprinkleProps, children: asChild ? children : /* @__PURE__ */ jsx(MenuButton, { ...restProps, children }) });
+});
+PopoverTrigger.displayName = "@optiaxiom/react/PopoverTrigger";
+
+export { PopoverTrigger };

package/dist/{progress → src/progress}/Progress.js

@@ -11,7 +11,7 @@ const Progress = forwardRef(
       Box,
       {
         asChild: true,
-        bg: "bg.brand.solid",
+        bg: "bg.accent",
         h: "full",
         rounded: "lg",
         style: { width: `${widthPercentage}%` },

package/dist/src/radio-group/RadioGroup.js

@@ -0,0 +1,47 @@
+import { jsx } from 'react/jsx-runtime';
+import * as RadixRadio from '@radix-ui/react-radio-group';
+import { forwardRef } from 'react';
+import { Flex } from '../flex/Flex.js';
+import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
+import { mapResponsiveValue } from '../sprinkles/sprinkles.js';
+import '../sprinkles/sprinklesMerge.js';
+
+const mapDirectionToOrientation = {
+  column: "vertical",
+  row: "horizontal"
+};
+const mapGapToOrientation = {
+  column: "sm",
+  "column-reverse": "sm",
+  row: "md",
+  "row-reverse": "md"
+};
+const RadioGroup = forwardRef(
+  ({ children, flexDirection = "column", ...props }, ref) => {
+    const { restProps, sprinkleProps } = extractSprinkles(props);
+    return /* @__PURE__ */ jsx(
+      Flex,
+      {
+        asChild: true,
+        flexDirection,
+        gap: mapResponsiveValue(
+          flexDirection,
+          (value) => mapGapToOrientation[value]
+        ),
+        ...sprinkleProps,
+        children: /* @__PURE__ */ jsx(
+          RadixRadio.RadioGroup,
+          {
+            orientation: flexDirection === "row" || flexDirection === "column" ? mapDirectionToOrientation[flexDirection] : void 0,
+            ref,
+            ...restProps,
+            children
+          }
+        )
+      }
+    );
+  }
+);
+RadioGroup.displayName = "@optiaxiom/react/RadioGroup";
+
+export { RadioGroup };

package/dist/src/radio-group-item/RadioGroupItem-css.js

@@ -0,0 +1,9 @@
+import './../../assets/src/layers/layers.css.ts.vanilla-KObJMImw.css';
+import './../../assets/src/control-base/ControlBase.css.ts.vanilla-BEz0zQpD.css';
+import './../../assets/src/radio-group-item/RadioGroupItem.css.ts.vanilla-Ck5zAZIX.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var indicator = recipeRuntime({base:[{display:'block',rounded:'inherit',size:'full'},'eu4bj0']});
+var item = recipeRuntime({base:[{border:'1',mt:'2',p:'2',rounded:'full',size:'16'},'_11cl6qu']});
+
+export { indicator, item };