@optiaxiom/react 1.9.36 → 1.9.38

package/dist/esm/packages/react/src/nav/NavAccountItem.js

@@ -1,40 +1,66 @@
 "use client";
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { Avatar } from '../avatar/Avatar.js';
-import '../avatar/AvatarGroup.js';
-import { Box } from '../box/Box.js';
-import '../sprinkles/sprinkles.js';
-import '../sprinkles/sprinklesMerge.js';
-import { Group } from '../group/Group.js';
-import { IconEllipsis } from '../icons/IconEllipsis.js';
-import { useSidebarContext } from '../sidebar/SidebarContext.js';
-import { Text } from '../text/Text.js';
-import { item } from './NavAccountItem-css.js';
-
+import { Box } from "../box/Box.js";
+import { Text } from "../text/Text.js";
+import { Group } from "../group/Group.js";
+import { Avatar } from "../avatar/Avatar.js";
+import { IconEllipsis } from "../icons/IconEllipsis.js";
+import { useSidebarContext } from "../sidebar/SidebarContext.js";
+import { item } from "./NavAccountItem-css.js";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/nav/NavAccountItem.tsx
+/**
+* @group Sidebar
+*/
 const NavAccountItem = forwardRef(({ name, organization, src, ...props }, ref) => {
-  const { expanded } = useSidebarContext("@optiaxiom/react/NavAccountItem");
-  return /* @__PURE__ */ jsx(Group, { asChild: true, flexDirection: "column", gap: "16", my: "8", children: /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Group, { asChild: true, gap: "8", p: "4", textAlign: "start", ...props, children: /* @__PURE__ */ jsxs("button", { ref, children: [
-    /* @__PURE__ */ jsx(
-      Avatar,
-      {
-        "aria-hidden": true,
-        flex: "none",
-        my: "2",
-        name,
-        rounded: "sm",
-        src
-      }
-    ),
-    /* @__PURE__ */ jsxs(Group, { ...item({ expanded: Boolean(expanded) }), children: [
-      /* @__PURE__ */ jsxs(Group, { flex: "1", flexDirection: "column", gap: "0", overflowX: "hidden", children: [
-        /* @__PURE__ */ jsx(Text, { color: "fg.default", fontWeight: "500", truncate: true, children: name }),
-        /* @__PURE__ */ jsx(Text, { color: "fg.tertiary", fontSize: "sm", truncate: true, children: organization })
-      ] }),
-      /* @__PURE__ */ jsx(Box, { asChild: true, children: /* @__PURE__ */ jsx(IconEllipsis, {}) })
-    ] })
-  ] }) }) }) });
+	const { expanded } = useSidebarContext("@optiaxiom/react/NavAccountItem");
+	return /* @__PURE__ */ jsx(Group, {
+		asChild: true,
+		flexDirection: "column",
+		gap: "16",
+		my: "8",
+		children: /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Group, {
+			asChild: true,
+			gap: "8",
+			p: "4",
+			textAlign: "start",
+			...props,
+			children: /* @__PURE__ */ jsxs("button", {
+				ref,
+				children: [/* @__PURE__ */ jsx(Avatar, {
+					"aria-hidden": true,
+					flex: "none",
+					my: "2",
+					name,
+					rounded: "sm",
+					src
+				}), /* @__PURE__ */ jsxs(Group, {
+					...item({ expanded: Boolean(expanded) }),
+					children: [/* @__PURE__ */ jsxs(Group, {
+						flex: "1",
+						flexDirection: "column",
+						gap: "0",
+						overflowX: "hidden",
+						children: [/* @__PURE__ */ jsx(Text, {
+							color: "fg.default",
+							fontWeight: "500",
+							truncate: true,
+							children: name
+						}), /* @__PURE__ */ jsx(Text, {
+							color: "fg.tertiary",
+							fontSize: "sm",
+							truncate: true,
+							children: organization
+						})]
+					}), /* @__PURE__ */ jsx(Box, {
+						asChild: true,
+						children: /* @__PURE__ */ jsx(IconEllipsis, {})
+					})]
+				})]
+			})
+		}) })
+	});
 });
 NavAccountItem.displayName = "@optiaxiom/react/NavAccountItem";
-
+//#endregion
 export { NavAccountItem };

package/dist/esm/packages/react/src/nav/NavBody-css.js

