@optiaxiom/react 0.1.0-next.9 → 0.2.0

package/dist/src/icons/IconEllipsis.js

@@ -0,0 +1,35 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { withIcon } from './withIcon.js';
+
+const IconEllipsis = withIcon(
+  {
+    height: 2,
+    name: "IconEllipsis",
+    width: 10
+  },
+  /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M1.24456 2C0.752369 2 0.34967 1.5973 0.34967 1.10511C0.34967 0.612927 0.752369 0.210228 1.24456 0.210228C1.73674 0.210228 2.13944 0.612927 2.13944 1.10511C2.13944 1.5973 1.73674 2 1.24456 2Z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M5.00003 2C4.50784 2 4.10514 1.5973 4.10514 1.10511C4.10514 0.612927 4.50784 0.210228 5.00003 0.210228C5.49221 0.210228 5.89491 0.612927 5.89491 1.10511C5.89491 1.5973 5.49221 2 5.00003 2Z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M8.75549 2C8.26331 2 7.86061 1.5973 7.86061 1.10511C7.86061 0.612927 8.26331 0.210228 8.75549 0.210228C9.24768 0.210228 9.65038 0.612927 9.65038 1.10511C9.65038 1.5973 9.24768 2 8.75549 2Z",
+        fill: "currentColor"
+      }
+    )
+  ] })
+);
+
+export { IconEllipsis };

package/dist/src/icons/IconMagnifyingGlass.js

@@ -0,0 +1,31 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { withIcon } from './withIcon.js';
+
+const IconMagnifyingGlass = withIcon(
+  {
+    fill: "none",
+    name: "IconMagnifyingGlass"
+  },
+  /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M8 13C11.3137 13 14 10.3137 14 7C14 3.68629 11.3137 1 8 1C4.68629 1 2 3.68629 2 7C2 10.3137 4.68629 13 8 13Z",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M16.5 15.5L12.5 11.5",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  ] })
+);
+
+export { IconMagnifyingGlass };

package/dist/src/icons/IconMinus.js

@@ -0,0 +1,19 @@
+import { jsx } from 'react/jsx-runtime';
+import { withIcon } from './withIcon.js';
+
+const IconMinus = withIcon(
+  {
+    height: 8,
+    name: "IconMinus",
+    width: 12
+  },
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M2.85714 3.19995C2.35714 3.19995 2 3.56662 2 3.99995C2 4.46662 2.35714 4.79995 2.85714 4.79995H9.14286C9.60714 4.79995 10 4.46662 10 3.99995C10 3.56662 9.60714 3.19995 9.14286 3.19995H2.85714Z",
+      fill: "currentColor"
+    }
+  )
+);
+
+export { IconMinus };

package/dist/src/icons/IconTriangleExclamation.js

@@ -0,0 +1,20 @@
+import { jsx } from 'react/jsx-runtime';
+import { withIcon } from './withIcon.js';
+
+const IconTriangleExclamation = withIcon(
+  {
+    name: "IconTriangleExclamation",
+    viewBox: "0 0 20 16"
+  },
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      clipRule: "evenodd",
+      d: "M10 4.5685C10.2761 4.5685 10.5 4.79235 10.5 5.0685V9.7798C10.5 10.0559 10.2761 10.2798 10 10.2798C9.72386 10.2798 9.5 10.0559 9.5 9.7798V5.0685C9.5 4.79235 9.72386 4.5685 10 4.5685ZM9.5 12.0666C9.5 11.7905 9.72386 11.5666 10 11.5666H10.0077C10.2838 11.5666 10.5077 11.7905 10.5077 12.0666C10.5077 12.3427 10.2838 12.5666 10.0077 12.5666H10C9.72386 12.5666 9.5 12.3427 9.5 12.0666ZM3.07043 13.1814L9.54902 2.25762C9.59738 2.17777 9.66447 2.11288 9.74302 2.06821C9.82209 2.02325 9.91056 2 10 2C10.0894 2 10.1779 2.02325 10.257 2.06821C10.3355 2.11288 10.4026 2.17778 10.451 2.25763L16.9296 13.1814C16.9752 13.2634 16.9997 13.3565 17 13.4518C17.0003 13.5492 16.9753 13.6444 16.9282 13.7278C16.8811 13.8112 16.8139 13.8795 16.7343 13.9268C16.656 13.9733 16.5679 13.9983 16.4784 14H3.52155C3.4321 13.9983 3.34399 13.9733 3.26566 13.9268C3.18606 13.8795 3.1189 13.8112 3.07184 13.7278C3.02474 13.6444 2.99973 13.5492 3 13.4518C3.00027 13.3565 3.02476 13.2633 3.07043 13.1814ZM3.51456 15C3.24718 14.997 2.98523 14.9234 2.75477 14.7864C2.52431 14.6495 2.33337 14.4539 2.20095 14.2193C2.06854 13.9847 1.99926 13.7191 2.00001 13.449C2.00075 13.179 2.07151 12.9138 2.20522 12.6799L8.69066 1.74455C8.82716 1.51726 9.01936 1.32935 9.2487 1.19893C9.47805 1.06851 9.7368 1 10 1C10.2632 1 10.522 1.06851 10.7513 1.19893C10.9806 1.32935 11.1728 1.51726 11.3093 1.74455L17.7948 12.6799C17.9285 12.9138 17.9992 13.179 18 13.449C18.0007 13.7191 17.9315 13.9847 17.799 14.2193C17.6666 14.4539 17.4757 14.6495 17.2452 14.7864C17.0148 14.9234 16.7528 14.997 16.4854 15H3.51456Z",
+      fill: "currentColor",
+      fillRule: "evenodd"
+    }
+  )
+);
+
+export { IconTriangleExclamation };

