@optiaxiom/react 3.0.0 → 3.0.1

package/dist/esm/packages/react/src/hover-card/HoverCard.js

@@ -1,44 +1,39 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import * as RadixHoverCard from '@radix-ui/react-hover-card';
-import { useControllableState } from '@radix-ui/react-use-controllable-state';
-import { useState } from 'react';
-import { HoverCardContextProvider } from './HoverCardContext.js';
-
-function HoverCard({
-  children,
-  defaultOpen = false,
-  onOpenChange,
-  open: openProp,
-  openDelay = 500,
-  ...props
-}) {
-  const [open, setOpen] = useControllableState({
-    caller: "@optiaxiom/react/HoverCard",
-    defaultProp: defaultOpen,
-    onChange: onOpenChange,
-    prop: openProp
-  });
-  const [presence, setPresence] = useState(false);
-  return /* @__PURE__ */ jsx(
-    RadixHoverCard.Root,
-    {
-      onOpenChange: setOpen,
-      open: open || presence,
-      openDelay,
-      ...props,
-      children: /* @__PURE__ */ jsx(
-        HoverCardContextProvider,
-        {
-          open,
-          presence,
-          setPresence,
-          children
-        }
-      )
-    }
-  );
+import { HoverCardContextProvider } from "./HoverCardContext.js";
+import { useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useControllableState } from "@radix-ui/react-use-controllable-state";
+import * as RadixHoverCard from "@radix-ui/react-hover-card";
+//#region src/hover-card/HoverCard.tsx
+/**
+* Display helpful text or previews inside a dialog when hovering over a link or button.
+*
+* @category overlay
+* @group HoverCard
+* @since 1.7.6
+* @experimental
+*/
+function HoverCard({ children, defaultOpen = false, onOpenChange, open: openProp, openDelay = 500, ...props }) {
+	const [open, setOpen] = useControllableState({
+		caller: "@optiaxiom/react/HoverCard",
+		defaultProp: defaultOpen,
+		onChange: onOpenChange,
+		prop: openProp
+	});
+	const [presence, setPresence] = useState(false);
+	return /* @__PURE__ */ jsx(RadixHoverCard.Root, {
+		onOpenChange: setOpen,
+		open: open || presence,
+		openDelay,
+		...props,
+		children: /* @__PURE__ */ jsx(HoverCardContextProvider, {
+			open,
+			presence,
+			setPresence,
+			children
+		})
+	});
 }
 HoverCard.displayName = "@optiaxiom/react/HoverCard";
-
+//#endregion
 export { HoverCard };

package/dist/esm/packages/react/src/hover-card/HoverCardContent.js

@@ -1,56 +1,51 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { useComposedRefs } from '@radix-ui/react-compose-refs';
-import * as RadixHoverCard from '@radix-ui/react-hover-card';
-import { forwardRef, useRef } from 'react';
-import { Paper } from '../paper/Paper.js';
-import { Portal } from '../portal/Portal.js';
-import { Transition } from '../transition/Transition.js';
-import { TransitionGroup } from '../transition/TransitionGroup.js';
-import { useHoverCardContext } from './HoverCardContext.js';
-
-const HoverCardContent = forwardRef(
-  ({ align = "start", asChild, children, sideOffset = 4, ...props }, outerRef) => {
-    const innerRef = useRef(null);
-    const ref = useComposedRefs(innerRef, outerRef);
-    const { open, presence, setPresence } = useHoverCardContext(
-      "@optiaxiom/react/HoverCardContent"
-    );
-    return /* @__PURE__ */ jsx(
-      TransitionGroup,
-      {
-        onPresenceChange: setPresence,
-        open,
-        presence,
-        children: /* @__PURE__ */ jsx(Portal, { asChild: true, children: /* @__PURE__ */ jsx(Transition, { duration: "sm", children: /* @__PURE__ */ jsx(
-          Paper,
-          {
-            asChild: true,
-            display: "flex",
-            flexDirection: "column",
-            fontSize: "md",
-            gap: "2",
-            maxW: "xs",
-            p: "16",
-            role: "dialog",
-            ...props,
-            children: /* @__PURE__ */ jsx(
-              RadixHoverCard.Content,
-              {
-                align,
-                asChild,
-                forceMount: true,
-                ref,
-                sideOffset,
-                children
-              }
-            )
-          }
-        ) }) })
-      }
-    );
-  }
-);
+import { Transition } from "../transition/Transition.js";
+import { TransitionGroup } from "../transition/TransitionGroup.js";
+import { Paper } from "../paper/Paper.js";
+import { Portal } from "../portal/Portal.js";
+import { useHoverCardContext } from "./HoverCardContext.js";
+import { forwardRef, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useComposedRefs } from "@radix-ui/react-compose-refs";
+import * as RadixHoverCard from "@radix-ui/react-hover-card";
+//#region src/hover-card/HoverCardContent.tsx
+/**
+* @group HoverCard
+*/
+const HoverCardContent = forwardRef(({ align = "start", asChild, children, sideOffset = 4, ...props }, outerRef) => {
+	const ref = useComposedRefs(useRef(null), outerRef);
+	const { open, presence, setPresence } = useHoverCardContext("@optiaxiom/react/HoverCardContent");
+	return /* @__PURE__ */ jsx(TransitionGroup, {
+		onPresenceChange: setPresence,
+		open,
+		presence,
+		children: /* @__PURE__ */ jsx(Portal, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(Transition, {
+				duration: "sm",
+				children: /* @__PURE__ */ jsx(Paper, {
+					asChild: true,
+					display: "flex",
+					flexDirection: "column",
+					fontSize: "md",
+					gap: "2",
+					maxW: "xs",
+					p: "16",
+					role: "dialog",
+					...props,
+					children: /* @__PURE__ */ jsx(RadixHoverCard.Content, {
+						align,
+						asChild,
+						forceMount: true,
+						ref,
+						sideOffset,
+						children
+					})
+				})
+			})
+		})
+	});
+});
 HoverCardContent.displayName = "@optiaxiom/react/HoverCardContent";
