@optiaxiom/react 1.9.36 → 1.9.38

package/dist/esm/packages/react/src/label-menu-button/LabelMenuButton-css.js

@@ -1,11 +1,31 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CZ4LjAw2.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-DPDtpEdO.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-yaMGqAKP.css';
-import './../../../../assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-TG20c-SJ.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var button = recipeRuntime({base:[{justifyContent:'space-between'},'r3k1yq']});
-var content$1 = recipeRuntime({base:[{fontSize:'sm',transition:'all'}],variants:{filled:{false:{h:'0'},true:{h:'16'}}}});
-var label$1 = recipeRuntime({base:[{color:'fg.secondary',cursor:'pointer',maxW:'full',transition:'all'}],variants:{filled:{false:{fontSize:'md'},true:{fontSize:'xs'}}}});
-
-export { button, content$1 as content, label$1 as label };
+import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-D2KEETGI.css";
+import "./../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-CdFjsC3-.css";
+import "./../../../../assets/src/button/ButtonRoot.css.ts.vanilla-g3vHDS5O.css";
+import "./../../../../assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-Dhb4Jq6F.css";
+//#region src/label-menu-button/LabelMenuButton.css.ts
+var button = recipeRuntime({ base: [{ justifyContent: "space-between" }, "_1y2ksp4"] });
+var content = recipeRuntime({
+	base: [{
+		fontSize: "sm",
+		transition: "all"
+	}],
+	variants: { filled: {
+		false: { h: "0" },
+		true: { h: "16" }
+	} }
+});
+var label = recipeRuntime({
+	base: [{
+		color: "fg.secondary",
+		cursor: "pointer",
+		maxW: "full",
+		transition: "all"
+	}],
+	variants: { filled: {
+		false: { fontSize: "md" },
+		true: { fontSize: "xs" }
+	} }
+});
+//#endregion
+export { button, content, label };

package/dist/esm/packages/react/src/label-menu-button/LabelMenuButton.js

@@ -1,50 +1,56 @@
 "use client";
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { useId } from '@radix-ui/react-id';
-import { Label } from '@radix-ui/react-label';
-import clsx from 'clsx';
-import { forwardRef } from 'react';
-import { ButtonAddon } from '../button/ButtonAddon.js';
-import { ButtonRoot } from '../button/ButtonRoot.js';
-import { Group } from '../group/Group.js';
-import { IconAngleDown } from '../icons/IconAngleDown.js';
-import { Text } from '../text/Text.js';
-import { label, content, button } from './LabelMenuButton-css.js';
-
-const LabelMenuButton = forwardRef(
-  ({ "aria-labelledby": ariaLabelledBy, children, className, label: label$1, ...props }, ref) => {
-    const filled = String(props["aria-expanded"]) === "true" || Boolean(children);
-    const labelId = useId();
-    const valueId = useId();
-    return /* @__PURE__ */ jsxs(
-      ButtonRoot,
-      {
-        "aria-labelledby": ariaLabelledBy ? clsx(labelId, ariaLabelledBy) : clsx(labelId, children && valueId),
-        "data-filled": filled ? "" : void 0,
-        ref,
-        size: "lg",
-        ...button({}, className),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxs(
-            Group,
-            {
-              flexDirection: "column",
-              gap: "0",
-              overflow: "hidden",
-              textAlign: "start",
-              children: [
-                /* @__PURE__ */ jsx(Text, { asChild: true, id: labelId, truncate: true, ...label({ filled }), children: /* @__PURE__ */ jsx(Label, { children: label$1 }) }),
-                /* @__PURE__ */ jsx(Text, { id: valueId, truncate: true, ...content({ filled }), children: children ?? /* @__PURE__ */ jsx(Fragment, { children: "\xA0" }) })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx(ButtonAddon, { asChild: true, children: /* @__PURE__ */ jsx(IconAngleDown, {}) })
-        ]
-      }
-    );
-  }
-);
+import { ButtonAddon } from "../button/ButtonAddon.js";
+import { Text } from "../text/Text.js";
+import { Group } from "../group/Group.js";
+import { ButtonRoot } from "../button/ButtonRoot.js";
+import { IconAngleDown } from "../icons/IconAngleDown.js";
+import { button, content, label } from "./LabelMenuButton-css.js";
+import { useId } from "@radix-ui/react-id";
+import { forwardRef } from "react";
+import clsx from "clsx";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Label } from "@radix-ui/react-label";
+//#region src/label-menu-button/LabelMenuButton.tsx
+/**
+* Button displaying both a label and value, used as the trigger for Select
+* components.
+*
+* @group Button
+*/
+const LabelMenuButton = forwardRef(({ "aria-labelledby": ariaLabelledBy, children, className, label: label$1, ...props }, ref) => {
+	const filled = String(props["aria-expanded"]) === "true" || Boolean(children);
+	const labelId = useId();
+	const valueId = useId();
+	return /* @__PURE__ */ jsxs(ButtonRoot, {
+		"aria-labelledby": ariaLabelledBy ? clsx(labelId, ariaLabelledBy) : clsx(labelId, children && valueId),
+		"data-filled": filled ? "" : void 0,
+		ref,
+		size: "lg",
+		...button({}, className),
+		...props,
+		children: [/* @__PURE__ */ jsxs(Group, {
+			flexDirection: "column",
+			gap: "0",
+			overflow: "hidden",
+			textAlign: "start",
+			children: [/* @__PURE__ */ jsx(Text, {
+				asChild: true,
+				id: labelId,
+				truncate: true,
+				...label({ filled }),
+				children: /* @__PURE__ */ jsx(Label, { children: label$1 })
+			}), /* @__PURE__ */ jsx(Text, {
+				id: valueId,
+				truncate: true,
+				...content({ filled }),
+				children: children ?? /* @__PURE__ */ jsx(Fragment$1, { children: "\xA0" })
+			})]
+		}), /* @__PURE__ */ jsx(ButtonAddon, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(IconAngleDown, {})
+		})]
+	});
+});
 LabelMenuButton.displayName = "@optiaxiom/react/LabelMenuButton";