package/dist/src/icons/IconTriangleExclamationFilled.js

@@ -0,0 +1,19 @@
+import { jsx } from 'react/jsx-runtime';
+import { withIcon } from './withIcon.js';
+
+const IconTriangleExclamationFilled = withIcon(
+  {
+    name: "IconTriangleExclamationFilled",
+    viewBox: "0 0 512 512"
+  },
+  // <!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480L40 480c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24l0 112c0 13.3 10.7 24 24 24s24-10.7 24-24l0-112c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z",
+      fill: "currentColor"
+    }
+  )
+);
+
+export { IconTriangleExclamationFilled };

package/dist/src/icons/IconUpRightFromSquare.js

@@ -0,0 +1,40 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { withIcon } from './withIcon.js';
+
+const IconUpRightFromSquare = withIcon(
+  {
+    fill: "none",
+    name: "IconUpRightFromSquare"
+  },
+  /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M15 8.83333V13.8333C15 14.2754 14.8244 14.6993 14.5118 15.0118C14.1993 15.3244 13.7754 15.5 13.3333 15.5H4.16667C3.72464 15.5 3.30072 15.3244 2.98816 15.0118C2.67559 14.6993 2.5 14.2754 2.5 13.8333V4.66667C2.5 4.22464 2.67559 3.80072 2.98816 3.48816C3.30072 3.17559 3.72464 3 4.16667 3H9.16667",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M12.5 0.5H17.5V5.5",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M8.33333 9.66667L17.5 0.5",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  ] })
+);
+
+export { IconUpRightFromSquare };

package/dist/src/icons/IconX.js

@@ -0,0 +1,17 @@
+import { jsx } from 'react/jsx-runtime';
+import { withIcon } from './withIcon.js';
+
+const IconX = withIcon(
+  {
+    name: "IconX"
+  },
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M14.8436 12.875C14.6561 13.0625 14.3124 13.0625 14.1249 12.875L9.99988 8.71875L5.84363 12.875C5.65613 13.0625 5.31238 13.0625 5.12488 12.875C4.93738 12.6875 4.93738 12.3438 5.12488 12.1562L9.28113 8L5.12488 3.875C4.93738 3.6875 4.93738 3.34375 5.12488 3.15625C5.31238 2.96875 5.65613 2.96875 5.84363 3.15625L9.99988 7.3125L14.1249 3.15625C14.3124 2.96875 14.6561 2.96875 14.8436 3.15625C15.0311 3.34375 15.0311 3.6875 14.8436 3.875L10.6874 8L14.8436 12.1562C15.0311 12.3438 15.0311 12.6875 14.8436 12.875Z",
+      fill: "currentColor"
+    }
+  )
+);
+
+export { IconX };

package/dist/src/icons/withIcon.js

@@ -0,0 +1,31 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+
+const withIcon = ({
+  fill,
+  height = 16,
+  name,
+  viewBox,
+  width = 20
+}, children) => {
+  const Icon = forwardRef(
+    (props, ref) => /* @__PURE__ */ jsx(
+      "svg",
+      {
+        fill,
+        height,
+        ref,
+        role: "img",
+        viewBox: viewBox ?? `0 0 ${width} ${height}`,
+        width,
+        xmlns: "http://www.w3.org/2000/svg",
+        ...props,
+        children
+      }
+    )
+  );
+  Icon.displayName = `@optiaxiom/react/${name}`;
+  return Icon;
+};
+
+export { withIcon };