-
+//#endregion
 export { HoverCardContent };

package/dist/esm/packages/react/src/hover-card/HoverCardContext.js

@@ -1,5 +1,5 @@
-import { createContext } from '@radix-ui/react-context';
-
+import { createContext } from "@radix-ui/react-context";
+//#region src/hover-card/HoverCardContext.ts
 const [HoverCardContextProvider, useHoverCardContext] = createContext("@optiaxiom/react/HoverCardContext");
-
+//#endregion
 export { HoverCardContextProvider, useHoverCardContext };

package/dist/esm/packages/react/src/hover-card/HoverCardTrigger-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BnNnDBQ3.css';
-import './../../../../assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-Berr9XBH.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var trigger$1 = recipeRuntime({base:'t1xhcy'});
-
-export { trigger$1 as trigger };
+import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-mKFUr5lc.css";
+import "./../../../../assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-BEQBbm14.css";
+//#region src/hover-card/HoverCardTrigger.css.ts
+var trigger = recipeRuntime({ base: "_1hdfpb8" });
+//#endregion
+export { trigger };

package/dist/esm/packages/react/src/hover-card/HoverCardTrigger.js

@@ -1,15 +1,27 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import * as RadixHoverCard from '@radix-ui/react-hover-card';
-import { forwardRef } from 'react';
-import { Box } from '../box/Box.js';
-import { extractBoxProps } from '../box/extractBoxProps.js';
-import { trigger } from './HoverCardTrigger-css.js';
-
+import { extractBoxProps } from "../box/extractBoxProps.js";
+import { Box } from "../box/Box.js";
+import { trigger } from "./HoverCardTrigger-css.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as RadixHoverCard from "@radix-ui/react-hover-card";
+//#region src/hover-card/HoverCardTrigger.tsx
+/**
+* @group HoverCard
+*/
 const HoverCardTrigger = forwardRef(({ children, className, ...props }, ref) => {
-  const { boxProps, restProps } = extractBoxProps(props);
-  return /* @__PURE__ */ jsx(Box, { asChild: true, ...trigger({}, className), ...boxProps, children: /* @__PURE__ */ jsx(RadixHoverCard.Trigger, { ref, ...restProps, children }) });
+	const { boxProps, restProps } = extractBoxProps(props);
+	return /* @__PURE__ */ jsx(Box, {
+		asChild: true,
+		...trigger({}, className),
+		...boxProps,
+		children: /* @__PURE__ */ jsx(RadixHoverCard.Trigger, {
+			ref,
+			...restProps,
+			children
+		})
+	});
 });
 HoverCardTrigger.displayName = "@optiaxiom/react/HoverCardTrigger";