-
+//#endregion
 export { LabelMenuButton };

package/dist/esm/packages/react/src/layers/layers-css.js

@@ -1,9 +1,17 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CZ4LjAw2.css';
-
-var axiom = 'optiaxiom';
-var base = 'optiaxiom.base';
-var components = 'optiaxiom.yvqquz';
-var reset = 'optiaxiom.wmxn8d';
-var theme = 'optiaxiom.theme';
-
-export { axiom, base, components, reset, theme };
+import { __exportAll } from "../../../../_virtual/_rolldown/runtime.js";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-D2KEETGI.css";
+//#region src/layers/layers.css.ts
+var layers_css_exports = /* @__PURE__ */ __exportAll({
+	axiom: () => axiom,
+	base: () => base,
+	components: () => components,
+	reset: () => reset,
+	theme: () => theme
+});
+var axiom = "optiaxiom";
+var base = "optiaxiom.base";
+var components = "optiaxiom.v83qwl";
+var reset = "optiaxiom._1ex9czh";
+var theme = "optiaxiom.theme";
+//#endregion
+export { layers_css_exports, theme };

package/dist/esm/packages/react/src/layout/Layout-css.js

@@ -1,7 +1,18 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CZ4LjAw2.css';
-import './../../../../assets/src/layout/Layout.css.ts.vanilla-D3nQ_Mvh.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var layout = recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_1yxr7sy'],variants:{size:{full:'_1plsfpi',screen:'_142che3'}}});
-
+import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-D2KEETGI.css";
+import "./../../../../assets/src/layout/Layout.css.ts.vanilla-DrhQALKH.css";
+//#region src/layout/Layout.css.ts
+var layout = recipeRuntime({
+	base: [{
+		bg: "bg.page",
+		display: "flex",
+		flexDirection: "column",
+		fontSize: "md"
+	}, "_1hmw4rv"],
+	variants: { size: {
+		full: "sjonco",
+		screen: "_1uxlm6o"
+	} }
+});
+//#endregion
 export { layout };

package/dist/esm/packages/react/src/layout/Layout.js

