@astra-kit/ui 0.0.0-stage → 1.0.0

package/dist/components/separator.js

@@ -0,0 +1,48 @@
+"use client";
+import { c as _c } from "react/compiler-runtime";
+import { Separator as SeparatorPrimitive } from "@base-ui/react/separator";
+import { cn } from "../lib/utils.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+function Separator(t0) {
+	const $ = _c(10);
+	let className;
+	let props;
+	let t1;
+	if ($[0] !== t0) {
+		({className, orientation: t1, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+		$[3] = t1;
+	} else {
+		className = $[1];
+		props = $[2];
+		t1 = $[3];
+	}
+	const orientation = t1 === undefined ? "horizontal" : t1;
+	let t2;
+	if ($[4] !== className) {
+		t2 = cn("shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch", className);
+		$[4] = className;
+		$[5] = t2;
+	} else {
+		t2 = $[5];
+	}
+	let t3;
+	if ($[6] !== orientation || $[7] !== props || $[8] !== t2) {
+		t3 = /* @__PURE__ */ _jsx(SeparatorPrimitive, {
+			"data-slot": "separator",
+			orientation,
+			className: t2,
+			...props
+		});
+		$[6] = orientation;
+		$[7] = props;
+		$[8] = t2;
+		$[9] = t3;
+	} else {
+		t3 = $[9];
+	}
+	return t3;
+}
+export { Separator };

package/dist/components/sheet.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { Dialog as SheetPrimitive } from "radix-ui";
+declare function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>): React.JSX.Element;
+declare function SheetTrigger({ ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger>): React.JSX.Element;
+declare function SheetClose({ ...props }: React.ComponentProps<typeof SheetPrimitive.Close>): React.JSX.Element;
+/**
+ * Constrains top and bottom panels to the dynamic viewport and scrolls long content.
+ * @param props - Primitive properties and optional consumer overrides.
+ * @returns The styled primitive with its original interaction contract.
+ */
+declare function SheetContent({ className, children, side, showCloseButton, ...props }: React.ComponentProps<typeof SheetPrimitive.Content> & {
+    side?: "top" | "right" | "bottom" | "left";
+    showCloseButton?: boolean;
+}): React.JSX.Element;
+declare function SheetHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function SheetFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function SheetTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>): React.JSX.Element;
+declare function SheetDescription({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Description>): React.JSX.Element;
+export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };

package/dist/components/sheet.js