@@ -1,6 +1,20 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CZ4LjAw2.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var body = recipeRuntime({base:[{flex:'1',flexDirection:'column',gap:'4',justifyContent:'flex-start',overflowX:'hidden',py:'8',w:'full'}],variants:{expanded:{false:{overflowY:'hidden'},true:{overflowY:'auto'}}}});
-
+import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-D2KEETGI.css";
+//#region src/nav/NavBody.css.ts
+var body = recipeRuntime({
+	base: [{
+		flex: "1",
+		flexDirection: "column",
+		gap: "4",
+		justifyContent: "flex-start",
+		overflowX: "hidden",
+		py: "8",
+		w: "full"
+	}],
+	variants: { expanded: {
+		false: { overflowY: "hidden" },
+		true: { overflowY: "auto" }
+	} }
+});
+//#endregion
 export { body };

package/dist/esm/packages/react/src/nav/NavBody.js

@@ -1,25 +1,23 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { Group } from '../group/Group.js';
-import { useSidebarContext } from '../sidebar/SidebarContext.js';
-import { body } from './NavBody-css.js';
-
-const NavBody = forwardRef(
-  ({ children, className, ...props }, ref) => {
-    const { expanded, spacing } = useSidebarContext("@optiaxiom/react/NavBody");
-    return /* @__PURE__ */ jsx(
-      Group,
-      {
-        px: spacing,
-        ref,
-        ...body({ expanded }, className),
-        ...props,
-        children
-      }
-    );
-  }
-);
+import { Group } from "../group/Group.js";
+import { useSidebarContext } from "../sidebar/SidebarContext.js";
+import { body } from "./NavBody-css.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/nav/NavBody.tsx
+/**
+* @group Sidebar
+*/
+const NavBody = forwardRef(({ children, className, ...props }, ref) => {
+	const { expanded, spacing } = useSidebarContext("@optiaxiom/react/NavBody");
+	return /* @__PURE__ */ jsx(Group, {
+		px: spacing,
+		ref,
+		...body({ expanded }, className),
+		...props,
+		children
+	});
+});
 NavBody.displayName = "@optiaxiom/react/NavBody";
-
+//#endregion
 export { NavBody };

package/dist/esm/packages/react/src/nav/NavFooter.js

@@ -1,28 +1,26 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { Group } from '../group/Group.js';
-import { useSidebarContext } from '../sidebar/SidebarContext.js';
-
-const NavFooter = forwardRef(
-  ({ children, ...props }, ref) => {
-    const { spacing } = useSidebarContext("@optiaxiom/react/NavFooter");
-    return /* @__PURE__ */ jsx(
-      Group,
-      {
-        flexDirection: "column",
-        gap: "8",
-        mt: "auto",
-        overflowX: "hidden",
-        px: spacing,
-        py: "8",
-        ref,
-        ...props,
-        children
-      }
-    );
-  }
-);
+import { Group } from "../group/Group.js";
+import { useSidebarContext } from "../sidebar/SidebarContext.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/nav/NavFooter.tsx
+/**
+* @group Sidebar
+*/
+const NavFooter = forwardRef(({ children, ...props }, ref) => {
+	const { spacing } = useSidebarContext("@optiaxiom/react/NavFooter");
+	return /* @__PURE__ */ jsx(Group, {
+		flexDirection: "column",
+		gap: "8",
+		mt: "auto",
+		overflowX: "hidden",
+		px: spacing,
+		py: "8",
+		ref,
+		...props,
+		children
+	});
+});
 NavFooter.displayName = "@optiaxiom/react/NavFooter";
-
+//#endregion
 export { NavFooter };

package/dist/esm/packages/react/src/nav/NavGroup.js