@@ -1,43 +1,54 @@
 "use client";
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { Box } from '../box/Box.js';
-import '../sprinkles/sprinkles.js';
-import '../sprinkles/sprinklesMerge.js';
-import { Resizable } from '../resizable/Resizable.js';
-import { ResizableHandle } from '../resizable/ResizableHandle.js';
-import { ResizablePanel } from '../resizable/ResizablePanel.js';
-import { layout } from './Layout-css.js';
-
-const Layout = forwardRef(
-  ({
-    children,
-    className,
-    detailsPanel,
-    header,
-    resizable,
-    sidebar,
-    size = "screen",
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsxs(Box, { ref, ...layout({ size }, className), ...props, children: [
-      header,
-      /* @__PURE__ */ jsxs(Box, { display: "flex", flex: "1", overflow: "auto", children: [
-        sidebar,
-        resizable ? /* @__PURE__ */ jsxs(Resizable, { children: [
-          /* @__PURE__ */ jsx(ResizablePanel, { minSize: 33, children: /* @__PURE__ */ jsx(Box, { asChild: true, h: "full", children }) }),
-          detailsPanel && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(ResizableHandle, {}),
-            /* @__PURE__ */ jsx(ResizablePanel, { defaultSize: 33, minSize: 33, children: detailsPanel })
-          ] })
-        ] }) : /* @__PURE__ */ jsxs(Box, { display: "flex", flex: "1", children: [
-          /* @__PURE__ */ jsx(Box, { asChild: true, w: detailsPanel ? "2/3" : "full", children }),
-          detailsPanel && /* @__PURE__ */ jsx(Box, { w: "1/3", children: detailsPanel })
-        ] })
-      ] })
-    ] });
-  }
-);
+import { Box } from "../box/Box.js";
+import { Resizable } from "../resizable/Resizable.js";
+import { ResizableHandle } from "../resizable/ResizableHandle.js";
+import { ResizablePanel } from "../resizable/ResizablePanel.js";
+import { layout } from "./Layout-css.js";
+import { forwardRef } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/layout/Layout.tsx
+/**
+* Implement a basic page layout with multiple content areas.
+*
+* @category layout
+* @since 1.6.0
+* @experimental
+*/
+const Layout = forwardRef(({ children, className, detailsPanel, header, resizable, sidebar, size = "screen", ...props }, ref) => {
+	return /* @__PURE__ */ jsxs(Box, {
+		ref,
+		...layout({ size }, className),
+		...props,
+		children: [header, /* @__PURE__ */ jsxs(Box, {
+			display: "flex",
+			flex: "1",
+			overflow: "auto",
+			children: [sidebar, resizable ? /* @__PURE__ */ jsxs(Resizable, { children: [/* @__PURE__ */ jsx(ResizablePanel, {
+				minSize: 33,
+				children: /* @__PURE__ */ jsx(Box, {
+					asChild: true,
+					h: "full",
+					children
+				})
+			}), detailsPanel && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(ResizableHandle, {}), /* @__PURE__ */ jsx(ResizablePanel, {
+				defaultSize: 33,
+				minSize: 33,
+				children: detailsPanel
+			})] })] }) : /* @__PURE__ */ jsxs(Box, {
+				display: "flex",
+				flex: "1",
+				children: [/* @__PURE__ */ jsx(Box, {
+					asChild: true,
+					w: detailsPanel ? "2/3" : "full",
+					children
+				}), detailsPanel && /* @__PURE__ */ jsx(Box, {
+					w: "1/3",
+					children: detailsPanel
+				})]
+			})]
+		})]
+	});
+});
 Layout.displayName = "@optiaxiom/react/Layout";
-
+//#endregion
 export { Layout };

package/dist/esm/packages/react/src/layout/LayoutContent-css.js

@@ -1,7 +1,13 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CZ4LjAw2.css';
-import './../../../../assets/src/layout/LayoutContent.css.ts.vanilla-Dh5-0tPG.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var content = recipeRuntime({base:[{flexDirection:'column',gap:'16',overflow:'auto',px:'32',py:'24'},'_14hamie']});
-
+import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-D2KEETGI.css";
+import "./../../../../assets/src/layout/LayoutContent.css.ts.vanilla-BD8baLK5.css";
+//#region src/layout/LayoutContent.css.ts
+var content = recipeRuntime({ base: [{
+	flexDirection: "column",
+	gap: "16",
+	overflow: "auto",
+	px: "32",
+	py: "24"
+}, "_3qf3c"] });
+//#endregion
 export { content };