-
+//#endregion
 export { HoverCardTrigger };

package/dist/esm/packages/react/src/icon/Icon-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BnNnDBQ3.css';
-import './../../../../assets/src/icon/Icon.css.ts.vanilla-vhtZBVOk.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var icon$5 = recipeRuntime({base:[{flex:'none'},'_1pjzs33']});
-
-export { icon$5 as icon };
+import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-mKFUr5lc.css";
+import "./../../../../assets/src/icon/Icon.css.ts.vanilla-gyK8wIpc.css";
+//#region src/icon/Icon.css.ts
+var icon = recipeRuntime({ base: [{ flex: "none" }, "ddrsbe"] });
+//#endregion
+export { icon };

package/dist/esm/packages/react/src/icon/Icon.js

@@ -1,16 +1,17 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { Box } from '../box/Box.js';
-import '../sprinkles/sprinkles.js';
-import '../sprinkles/sprinklesMerge.js';
-import { icon } from './Icon-css.js';
-
-const Icon = forwardRef(
-  ({ children, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(Box, { ref, ...icon({}, className), ...props, children });
-  }
-);
+import { Box } from "../box/Box.js";
+import { icon } from "./Icon-css.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/icon/Icon.tsx
+const Icon = forwardRef(({ children, className, ...props }, ref) => {
+	return /* @__PURE__ */ jsx(Box, {
+		ref,
+		...icon({}, className),
+		...props,
+		children
+	});
+});
 Icon.displayName = "@optiaxiom/react/Icon";
-
+//#endregion
 export { Icon };

package/dist/esm/packages/react/src/icons/CheckboxCheck.js

@@ -1,24 +1,18 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { withIcon } from './withIcon.js';
-
-const CheckboxCheck = withIcon(
-  {
-    fill: "none",
-    height: 8,
-    name: "CheckboxCheck",
-    width: 12
-  },
-  /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M1.5 3.47059L4.83333 7L10.5 1",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: "1.5"
-    }
-  )
-);
-
+import { withIcon } from "./withIcon.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/icons/CheckboxCheck.tsx
+const CheckboxCheck = withIcon({
+	fill: "none",
+	height: 8,
+	name: "CheckboxCheck",
+	width: 12
+}, /* @__PURE__ */ jsx("path", {
+	d: "M1.5 3.47059L4.83333 7L10.5 1",
+	stroke: "currentColor",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	strokeWidth: "1.5"
+}));
+//#endregion
 export { CheckboxCheck };

package/dist/esm/packages/react/src/icons/IconMinus.js

@@ -1,20 +1,14 @@
 "use client";
-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"
-    }
-  )
-);
-
+import { withIcon } from "./withIcon.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/icons/IconMinus.tsx
+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"
+}));
+//#endregion
 export { IconMinus };

package/dist/esm/packages/react/src/icons/IconOpal.js

@@ -1,23 +1,17 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { createSlot } from '@radix-ui/react-slot';
-import { forwardRef } from 'react';
-
-const Slot$a = createSlot("@optiaxiom/react/IconOpal");
-const IconOpal = forwardRef(
-  ({ asChild, ...props }, ref) => {
-    const Comp = asChild ? Slot$a : "img";
-    return /* @__PURE__ */ jsx(
-      Comp,
-      {
-        alt: "Opal",
-        ref,
-        src: "data:image/webp;base64,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",
-        ...props
-      }
-    );
-  }
-);
+import { forwardRef } from "react";
+import { createSlot } from "@radix-ui/react-slot";
+import { jsx } from "react/jsx-runtime";
+//#region src/icons/IconOpal.tsx
+const Slot = createSlot("@optiaxiom/react/IconOpal");
+const IconOpal = forwardRef(({ asChild, ...props }, ref) => {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "img", {
+		alt: "Opal",
+		ref,
+		src: "data:image/webp;base64,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",
+		...props
+	});
+});
 IconOpal.displayName = "@optiaxiom/react/IconOpal";
-
+//#endregion
 export { IconOpal };

package/dist/esm/packages/react/src/icons/IconSort.js