package/dist/src/indicator/Indicator-css.js

@@ -0,0 +1,9 @@
+import './../../assets/src/layers/layers.css.ts.vanilla-79mCcHcb.css';
+import './../../assets/src/indicator/Indicator.css.ts.vanilla-Dc2WTJBB.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var badge = recipeRuntime({base:'_1lisds8',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'6'},'uki4ay']},ping:{false:{},true:[{animation:'ping',color:'transparent'},'_16xecw3']}}});
+var floating = recipeRuntime({base:[{display:'inline-flex',z:'10'},'_1r0cvm4'],variants:{offset:{false:'_1rnyqbq',true:{}},position:{'bottom-right':'lnsxc6','top-right':'_1e7gshw'}}});
+var indicator = recipeRuntime({base:[{display:'inline-flex'},'_1sqtk25']});
+
+export { badge, floating, indicator };

package/dist/src/indicator/Indicator.js

@@ -0,0 +1,52 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Badge } from '../badge/Badge.js';
+import { Box } from '../box/Box.js';
+import { Flex } from '../flex/Flex.js';
+import { indicator, floating, badge } from './Indicator-css.js';
+
+const Indicator = forwardRef(
+  ({
+    asChild,
+    children,
+    className,
+    colorScheme,
+    content,
+    disabled,
+    offset = true,
+    ping,
+    position = "top-right",
+    variant,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxs(Flex, { ref, ...indicator({}, className), ...props, children: [
+      !disabled && /* @__PURE__ */ jsxs(Box, { ...floating({ offset, position }), children: [
+        ping && /* @__PURE__ */ jsx(
+          Badge,
+          {
+            "aria-hidden": "true",
+            asChild,
+            colorScheme,
+            variant,
+            ...badge({ offset, ping: true }),
+            children: content
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Badge,
+          {
+            asChild,
+            colorScheme,
+            variant,
+            ...badge({ offset }),
+            children: content
+          }
+        )
+      ] }),
+      children
+    ] });
+  }
+);
+Indicator.displayName = "@optiaxiom/react/Indicator";
+
+export { Indicator };

package/dist/src/input/Input-css.js

@@ -0,0 +1,7 @@
+import './../../assets/src/layers/layers.css.ts.vanilla-79mCcHcb.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var addon = recipeRuntime({base:{flex:'none'},variants:{position:{end:{mr:'8'},start:{ml:'8'}},size:{sm:{},md:{},lg:{}}},variantsCompounded:[{style:{mr:'4'},variants:{position:'end',size:'sm'}},{style:{ml:'4'},variants:{position:'start',size:'sm'}}]});
+var input = recipeRuntime({variants:{appearance:{'default':{textAlign:'start'},number:{textAlign:'end'}}}});
+
+export { addon, input };

package/dist/src/input/Input.js

@@ -0,0 +1,35 @@
+import { jsx } from 'react/jsx-runtime';
+import { Slot } from '@radix-ui/react-slot';
+import { forwardRef } from 'react';
+import { Box } from '../box/Box.js';
+import { InputBase } from '../input-base/InputBase.js';
+import '../utils/conditions.js';
+import { fallbackSpan } from '../utils/fallbackSpan.js';
+import { addon, input } from './Input-css.js';
+
+const Input = forwardRef(
+  ({
+    addonAfter,
+    addonBefore,
+    appearance = "default",
+    asChild,
+    children,
+    size = "md",
+    ...props
+  }, ref) => {
+    const Comp = asChild ? Slot : "input";
+    return /* @__PURE__ */ jsx(
+      InputBase,
+      {
+        addonAfter: addonAfter && /* @__PURE__ */ jsx(Box, { asChild: true, ...addon({ position: "end", size }), children: fallbackSpan(addonAfter) }),
+        addonBefore: addonBefore && /* @__PURE__ */ jsx(Box, { asChild: true, ...addon({ position: "start", size }), children: fallbackSpan(addonBefore) }),
+        size,
+        ...props,
+        children: /* @__PURE__ */ jsx(Box, { asChild: true, ...input({ appearance }), children: /* @__PURE__ */ jsx(Comp, { ref, children }) })
+      }
+    );
+  }
+);
+Input.displayName = "@optiaxiom/react/Input";
+
+export { Input };

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

@@ -0,0 +1,9 @@
+import './../../assets/src/layers/layers.css.ts.vanilla-79mCcHcb.css';
+import './../../assets/src/table-row/TableRow.css.ts.vanilla-BwAVjqZ1.css';
+import './../../assets/src/input-base/InputBase.css.ts.vanilla-D9bBsPhX.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var input = recipeRuntime({base:['_3xbqfw',{bg:'transparent',flex:'auto',w:'full'},'b7w102','nmd95f'],variants:{size:{md:{px:'8',py:'4'},lg:{p:'8'}}}});
+var wrapper = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'_95x4ye']});
+
+export { input, wrapper };

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