@@ -1,33 +1,43 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { useId } from '@radix-ui/react-id';
-import { forwardRef } from 'react';
-import { Disclosure } from '../disclosure/Disclosure.js';
-import '../disclosure/DisclosureContent.js';
-import '../disclosure/DisclosureTrigger.js';
-import { Group } from '../group/Group.js';
-import { NavGroupProvider } from './NavGroupContext.js';
-
-const NavGroup = forwardRef(
-  ({ children, collapsible, defaultOpen = true, onOpenChange, open, ...props }, ref) => {
-    const groupId = useId();
-    return /* @__PURE__ */ jsx(Group, { asChild: true, flexDirection: "column", gap: "16", children: /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavGroupProvider, { collapsible, id: groupId, children: /* @__PURE__ */ jsx(
-      Disclosure,
-      {
-        alignItems: "stretch",
-        "aria-labelledby": props["aria-label"] ? void 0 : groupId,
-        defaultOpen: true,
-        display: "flex",
-        flexDirection: "column",
-        ref,
-        role: "group",
-        ...collapsible && { defaultOpen, onOpenChange, open },
-        ...props,
-        children
-      }
-    ) }) }) });
-  }
-);
+import { Group } from "../group/Group.js";
+import { Disclosure } from "../disclosure/Disclosure.js";
+import { NavGroupProvider } from "./NavGroupContext.js";
+import { useId } from "@radix-ui/react-id";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/nav/NavGroup.tsx
+/**
+* @extends Disclosure
+* @group Sidebar
+*/
+const NavGroup = forwardRef(({ children, collapsible, defaultOpen = true, onOpenChange, open, ...props }, ref) => {
+	const groupId = useId();
+	return /* @__PURE__ */ jsx(Group, {
+		asChild: true,
+		flexDirection: "column",
+		gap: "16",
+		children: /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NavGroupProvider, {
+			collapsible,
+			id: groupId,
+			children: /* @__PURE__ */ jsx(Disclosure, {
+				alignItems: "stretch",
+				"aria-labelledby": props["aria-label"] ? void 0 : groupId,
+				defaultOpen: true,
+				display: "flex",
+				flexDirection: "column",
+				ref,
+				role: "group",
+				...collapsible && {
+					defaultOpen,
+					onOpenChange,
+					open
+				},
+				...props,
+				children
+			})
+		}) })
+	});
+});
 NavGroup.displayName = "@optiaxiom/react/NavGroup";
-
+//#endregion
 export { NavGroup };

package/dist/esm/packages/react/src/nav/NavGroupContent.js

@@ -1,26 +1,27 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import '../disclosure/Disclosure.js';
-import { DisclosureContent } from '../disclosure/DisclosureContent.js';
-import '../disclosure/DisclosureTrigger.js';
-
+import { DisclosureContent } from "../disclosure/DisclosureContent.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/nav/NavGroupContent.tsx
+/**
+* @group Sidebar
+*/
 const NavGroupContent = forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(
-    DisclosureContent,
-    {
-      asChild: true,
-      "data-transition-scale": true,
-      display: "flex",
-      flexDirection: "column",
-      gap: "4",
-      pb: "0",
-      pt: "0",
-      ...props,
-      children: /* @__PURE__ */ jsx("ul", { ref, children })
-    }
-  );
+	return /* @__PURE__ */ jsx(DisclosureContent, {
+		asChild: true,
+		"data-transition-scale": true,
+		display: "flex",
+		flexDirection: "column",
+		gap: "4",
+		pb: "0",
+		pt: "0",
+		...props,
+		children: /* @__PURE__ */ jsx("ul", {
+			ref,
+			children
+		})
+	});
 });
 NavGroupContent.displayName = "@optiaxiom/react/NavGroupContent";
-
+//#endregion
 export { NavGroupContent };

package/dist/esm/packages/react/src/nav/NavGroupContext.js

@@ -1,6 +1,10 @@
 "use client";
-import { createContext } from '@radix-ui/react-context';
-
-const [NavGroupProvider, useNavGroupContext] = createContext("@optiaxiom/react/NavGroup", { collapsible: false, id: void 0 });
-
+"use client";
+import { createContext } from "@radix-ui/react-context";
+//#region src/nav/NavGroupContext.ts
+const [NavGroupProvider, useNavGroupContext] = createContext("@optiaxiom/react/NavGroup", {
+	collapsible: false,
+	id: void 0
+});
+//#endregion
 export { NavGroupProvider, useNavGroupContext };

package/dist/esm/packages/react/src/nav/NavGroupTrigger.js

@@ -1,56 +1,45 @@
 "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 '../disclosure/Disclosure.js';