@@ -1,20 +1,14 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { withIcon } from './withIcon.js';
-
-const IconSort = withIcon(
-  {
-    height: 12,
-    name: "IconSort",
-    width: 14
-  },
-  /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M3.88274 5.25H10.0937C10.6562 5.25 10.9609 4.57031 10.539 4.14844L7.44524 0.960938C7.32805 0.820312 7.16399 0.75 6.99993 0.75C6.83586 0.75 6.64836 0.820312 6.53118 0.960938L3.43743 4.14844C3.01555 4.57031 3.32024 5.25 3.88274 5.25ZM10.0937 6.75H3.88274C3.32024 6.75 3.01555 7.45312 3.43743 7.875L6.53118 11.0625C6.64836 11.2031 6.81243 11.25 6.99993 11.25C7.16399 11.25 7.32805 11.2031 7.44524 11.0625L10.539 7.875C10.9609 7.45312 10.6562 6.75 10.0937 6.75Z",
-      fill: "currentColor"
-    }
-  )
-);
-
+import { withIcon } from "./withIcon.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/icons/IconSort.tsx
+const IconSort = withIcon({
+	height: 12,
+	name: "IconSort",
+	width: 14
+}, /* @__PURE__ */ jsx("path", {
+	d: "M3.88274 5.25H10.0937C10.6562 5.25 10.9609 4.57031 10.539 4.14844L7.44524 0.960938C7.32805 0.820312 7.16399 0.75 6.99993 0.75C6.83586 0.75 6.64836 0.820312 6.53118 0.960938L3.43743 4.14844C3.01555 4.57031 3.32024 5.25 3.88274 5.25ZM10.0937 6.75H3.88274C3.32024 6.75 3.01555 7.45312 3.43743 7.875L6.53118 11.0625C6.64836 11.2031 6.81243 11.25 6.99993 11.25C7.16399 11.25 7.32805 11.2031 7.44524 11.0625L10.539 7.875C10.9609 7.45312 10.6562 6.75 10.0937 6.75Z",
+	fill: "currentColor"
+}));
+//#endregion
 export { IconSort };

package/dist/esm/packages/react/src/icons/IconSortDown.js

@@ -1,20 +1,14 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { withIcon } from './withIcon.js';
-
-const IconSortDown = withIcon(
-  {
-    height: 12,
-    name: "IconSortDown",
-    width: 14
-  },
-  /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M10.5156 5.78906L7.53907 8.78906C7.375 8.92969 7.1875 9 7 9C6.78907 9 6.60157 8.92969 6.46094 8.78906L3.48438 5.78906C3.25 5.57812 3.17969 5.25 3.29688 4.96875C3.41407 4.6875 3.69532 4.5 4 4.5H9.97657C10.2813 4.5 10.5391 4.6875 10.6563 4.96875C10.7734 5.25 10.7266 5.57812 10.5156 5.78906Z",
-      fill: "currentColor"
-    }
-  )
-);
-
+import { withIcon } from "./withIcon.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/icons/IconSortDown.tsx
+const IconSortDown = withIcon({
+	height: 12,
+	name: "IconSortDown",
+	width: 14
+}, /* @__PURE__ */ jsx("path", {
+	d: "M10.5156 5.78906L7.53907 8.78906C7.375 8.92969 7.1875 9 7 9C6.78907 9 6.60157 8.92969 6.46094 8.78906L3.48438 5.78906C3.25 5.57812 3.17969 5.25 3.29688 4.96875C3.41407 4.6875 3.69532 4.5 4 4.5H9.97657C10.2813 4.5 10.5391 4.6875 10.6563 4.96875C10.7734 5.25 10.7266 5.57812 10.5156 5.78906Z",
+	fill: "currentColor"
+}));
+//#endregion
 export { IconSortDown };

package/dist/esm/packages/react/src/icons/IconSortUp.js