@@ -0,0 +1,80 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useComposedRefs } from '@radix-ui/react-compose-refs';
+import { Slot } from '@radix-ui/react-slot';
+import clsx from 'clsx';
+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 { descriptionId, error, errorId, inputId } = 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-describedby": errorId || descriptionId ? clsx(errorId, descriptionId) : void 0,
+              "aria-disabled": disabled,
+              "aria-invalid": error ? true : void 0,
+              asChild: true,
+              "data-disabled": disabled ? "" : void 0,
+              "data-invalid": error ? "" : void 0,
+              "data-readonly": readOnly ? "" : void 0,
+              ...input({ size }),
+              children: /* @__PURE__ */ jsx(Slot, { id: inputId, ref, ...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-79mCcHcb.css';
+import './../../assets/src/kbd/Kbd.css.ts.vanilla-C-36TI1F.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:'hvffzg',variants:{variant:{outline:'_1bnmt9t',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-79mCcHcb.css';
+
+var axiom = 'optiaxiom';
+var base = 'optiaxiom.base';
+var components = 'optiaxiom.xkvm1p';
+var reset = 'optiaxiom.y1sbfe';
+
+export { axiom, base, components, reset };

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

@@ -0,0 +1,8 @@
+import './../../assets/src/layers/layers.css.ts.vanilla-79mCcHcb.css';
+import './../../assets/src/link/Link.css.ts.vanilla-neN-iY37.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_1hgyw99']});
+var link = recipeRuntime({base:['_1gv1sds'],variants:{appearance:{'default':'fw4wfz',inverse:'_1ahexjc',subtle:'_1e75nni'}}});
+
+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(
+  ({
+    appearance = "default",
+    children,
+    className,
+    disabled,
+    external,
+    href,
+    ...props
+  }, ref) => {
+    const { restProps, sprinkleProps } = extractSprinkles(props);
+    return /* @__PURE__ */ jsx(
+      Box,
+      {
+        asChild: true,
+        ...link({ appearance }, 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,23 @@
+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",
+        justifyContent: "space-between",
+        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-79mCcHcb.css';
+import './../../assets/src/menu-content-base/MenuContentBase.css.ts.vanilla-Cc4WMGHB.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'},'_2qyz5b'],variants:{minW:{'0':{},trigger:'_11dh2fy'},provider:{'dropdown-menu':'po1dsp',popover:'_1eseos7',popper:'_10ljk5f'}}});
+
+export { content };

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

@@ -0,0 +1,42 @@
+import { jsx } from 'react/jsx-runtime';
+import { DropdownMenuPortal } from '@radix-ui/react-dropdown-menu';
+import { PopoverPortal } from '@radix-ui/react-popover';
+import { Portal } from '@radix-ui/react-portal';
+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 mapProviderToPortal = {
+  "dropdown-menu": DropdownMenuPortal,
+  popover: PopoverPortal,
+  popper: Portal
+};
+const MenuContentBase = forwardRef(
+  ({
+    children,
+    className,
+    enableExitAnimation,
+    minW,
+    open,
+    provider = "popover",
+    ...props
+  }, ref) => {
+    const Portal2 = mapProviderToPortal[provider];
+    const element = /* @__PURE__ */ jsx(Portal2, { ...provider !== "popper" && { forceMount: true }, children: /* @__PURE__ */ jsx(Transition, { duration: "sm", type: "pop", children: /* @__PURE__ */ jsx(
+      Box,
+      {
+        asChild: true,
+        ref,
+        ...content({ minW, provider }, className),
+        ...props,
+        children
+      }
+    ) }) });
+    return enableExitAnimation ? /* @__PURE__ */ jsx(AnimatePresence, { children: open && element }) : open && element;
+  }
+);
+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-79mCcHcb.css';
+import './../../assets/src/menu-item-base/MenuItemBase.css.ts.vanilla-BKtu4IMK.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'xs',p:'xs',rounded:'sm',transition:'colors'},'u0v3of'],variants:{colorScheme:{danger:'_1eijz2v',neutral:'_1cuhej6'}}});
+
+export { item };