-import '../disclosure/DisclosureContent.js';
-import { DisclosureTrigger } from '../disclosure/DisclosureTrigger.js';
-import { useNavGroupContext } from './NavGroupContext.js';
-
-const NavGroupTrigger = forwardRef(
-  ({ children, ...props }, ref) => {
-    const { collapsible, id } = useNavGroupContext(
-      "@optiaxiom/react/NavGroupTrigger"
-    );
-    return collapsible ? /* @__PURE__ */ jsx(
-      DisclosureTrigger,
-      {
-        chevronPosition: "end",
-        color: "fg.tertiary",
-        fontSize: "sm",
-        h: "sm",
-        id,
-        mb: "4",
-        mt: "8",
-        p: "0",
-        px: "12",
-        ref,
-        w: "auto",
-        ...props,
-        children
-      }
-    ) : /* @__PURE__ */ jsx(
-      Box,
-      {
-        alignItems: "center",
-        color: "fg.tertiary",
-        display: "flex",
-        fontSize: "sm",
-        h: "sm",
-        id,
-        mb: "4",
-        mt: "8",
-        p: "0",
-        px: "12",
-        ref,
-        w: "auto",
-        children
-      }
-    );
-  }
-);
+import { Box } from "../box/Box.js";
+import { DisclosureTrigger } from "../disclosure/DisclosureTrigger.js";
+import { useNavGroupContext } from "./NavGroupContext.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/nav/NavGroupTrigger.tsx
+/**
+* @group Sidebar
+*/
+const NavGroupTrigger = forwardRef(({ children, ...props }, ref) => {
+	const { collapsible, id } = useNavGroupContext("@optiaxiom/react/NavGroupTrigger");
+	return collapsible ? /* @__PURE__ */ jsx(DisclosureTrigger, {
+		chevronPosition: "end",
+		color: "fg.tertiary",
+		fontSize: "sm",
+		h: "sm",
+		id,
+		mb: "4",
+		mt: "8",
+		p: "0",
+		px: "12",
+		ref,
+		w: "auto",
+		...props,
+		children
+	}) : /* @__PURE__ */ jsx(Box, {
+		alignItems: "center",
+		color: "fg.tertiary",
+		display: "flex",
+		fontSize: "sm",
+		h: "sm",
+		id,
+		mb: "4",
+		mt: "8",
+		p: "0",
+		px: "12",
+		ref,
+		w: "auto",
+		children
+	});
+});
 NavGroupTrigger.displayName = "@optiaxiom/react/NavGroupTrigger";
-
+//#endregion
 export { NavGroupTrigger };

package/dist/esm/packages/react/src/nav/NavHeader.js

@@ -1,15 +1,23 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { Group } from '../group/Group.js';
-import { useSidebarContext } from '../sidebar/SidebarContext.js';
-
-const NavHeader = forwardRef(
-  ({ children, ...props }, ref) => {
-    const { spacing } = useSidebarContext("@optiaxiom/react/NavHeader");
-    return /* @__PURE__ */ jsx(Group, { flexDirection: "column", gap: "16", px: spacing, ref, ...props, children });
-  }
-);
+import { Group } from "../group/Group.js";
+import { useSidebarContext } from "../sidebar/SidebarContext.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/nav/NavHeader.tsx
+/**
+* @group Sidebar
+*/
+const NavHeader = forwardRef(({ children, ...props }, ref) => {
+	const { spacing } = useSidebarContext("@optiaxiom/react/NavHeader");
+	return /* @__PURE__ */ jsx(Group, {
+		flexDirection: "column",
+		gap: "16",
+		px: spacing,
+		ref,
+		...props,
+		children
+	});
+});
 NavHeader.displayName = "@optiaxiom/react/NavHeader";
-
+//#endregion
 export { NavHeader };

package/dist/esm/packages/react/src/nav/NavItem-css.js

@@ -1,10 +1,34 @@
-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/nav/NavItem.css.ts.vanilla-BG1pbMI9.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var item = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors'},'_7k45m7']});
-var label = recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'ajicbb'],variants:{expanded:{false:'shn17i',true:'_8skrjs'}}});
-
+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/nav/NavItem.css.ts.vanilla-DkhnVsAB.css";
+//#region src/nav/NavItem.css.ts
+var item = recipeRuntime({ base: [{
+	alignItems: "center",
+	display: "flex",
+	fontSize: "md",
+	fontWeight: "500",
+	h: "lg",
+	justifyContent: "flex-start",
+	rounded: "md",
+	textAlign: "start",
+	transition: "colors"
+}, "_17axsdw"] });
+var label = recipeRuntime({
+	base: [{
+		alignItems: "center",
+		display: "flex",
+		flex: "1",
+		gap: "10",
+		justifyContent: "space-between",
+		mr: "10",
+		overflow: "hidden"
+	}, "_1603xbg"],
+	variants: { expanded: {
+		false: "_1na564p",
+		true: "_14y4fxz"
+	} }
+});
+//#endregion
 export { item, label };