@@ -1,20 +1,14 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { withIcon } from './withIcon.js';
-
-const IconSortUp = withIcon(
-  {
-    height: 12,
-    name: "IconSortUp",
-    width: 14
-  },
-  /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M3.46099 6.23438L6.43756 3.23438C6.60162 3.09375 6.78912 3 7.00006 3C7.18756 3 7.37506 3.09375 7.51568 3.23438L10.4922 6.23438C10.7032 6.44531 10.7735 6.77344 10.6563 7.05469C10.5391 7.33594 10.2813 7.5 9.97662 7.5H4.00006C3.69537 7.5 3.41412 7.33594 3.29693 7.05469C3.17974 6.77344 3.25006 6.44531 3.46099 6.23438Z",
-      fill: "currentColor"
-    }
-  )
-);
-
+import { withIcon } from "./withIcon.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/icons/IconSortUp.tsx
+const IconSortUp = withIcon({
+	height: 12,
+	name: "IconSortUp",
+	width: 14
+}, /* @__PURE__ */ jsx("path", {
+	d: "M3.46099 6.23438L6.43756 3.23438C6.60162 3.09375 6.78912 3 7.00006 3C7.18756 3 7.37506 3.09375 7.51568 3.23438L10.4922 6.23438C10.7032 6.44531 10.7735 6.77344 10.6563 7.05469C10.5391 7.33594 10.2813 7.5 9.97662 7.5H4.00006C3.69537 7.5 3.41412 7.33594 3.29693 7.05469C3.17974 6.77344 3.25006 6.44531 3.46099 6.23438Z",
+	fill: "currentColor"
+}));
+//#endregion
 export { IconSortUp };

package/dist/esm/packages/react/src/icons/withIcon.js

@@ -1,31 +1,20 @@
 "use client";
-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,
-        viewBox: viewBox ?? `0 0 ${width} ${height}`,
-        width,
-        xmlns: "http://www.w3.org/2000/svg",
-        ...props,
-        children
-      }
-    )
-  );
-  Icon.displayName = `@optiaxiom/react/${name}`;
-  return Icon;
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/icons/withIcon.tsx
+const withIcon = ({ fill, height = 16, name, viewBox, width = 20 }, children) => {
+	const Icon = forwardRef((props, ref) => /* @__PURE__ */ jsx("svg", {
+		fill,
+		height,
+		ref,
+		viewBox: viewBox ?? `0 0 ${width} ${height}`,
+		width,
+		xmlns: "http://www.w3.org/2000/svg",
+		...props,
+		children
+	}));
+	Icon.displayName = `@optiaxiom/react/${name}`;
+	return Icon;
 };
-
+//#endregion
 export { withIcon };

package/dist/esm/packages/react/src/indicator/Indicator-css.js

@@ -1,9 +1,51 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BnNnDBQ3.css';
-import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-CMi54fvN.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var badge = recipeRuntime({base:'_1yirljc',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'pv5leu']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_1nrfzmh']}}});
-var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_15kvhdx'],variants:{offset:{false:'_1jjyzhp',true:{}},position:{'bottom-right':'_1kcua8v','top-right':'_4g7e4w'}}});
-var indicator$2 = recipeRuntime({base:[{display:'inline-flex',flexDirection:'column',gap:'16'},'_65c65j']});
-
-export { badge, floating, indicator$2 as indicator };
+import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-mKFUr5lc.css";
+import "./../../../../assets/src/indicator/Indicator.css.ts.vanilla-CYyXAwJM.css";
+//#region src/indicator/Indicator.css.ts
+var badge = recipeRuntime({
+	base: "_1w0mk7v",
+	variants: {
+		offset: {
+			false: {
+				px: "0",
+				py: "0"
+			},
+			true: [{
+				px: "4",
+				py: "0"
+			}, "_1vi6i7z"]
+		},
+		ping: {
+			false: {},
+			true: [{
+				animation: "ping",
+				color: "transparent",
+				pointerEvents: "none"
+			}, "_1ghszj7"]
+		}
+	}
+});
+var floating = recipeRuntime({
+	base: [{
+		display: "inline-flex",
+		pointerEvents: "none",
+		z: "10"
+	}, "_7v6x2t"],
+	variants: {
+		offset: {
+			false: "_1b6jpad",
+			true: {}
+		},
+		position: {
+			"bottom-right": "l1uoiw",
+			"top-right": "sqkogx"
+		}
+	}
+});
+var indicator = recipeRuntime({ base: [{
+	display: "inline-flex",
+	flexDirection: "column",
+	gap: "16"
+}, "_10hbcl9"] });
+//#endregion
+export { badge, floating, indicator };