@@ -0,0 +1,420 @@
+"use client";
+import { c as _c } from "react/compiler-runtime";
+import * as React from "react";
+import { Dialog as SheetPrimitive } from "radix-ui";
+import { MotionSlot } from "../motion/motion-slot.js";
+import { MotionPresence, MotionOpenProvider, useMotionOpenState } from "../motion/presence.js";
+import { cn } from "../lib/utils.js";
+import { keepOpenOnToastInteraction } from "../lib/toast-layer.js";
+import { ControlButton } from "./control-button.js";
+import { XIcon } from "lucide-react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function Sheet(t0) {
+	const $ = _c(9);
+	let props;
+	if ($[0] !== t0) {
+		({...props} = t0);
+		$[0] = t0;
+		$[1] = props;
+	} else {
+		props = $[1];
+	}
+	const [motionOpen, setMotionOpen] = useMotionOpenState(props);
+	let t1;
+	if ($[2] !== motionOpen || $[3] !== props || $[4] !== setMotionOpen) {
+		t1 = /* @__PURE__ */ _jsx(SheetPrimitive.Root, {
+			"data-slot": "sheet",
+			...props,
+			open: motionOpen,
+			onOpenChange: setMotionOpen
+		});
+		$[2] = motionOpen;
+		$[3] = props;
+		$[4] = setMotionOpen;
+		$[5] = t1;
+	} else {
+		t1 = $[5];
+	}
+	let t2;
+	if ($[6] !== motionOpen || $[7] !== t1) {
+		t2 = /* @__PURE__ */ _jsx(MotionOpenProvider, {
+			scope: "sheet",
+			open: motionOpen,
+			children: t1
+		});
+		$[6] = motionOpen;
+		$[7] = t1;
+		$[8] = t2;
+	} else {
+		t2 = $[8];
+	}
+	return t2;
+}
+function SheetTrigger(t0) {
+	const $ = _c(4);
+	let props;
+	if ($[0] !== t0) {
+		({...props} = t0);
+		$[0] = t0;
+		$[1] = props;
+	} else {
+		props = $[1];
+	}
+	let t1;
+	if ($[2] !== props) {
+		t1 = /* @__PURE__ */ _jsx(SheetPrimitive.Trigger, {
+			"data-slot": "sheet-trigger",
+			...props
+		});
+		$[2] = props;
+		$[3] = t1;
+	} else {
+		t1 = $[3];
+	}
+	return t1;
+}
+function SheetClose(t0) {
+	const $ = _c(4);
+	let props;
+	if ($[0] !== t0) {
+		({...props} = t0);
+		$[0] = t0;
+		$[1] = props;
+	} else {
+		props = $[1];
+	}
+	let t1;
+	if ($[2] !== props) {
+		t1 = /* @__PURE__ */ _jsx(SheetPrimitive.Close, {
+			"data-slot": "sheet-close",
+			...props
+		});
+		$[2] = props;
+		$[3] = t1;
+	} else {
+		t1 = $[3];
+	}
+	return t1;
+}
+function SheetPortal(t0) {
+	const $ = _c(4);
+	let props;
+	if ($[0] !== t0) {
+		({...props} = t0);
+		$[0] = t0;
+		$[1] = props;
+	} else {
+		props = $[1];
+	}
+	let t1;
+	if ($[2] !== props) {
+		t1 = /* @__PURE__ */ _jsx(SheetPrimitive.Portal, {
+			"data-slot": "sheet-portal",
+			...props
+		});
+		$[2] = props;
+		$[3] = t1;
+	} else {
+		t1 = $[3];
+	}
+	return t1;
+}
+function SheetOverlay(t0) {
+	const $ = _c(8);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = cn("fixed inset-0 z-50 bg-black/30 supports-backdrop-filter:backdrop-blur-md ", className);
+		$[3] = className;
+		$[4] = t1;
+	} else {
+		t1 = $[4];
+	}
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ _jsx(SheetPrimitive.Overlay, {
+			"data-slot": "sheet-overlay",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else {
+		t2 = $[7];
+	}
+	return t2;
+}
+/**
+* Constrains top and bottom panels to the dynamic viewport and scrolls long content.
+* @param props - Primitive properties and optional consumer overrides.
+* @returns The styled primitive with its original interaction contract.
+*/
+function SheetContent(t0) {
+	const $ = _c(23);
+	let children;
+	let className;
+	let props;
+	let t1;
+	let t2;
+	if ($[0] !== t0) {
+		({className, children, side: t1, showCloseButton: t2, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+		$[4] = t1;
+		$[5] = t2;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+		t1 = $[4];
+		t2 = $[5];
+	}
+	const side = t1 === undefined ? "right" : t1;
+	const showCloseButton = t2 === undefined ? true : t2;
+	const t3 = props.forceMount;
+	let t4;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = /* @__PURE__ */ _jsx(MotionSlot, {
+			kind: "overlay",
+			children: /* @__PURE__ */ _jsx(SheetOverlay, { forceMount: true })
+		});
+		$[6] = t4;
+	} else {
+		t4 = $[6];
+	}
+	let t5;
+	if ($[7] !== className) {
+		t5 = cn("fixed z-50 flex flex-col gap-4 overflow-y-auto overscroll-contain data-[side=bottom]:max-h-dvh data-[side=top]:max-h-dvh bg-background bg-clip-padding text-sm shadow-lg data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm ", className);
+		$[7] = className;
+		$[8] = t5;
+	} else {
+		t5 = $[8];
+	}
+	let t6;
+	if ($[9] !== props.onInteractOutside) {
+		t6 = keepOpenOnToastInteraction(props.onInteractOutside);
+		$[9] = props.onInteractOutside;
+		$[10] = t6;
+	} else {
+		t6 = $[10];
+	}
+	let t7;
+	if ($[11] !== showCloseButton) {
+		t7 = showCloseButton && /* @__PURE__ */ _jsx(SheetPrimitive.Close, {
+			"data-slot": "sheet-close",
+			asChild: true,
+			children: /* @__PURE__ */ _jsxs(ControlButton, {
+				variant: "ghost",
+				className: "absolute top-4 right-4",
+				size: "icon-sm",
+				children: [/* @__PURE__ */ _jsx(XIcon, {}), /* @__PURE__ */ _jsx("span", {
+					className: "sr-only",
+					children: "Close"
+				})]
+			})
+		});
+		$[11] = showCloseButton;
+		$[12] = t7;
+	} else {
+		t7 = $[12];
+	}
+	let t8;
+	if ($[13] !== children || $[14] !== props || $[15] !== side || $[16] !== t5 || $[17] !== t6 || $[18] !== t7) {
+		t8 = /* @__PURE__ */ _jsxs(React.Fragment, { children: [t4, /* @__PURE__ */ _jsx(MotionSlot, {
+			kind: "sheet",
+			children: /* @__PURE__ */ _jsxs(SheetPrimitive.Content, {
+				forceMount: true,
+				"data-slot": "sheet-content",
+				"data-side": side,
+				className: t5,
+				...props,
+				onInteractOutside: t6,
+				children: [children, t7]
+			})
+		})] });
+		$[13] = children;
+		$[14] = props;
+		$[15] = side;
+		$[16] = t5;
+		$[17] = t6;
+		$[18] = t7;
+		$[19] = t8;
+	} else {
+		t8 = $[19];
+	}
+	let t9;
+	if ($[20] !== props.forceMount || $[21] !== t8) {
+		t9 = /* @__PURE__ */ _jsx(SheetPortal, {
+			forceMount: true,
+			children: /* @__PURE__ */ _jsx(MotionPresence, {
+				scope: "sheet",
+				forceMount: t3,
+				children: t8
+			})
+		});
+		$[20] = props.forceMount;
+		$[21] = t8;
+		$[22] = t9;
+	} else {
+		t9 = $[22];
+	}
+	return t9;
+}
+function SheetHeader(t0) {
+	const $ = _c(8);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = cn("flex flex-col gap-1.5 p-4", className);
+		$[3] = className;
+		$[4] = t1;
+	} else {
+		t1 = $[4];
+	}
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ _jsx("div", {
+			"data-slot": "sheet-header",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else {
+		t2 = $[7];
+	}
+	return t2;
+}
+function SheetFooter(t0) {
+	const $ = _c(8);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = cn("mt-auto flex flex-col gap-2 p-4", className);
+		$[3] = className;
+		$[4] = t1;
+	} else {
+		t1 = $[4];
+	}
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ _jsx("div", {
+			"data-slot": "sheet-footer",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else {
+		t2 = $[7];
+	}
+	return t2;
+}
+function SheetTitle(t0) {
+	const $ = _c(8);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = cn("font-heading font-medium text-foreground", className);
+		$[3] = className;
+		$[4] = t1;
+	} else {
+		t1 = $[4];
+	}
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ _jsx(SheetPrimitive.Title, {
+			"data-slot": "sheet-title",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else {
+		t2 = $[7];
+	}
+	return t2;
+}
+function SheetDescription(t0) {
+	const $ = _c(8);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = cn("text-sm text-muted-foreground", className);
+		$[3] = className;
+		$[4] = t1;
+	} else {
+		t1 = $[4];
+	}
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ _jsx(SheetPrimitive.Description, {
+			"data-slot": "sheet-description",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else {
+		t2 = $[7];
+	}
+	return t2;
+}
+export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription };

package/dist/components/sidebar-panel-context.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Internal: panel state shared by the sidebar parts and by components that adapt to the icon rail
+ * (such as `AccountMenu`), kept apart so they can read it without importing the sidebar itself.
+ */
+import * as React from "react";
+export type SidebarPanelState = {
+    /** Whether the desktop sidebar is shrunk to its icon rail; always false in the mobile sheet. */
+    collapsed: boolean;
+    collapsible: "offcanvas" | "icon" | "none";
+    side: "left" | "right";
+};
+export declare const SidebarPanelContext: React.Context<SidebarPanelState | null>;
+/**
+ * Reads the panel state when rendered inside a `Sidebar`, and `null` anywhere else.
+ * @returns The panel state, or `null` outside a sidebar.
+ */
+export declare function useOptionalSidebarPanel(): SidebarPanelState | null;

package/dist/components/sidebar-panel-context.js

@@ -0,0 +1,14 @@
+"use client";
+/**
+* Internal: panel state shared by the sidebar parts and by components that adapt to the icon rail
+* (such as `AccountMenu`), kept apart so they can read it without importing the sidebar itself.
+*/
+import * as React from "react";
+export const SidebarPanelContext = React.createContext(null);
+/**
+* Reads the panel state when rendered inside a `Sidebar`, and `null` anywhere else.
+* @returns The panel state, or `null` outside a sidebar.
+*/
+export function useOptionalSidebarPanel() {
+	return React.use(SidebarPanelContext);
+}