package/dist/esm/packages/react/src/layout/LayoutContent.js

@@ -1,23 +1,21 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { Group } from '../group/Group.js';
-import { content } from './LayoutContent-css.js';
-
-const LayoutContent = forwardRef(
-  ({ children, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      Group,
-      {
-        ref,
-        tabIndex: 0,
-        ...content({}, className),
-        ...props,
-        children
-      }
-    );
-  }
-);
+import { Group } from "../group/Group.js";
+import { content } from "./LayoutContent-css.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/layout/LayoutContent.tsx
+/**
+* @group Layout
+*/
+const LayoutContent = forwardRef(({ children, className, ...props }, ref) => {
+	return /* @__PURE__ */ jsx(Group, {
+		ref,
+		tabIndex: 0,
+		...content({}, className),
+		...props,
+		children
+	});
+});
 LayoutContent.displayName = "@optiaxiom/react/LayoutContent";
-
+//#endregion
 export { LayoutContent };

package/dist/esm/packages/react/src/link/Link-css.js

@@ -1,8 +1,18 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CZ4LjAw2.css';
-import './../../../../assets/src/link/Link.css.ts.vanilla-Bd4SX7bE.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var icon$1 = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_1fqfkm6']});
-var link$1 = recipeRuntime({base:['mswex4'],variants:{appearance:{'default':'_1e17rso',inverse:'_1iiy227',subtle:'epkoo4'}}});
-
-export { icon$1 as icon, link$1 as link };
+import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-D2KEETGI.css";
+import "./../../../../assets/src/link/Link.css.ts.vanilla-BMk97AlZ.css";
+//#region src/link/Link.css.ts
+var icon = recipeRuntime({ base: [{
+	display: "inline-flex",
+	ml: "4"
+}, "_101gb2v"] });
+var link = recipeRuntime({
+	base: ["wuhmyn"],
+	variants: { appearance: {
+		"default": "c4b3p5",
+		inverse: "_4pxryj",
+		subtle: "_1lyyw4r"
+	} }
+});
+//#endregion
+export { icon, link };

package/dist/esm/packages/react/src/link/Link.js

@@ -1,50 +1,57 @@
 "use client";
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { createSlot } from '@radix-ui/react-slot';
-import { forwardRef } from 'react';
-import { Box } from '../box/Box.js';
-import { extractBoxProps } from '../box/extractBoxProps.js';
-import { Cover } from '../cover/Cover.js';
-import { IconUpRightFromSquare } from '../icons/IconUpRightFromSquare.js';
-import '../utils/conditions.js';
-import { decorateChildren } from '../utils/decorateChildren.js';
-import '../utils/isHoverSupported.js';
-import { icon, link } from './Link-css.js';
-
-const Slot$7 = createSlot("@optiaxiom/react/Link");
-const Link = forwardRef(
-  ({
-    appearance = "default",
-    asChild,
-    children,
-    className,
-    cover,
-    disabled,
-    external,
-    ...props
-  }, ref) => {
-    const Comp = asChild ? Slot$7 : "a";
-    const { boxProps, restProps } = extractBoxProps(props);
-    return /* @__PURE__ */ jsx(Box, { asChild: true, ...link({ appearance }, className), ...boxProps, children: /* @__PURE__ */ jsx(Cover, { asChild: true, disabled: !cover, inset: cover === "inset", children: /* @__PURE__ */ jsx(
-      Comp,
-      {
-        "aria-disabled": disabled,
-        "data-disabled": disabled ? "" : void 0,
-        ref,
-        ...external && { rel: "noopener noreferrer", target: "_blank" },
-        ...restProps,
-        ...disabled && {
-          href: void 0,
-          role: "link"
-        },
-        children: decorateChildren({ asChild, children }, (children2) => /* @__PURE__ */ jsxs(Fragment, { children: [
-          children2,
-          external && /* @__PURE__ */ jsx(Box, { asChild: true, ...icon(), children: /* @__PURE__ */ jsx(IconUpRightFromSquare, {}) })
-        ] }))
-      }
-    ) }) });
-  }
-);
+import { extractBoxProps } from "../box/extractBoxProps.js";
+import { Box } from "../box/Box.js";
+import { decorateChildren } from "../utils/decorateChildren.js";
+import { Cover } from "../cover/Cover.js";
+import { IconUpRightFromSquare } from "../icons/IconUpRightFromSquare.js";
+import { icon, link } from "./Link-css.js";
+import { forwardRef } from "react";
+import { createSlot } from "@radix-ui/react-slot";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/link/Link.tsx
+const Slot = createSlot("@optiaxiom/react/Link");
+/**
+* Anchor element for creating hyperlinks.
+*
+* @category navigation
+* @since 0.1.0
+*/
+const Link = forwardRef(({ appearance = "default", asChild, children, className, cover, disabled, external, ...props }, ref) => {
+	const Comp = asChild ? Slot : "a";
+	const { boxProps, restProps } = extractBoxProps(props);
+	return /* @__PURE__ */ jsx(Box, {
+		asChild: true,
+		...link({ appearance }, className),
+		...boxProps,
+		children: /* @__PURE__ */ jsx(Cover, {
+			asChild: true,
+			disabled: !cover,
+			inset: cover === "inset",
+			children: /* @__PURE__ */ jsx(Comp, {
+				"aria-disabled": disabled,
+				"data-disabled": disabled ? "" : void 0,
+				ref,
+				...external && {
+					rel: "noopener noreferrer",
+					target: "_blank"
+				},
+				...restProps,
+				...disabled && {
+					href: void 0,
+					role: "link"
+				},
+				children: decorateChildren({
+					asChild,
+					children
+				}, (children) => /* @__PURE__ */ jsxs(Fragment$1, { children: [children, external && /* @__PURE__ */ jsx(Box, {
+					asChild: true,
+					...icon(),
+					children: /* @__PURE__ */ jsx(IconUpRightFromSquare, {})
+				})] }))
+			})
+		})
+	});
+});
 Link.displayName = "@optiaxiom/react/Link";
-
+//#endregion
 export { Link };

package/dist/esm/packages/react/src/listbox/Listbox-css.js

@@ -1,7 +1,13 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CZ4LjAw2.css';
-import './../../../../assets/src/listbox/Listbox.css.ts.vanilla-_BRZF7Pk.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var listbox$1 = recipeRuntime({base:[{display:'flex',flex:'1',flexDirection:'column',gap:'2',overflow:'auto'},'_1e1k1s']});
-
-export { listbox$1 as listbox };
+import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-D2KEETGI.css";
+import "./../../../../assets/src/listbox/Listbox.css.ts.vanilla-CXF55v5e.css";
+//#region src/listbox/Listbox.css.ts
+var listbox = recipeRuntime({ base: [{
+	display: "flex",
+	flex: "1",
+	flexDirection: "column",
+	gap: "2",
+	overflow: "auto"
+}, "_1s31vy9"] });
+//#endregion
+export { listbox };

package/dist/esm/packages/react/src/listbox/Listbox.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 { listbox } from './Listbox-css.js';
-
-const Listbox = forwardRef(
-  ({ children, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(Box, { ref, ...listbox({}, className), ...props, children });
-  }
-);
+import { Box } from "../box/Box.js";
+import { listbox } from "./Listbox-css.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/listbox/Listbox.tsx
+const Listbox = forwardRef(({ children, className, ...props }, ref) => {
+	return /* @__PURE__ */ jsx(Box, {
+		ref,
+		...listbox({}, className),
+		...props,
+		children
+	});
+});
 Listbox.displayName = "@optiaxiom/react/Listbox";
-
+//#endregion
 export { Listbox };

package/dist/esm/packages/react/src/listbox/ListboxCheckboxItem-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CZ4LjAw2.css';
-import './../../../../assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-BNXJ-op-.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var checkbox = recipeRuntime({base:[{display:'inline-flex'},'_4suq9k']});
-
+import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-D2KEETGI.css";
+import "./../../../../assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-C_SmsrJ7.css";
+//#region src/listbox/ListboxCheckboxItem.css.ts
+var checkbox = recipeRuntime({ base: [{ display: "inline-flex" }, "_1qjqhjv"] });
+//#endregion
 export { checkbox };