@journ/nude 0.1.0

package/dist/popover.d.ts

@@ -0,0 +1,10 @@
+import { Content } from "./popover-parts.js";
+//#region src/popover.d.ts
+declare const Popover: {
+  Root: import("react").FC<import("@radix-ui/react-popover").PopoverProps>;
+  Trigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+  Content: typeof Content;
+  Close: import("react").ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+};
+//#endregion
+export { Popover };

package/dist/popover.js

@@ -0,0 +1,10 @@
+import { Close, Content, Root, Trigger } from "./popover-parts.js";
+//#region src/popover.tsx
+const Popover = {
+	Root,
+	Trigger,
+	Content,
+	Close
+};
+//#endregion
+export { Popover };

package/dist/portal.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from "react";
+//#region src/portal.d.ts
+type PortalProps = {
+  children: ReactNode;
+  /** Where to render. Defaults to `document.body`. */
+  container?: Element | null;
+};
+/**
+ * Renders its children outside the current tree, so a sticky or clipped parent
+ * cannot trap them. Waits for the client, so it renders nothing on the server.
+ * Radix overlays already portal themselves; use this for your own floating UI.
+ */
+declare const Portal: ({ children, container }: PortalProps) => import("react").ReactPortal | null;
+//#endregion
+export { Portal, type PortalProps };

package/dist/portal.js

@@ -0,0 +1,20 @@
+"use client";
+import { useEffect, useState } from "react";
+import { createPortal } from "react-dom";
+//#region src/portal.tsx
+/**
+* Renders its children outside the current tree, so a sticky or clipped parent
+* cannot trap them. Waits for the client, so it renders nothing on the server.
+* Radix overlays already portal themselves; use this for your own floating UI.
+*/
+const Portal = ({ children, container }) => {
+	const [mounted, setMounted] = useState(false);
+	useEffect(() => {
+		setMounted(true);
+		return () => setMounted(false);
+	}, []);
+	if (!mounted) return null;
+	return createPortal(children, container ?? document.body);
+};
+//#endregion
+export { Portal };

package/dist/progress-parts.d.ts

@@ -0,0 +1,11 @@
+import { ComponentPropsWithRef } from "react";
+import * as RadixProgress from "@radix-ui/react-progress";
+//#region src/progress-parts.d.ts
+type RootProps = Omit<ComponentPropsWithRef<typeof RadixProgress.Root>, 'value'> & {
+  value: number;
+};
+declare const Root: ({ value, max, ...props }: RootProps) => import("react").JSX.Element;
+/** Slides in from the left as the value grows. */
+declare const Indicator: ({ style, ...props }: ComponentPropsWithRef<typeof RadixProgress.Indicator>) => import("react").JSX.Element;
+//#endregion
+export { Indicator, type RootProps as ProgressProps, Root };

package/dist/progress-parts.js

@@ -0,0 +1,32 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { createRequiredContext } from "@journ/lift";
+import * as RadixProgress from "@radix-ui/react-progress";
+//#region src/progress-parts.tsx
+const [PercentageContext, usePercentage] = createRequiredContext("Progress.Root");
+const Root = ({ value, max = 100, ...props }) => {
+	const percentage = Math.min(100, Math.max(0, value / max * 100));
+	return /* @__PURE__ */ jsx(PercentageContext, {
+		value: percentage,
+		children: /* @__PURE__ */ jsx(RadixProgress.Root, {
+			"data-slot": "progress",
+			value,
+			max,
+			...props
+		})
+	});
+};
+/** Slides in from the left as the value grows. */
+const Indicator = ({ style, ...props }) => {
+	const percentage = usePercentage();
+	return /* @__PURE__ */ jsx(RadixProgress.Indicator, {
+		"data-slot": "progress-indicator",
+		...props,
+		style: {
+			...style,
+			transform: `translateX(-${100 - percentage}%)`
+		}
+	});
+};
+//#endregion
+export { Indicator, Root };

package/dist/progress.d.ts

@@ -0,0 +1,8 @@
+import { Indicator, Root } from "./progress-parts.js";
+//#region src/progress.d.ts
+declare const Progress: {
+  Root: typeof Root;
+  Indicator: typeof Indicator;
+};
+//#endregion
+export { Progress };

package/dist/progress.js

@@ -0,0 +1,8 @@
+import { Indicator, Root } from "./progress-parts.js";
+//#region src/progress.tsx
+const Progress = {
+	Root,
+	Indicator
+};
+//#endregion
+export { Progress };

package/dist/quantity-input-parts.d.ts

@@ -0,0 +1,21 @@
+import { IconButtonProps } from "./icon-button.js";
+import { Composer } from "./composer.js";
+import { ComponentPropsWithRef, ReactNode } from "react";
+//#region src/quantity-input-parts.d.ts
+type RootProps = Omit<ComponentPropsWithRef<'div'>, 'defaultValue' | 'onChange'> & {
+  value?: number;
+  defaultValue?: number;
+  onValueChange?: (value: number) => void;
+  min?: number;
+  max?: number;
+  step?: number;
+  disabled?: boolean;
+  children?: ReactNode;
+};
+/** A number with minus and plus. Typing is free until blur or Enter, then it snaps to the bounds. */
+declare const Root: ({ value, defaultValue, onValueChange, min, max, step, disabled, children, ...props }: RootProps) => import("react").JSX.Element;
+declare const Decrement: (props: IconButtonProps) => import("react").JSX.Element;
+declare const Increment: (props: IconButtonProps) => import("react").JSX.Element;
+declare const Field: ({ onBlur, onKeyDown, ...props }: ComponentPropsWithRef<typeof Composer.Input>) => import("react").JSX.Element;
+//#endregion
+export { Decrement, Field, Increment, Root, type RootProps };

package/dist/quantity-input-parts.js

@@ -0,0 +1,86 @@
+"use client";
+import { StepButton } from "./step-button.js";
+import { Composer } from "./composer.js";
+import { commitOn } from "./lib/commit-on.js";
+import { jsx } from "react/jsx-runtime";
+import { createRequiredContext, useControllableState, useDraft } from "@journ/lift";
+import { clamp, parseNumber } from "@journ/fitter-happier";
+//#region src/quantity-input-parts.tsx
+const [QuantityContext, useQuantity] = createRequiredContext("QuantityInput.Root");
+/** A number with minus and plus. Typing is free until blur or Enter, then it snaps to the bounds. */
+const Root = ({ value, defaultValue = 0, onValueChange, min = -Infinity, max = Infinity, step = 1, disabled = false, children, ...props }) => {
+	const [stored, setStored] = useControllableState(value, defaultValue, onValueChange);
+	const current = clamp(stored ?? 0, min, max);
+	const { text, edit, discard, commit } = useDraft({
+		value: current,
+		format: String,
+		parse: (typed) => parseNumber(typed) ?? void 0,
+		onCommit: (typed) => setStored(clamp(typed, min, max))
+	});
+	return /* @__PURE__ */ jsx(QuantityContext, {
+		value: {
+			value: current,
+			min,
+			max,
+			disabled,
+			text,
+			edit,
+			commit,
+			step: (direction) => {
+				discard();
+				setStored(clamp(current + direction * step, min, max));
+			}
+		},
+		children: /* @__PURE__ */ jsx(Composer.Root, {
+			"data-slot": "quantity-input",
+			"aria-disabled": disabled || void 0,
+			...props,
+			children
+		})
+	});
+};
+const Decrement = (props) => {
+	const { value, min, disabled, step } = useQuantity();
+	return /* @__PURE__ */ jsx(StepButton, {
+		"data-slot": "quantity-input-decrement",
+		"aria-label": "Decrease",
+		disabled: disabled || value <= min,
+		...props,
+		onStep: () => step(-1)
+	});
+};
+const Increment = (props) => {
+	const { value, max, disabled, step } = useQuantity();
+	return /* @__PURE__ */ jsx(StepButton, {
+		"data-slot": "quantity-input-increment",
+		"aria-label": "Increase",
+		disabled: disabled || value >= max,
+		...props,
+		onStep: () => step(1)
+	});
+};
+const Field = ({ onBlur, onKeyDown, ...props }) => {
+	const { value, min, max, disabled, text, edit, step, commit } = useQuantity();
+	return /* @__PURE__ */ jsx(Composer.Input, {
+		"data-slot": "quantity-input-field",
+		inputMode: "decimal",
+		role: "spinbutton",
+		"aria-valuenow": value,
+		"aria-valuemin": Number.isFinite(min) ? min : void 0,
+		"aria-valuemax": Number.isFinite(max) ? max : void 0,
+		disabled,
+		...props,
+		value: text,
+		onChange: (event) => edit(event.target.value),
+		...commitOn(commit, {
+			onBlur,
+			onKeyDown: (event) => {
+				onKeyDown?.(event);
+				if (event.key === "ArrowUp") event.preventDefault(), step(1);
+				if (event.key === "ArrowDown") event.preventDefault(), step(-1);
+			}
+		})
+	});
+};
+//#endregion
+export { Decrement, Field, Increment, Root };

package/dist/quantity-input.d.ts

@@ -0,0 +1,10 @@
+import { Decrement, Field, Increment, Root, RootProps } from "./quantity-input-parts.js";
+//#region src/quantity-input.d.ts
+declare const QuantityInput: {
+  Root: typeof Root;
+  Decrement: typeof Decrement;
+  Field: typeof Field;
+  Increment: typeof Increment;
+};
+//#endregion
+export { QuantityInput, type RootProps as QuantityInputProps };

package/dist/quantity-input.js

@@ -0,0 +1,10 @@
+import { Decrement, Field, Increment, Root } from "./quantity-input-parts.js";
+//#region src/quantity-input.tsx
+const QuantityInput = {
+	Root,
+	Decrement,
+	Field,
+	Increment
+};
+//#endregion
+export { QuantityInput };

package/dist/radio-parts.d.ts

@@ -0,0 +1,13 @@
+import { ComponentPropsWithRef } from "react";
+import * as RadixRadio from "@radix-ui/react-radio-group";
+//#region src/radio-parts.d.ts
+declare const Group: (props: RadixRadio.RadioGroupProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactNode;
+type ItemProps = ComponentPropsWithRef<typeof RadixRadio.Item> & {
+  classNames?: {
+    indicator?: string;
+  };
+};
+/** Renders its own indicator after any children. */
+declare const Item: ({ classNames, children, ...props }: ItemProps) => import("react").JSX.Element;
+//#endregion
+export { Group, Item };

package/dist/radio-parts.js

@@ -0,0 +1,17 @@
+"use client";
+import { part } from "./lib/part.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as RadixRadio from "@radix-ui/react-radio-group";
+//#region src/radio-parts.tsx
+const Group = part(RadixRadio.Root, "radio-group");
+/** Renders its own indicator after any children. */
+const Item = ({ classNames, children, ...props }) => /* @__PURE__ */ jsxs(RadixRadio.Item, {
+	"data-slot": "radio",
+	...props,
+	children: [children, /* @__PURE__ */ jsx(RadixRadio.Indicator, {
+		"data-slot": "radio-indicator",
+		className: classNames?.indicator
+	})]
+});
+//#endregion
+export { Group, Item };

package/dist/radio.d.ts

@@ -0,0 +1,8 @@
+import { Item } from "./radio-parts.js";
+//#region src/radio.d.ts
+declare const Radio: {
+  Group: (props: import("@radix-ui/react-radio-group").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactNode;
+  Item: typeof Item;
+};
+//#endregion
+export { Radio };

package/dist/radio.js

@@ -0,0 +1,8 @@
+import { Group, Item } from "./radio-parts.js";
+//#region src/radio.tsx
+const Radio = {
+	Group,
+	Item
+};
+//#endregion
+export { Radio };

package/dist/scroll-area-parts.d.ts

@@ -0,0 +1,17 @@
+import { ComponentPropsWithRef, ReactNode } from "react";
+import * as RadixScrollArea from "@radix-ui/react-scroll-area";
+//#region src/scroll-area-parts.d.ts
+declare const Root: (props: RadixScrollArea.ScrollAreaProps & import("react").RefAttributes<HTMLDivElement>) => ReactNode;
+declare const Viewport: (props: RadixScrollArea.ScrollAreaViewportProps & import("react").RefAttributes<HTMLDivElement>) => ReactNode;
+type ScrollbarProps = Omit<ComponentPropsWithRef<typeof RadixScrollArea.Scrollbar>, 'children'> & {
+  classNames?: {
+    thumb?: string;
+  };
+  /** Rendered inside the thumb. */
+  children?: ReactNode;
+};
+/** Draws its own thumb. */
+declare const Scrollbar: ({ classNames, children, ...props }: ScrollbarProps) => import("react").JSX.Element;
+declare const Corner: import("react").ForwardRefExoticComponent<RadixScrollArea.ScrollAreaCornerProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Corner, Root, Scrollbar, Viewport };

package/dist/scroll-area-parts.js

@@ -0,0 +1,21 @@
+"use client";
+import { part } from "./lib/part.js";
+import { jsx } from "react/jsx-runtime";
+import * as RadixScrollArea from "@radix-ui/react-scroll-area";
+//#region src/scroll-area-parts.tsx
+const Root = part(RadixScrollArea.Root, "scroll-area", { type: "hover" });
+const Viewport = part(RadixScrollArea.Viewport, "scroll-area-viewport");
+/** Draws its own thumb. */
+const Scrollbar = ({ classNames, children, ...props }) => /* @__PURE__ */ jsx(RadixScrollArea.Scrollbar, {
+	"data-slot": "scroll-area-scrollbar",
+	orientation: "vertical",
+	...props,
+	children: /* @__PURE__ */ jsx(RadixScrollArea.Thumb, {
+		"data-slot": "scroll-area-thumb",
+		className: classNames?.thumb,
+		children
+	})
+});
+const Corner = RadixScrollArea.Corner;
+//#endregion
+export { Corner, Root, Scrollbar, Viewport };

package/dist/scroll-area.d.ts

@@ -0,0 +1,10 @@
+import { Scrollbar } from "./scroll-area-parts.js";
+//#region src/scroll-area.d.ts
+declare const ScrollArea: {
+  Root: (props: import("@radix-ui/react-scroll-area").ScrollAreaProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactNode;
+  Viewport: (props: import("@radix-ui/react-scroll-area").ScrollAreaViewportProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactNode;
+  Scrollbar: typeof Scrollbar;
+  Corner: import("react").ForwardRefExoticComponent<import("@radix-ui/react-scroll-area").ScrollAreaCornerProps & import("react").RefAttributes<HTMLDivElement>>;
+};
+//#endregion
+export { ScrollArea };

package/dist/scroll-area.js

@@ -0,0 +1,10 @@
+import { Corner, Root, Scrollbar, Viewport } from "./scroll-area-parts.js";
+//#region src/scroll-area.tsx
+const ScrollArea = {
+	Root,
+	Viewport,
+	Scrollbar,
+	Corner
+};
+//#endregion
+export { ScrollArea };

package/dist/select-parts.d.ts

@@ -0,0 +1,26 @@
+import { ComponentPropsWithRef, ReactNode } from "react";
+import * as RadixSelect from "@radix-ui/react-select";
+//#region src/select-parts.d.ts
+declare const Root: import("react").FC<RadixSelect.SelectProps>;
+declare const Group: import("react").ForwardRefExoticComponent<RadixSelect.SelectGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const Value: import("react").ForwardRefExoticComponent<RadixSelect.SelectValueProps & import("react").RefAttributes<HTMLSpanElement>>;
+type TriggerProps = ComponentPropsWithRef<typeof RadixSelect.Trigger> & {
+  /** Rendered after the value, hidden from assistive tech. */
+  icon?: ReactNode;
+};
+declare const Trigger: ({ icon, children, ...props }: TriggerProps) => import("react").JSX.Element;
+type ContentProps = ComponentPropsWithRef<typeof RadixSelect.Content> & {
+  classNames?: {
+    viewport?: string;
+  };
+};
+declare const Content: ({ classNames, children, position, ...props }: ContentProps) => import("react").JSX.Element;
+type ItemProps = ComponentPropsWithRef<typeof RadixSelect.Item> & {
+  /** Shown while the item is the selected one. */
+  indicator?: ReactNode;
+};
+declare const Item: ({ indicator, children, ...props }: ItemProps) => import("react").JSX.Element;
+declare const Label: (props: RadixSelect.SelectLabelProps & import("react").RefAttributes<HTMLDivElement>) => ReactNode;
+declare const Separator: (props: RadixSelect.SelectSeparatorProps & import("react").RefAttributes<HTMLDivElement>) => ReactNode;
+//#endregion
+export { Content, Group, Item, Label, Root, Separator, Trigger, Value };

package/dist/select-parts.js

@@ -0,0 +1,38 @@
+"use client";
+import { part } from "./lib/part.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as RadixSelect from "@radix-ui/react-select";
+//#region src/select-parts.tsx
+const Root = RadixSelect.Root;
+const Group = RadixSelect.Group;
+const Value = RadixSelect.Value;
+const Trigger = ({ icon, children, ...props }) => /* @__PURE__ */ jsxs(RadixSelect.Trigger, {
+	"data-slot": "select-trigger",
+	...props,
+	children: [children, icon && /* @__PURE__ */ jsx(RadixSelect.Icon, {
+		"data-slot": "select-icon",
+		children: icon
+	})]
+});
+const Content = ({ classNames, children, position = "popper", ...props }) => /* @__PURE__ */ jsx(RadixSelect.Portal, { children: /* @__PURE__ */ jsx(RadixSelect.Content, {
+	"data-slot": "select-content",
+	position,
+	...props,
+	children: /* @__PURE__ */ jsx(RadixSelect.Viewport, {
+		"data-slot": "select-viewport",
+		className: classNames?.viewport,
+		children
+	})
+}) });
+const Item = ({ indicator, children, ...props }) => /* @__PURE__ */ jsxs(RadixSelect.Item, {
+	"data-slot": "select-item",
+	...props,
+	children: [/* @__PURE__ */ jsx(RadixSelect.ItemText, { children }), indicator && /* @__PURE__ */ jsx(RadixSelect.ItemIndicator, {
+		"data-slot": "select-item-indicator",
+		children: indicator
+	})]
+});
+const Label = part(RadixSelect.Label, "select-label");
+const Separator = part(RadixSelect.Separator, "select-separator");
+//#endregion
+export { Content, Group, Item, Label, Root, Separator, Trigger, Value };

package/dist/select.d.ts

@@ -0,0 +1,14 @@
+import { Content, Item, Trigger } from "./select-parts.js";
+//#region src/select.d.ts
+declare const Select: {
+  Root: import("react").FC<import("@radix-ui/react-select").SelectProps>;
+  Trigger: typeof Trigger;
+  Value: import("react").ForwardRefExoticComponent<import("@radix-ui/react-select").SelectValueProps & import("react").RefAttributes<HTMLSpanElement>>;
+  Content: typeof Content;
+  Group: import("react").ForwardRefExoticComponent<import("@radix-ui/react-select").SelectGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+  Label: (props: import("@radix-ui/react-select").SelectLabelProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactNode;
+  Item: typeof Item;
+  Separator: (props: import("@radix-ui/react-select").SelectSeparatorProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactNode;
+};
+//#endregion
+export { Select };

package/dist/select.js

@@ -0,0 +1,14 @@
+import { Content, Group, Item, Label, Root, Separator, Trigger, Value } from "./select-parts.js";
+//#region src/select.tsx
+const Select = {
+	Root,
+	Trigger,
+	Value,
+	Content,
+	Group,
+	Label,
+	Item,
+	Separator
+};
+//#endregion
+export { Select };

package/dist/sheet-parts.d.ts

@@ -0,0 +1,15 @@
+import { ModalContentProps } from "./lib/modal-content.js";
+import { Actions, Body } from "./lib/modal-parts.js";
+import { Close, Description, Root, Title, Trigger } from "./dialog-parts.js";
+import { ComponentPropsWithRef } from "react";
+import * as RadixDialog from "@radix-ui/react-dialog";
+//#region src/sheet-parts.d.ts
+type Side = 'top' | 'right' | 'bottom' | 'left';
+declare const SheetContent: ({ classNames, overlayRef, ...props }: ModalContentProps<typeof RadixDialog>) => import("react").JSX.Element;
+type ContentProps = ComponentPropsWithRef<typeof SheetContent> & {
+  side?: Side;
+};
+/** A dialog attached to one edge. `data-side` tells the styles which one. */
+declare const Content: ({ side, ...props }: ContentProps) => import("react").JSX.Element;
+//#endregion
+export { Actions, Body, Close, Content, Description, Root, type ContentProps as SheetContentProps, type Side as SheetSide, Title, Trigger };

package/dist/sheet-parts.js

@@ -0,0 +1,15 @@
+"use client";
+import { createModalContent } from "./lib/modal-content.js";
+import { Actions, Body } from "./lib/modal-parts.js";
+import { Close, Description, Root, Title, Trigger } from "./dialog-parts.js";
+import { jsx } from "react/jsx-runtime";
+import * as RadixDialog from "@radix-ui/react-dialog";
+//#region src/sheet-parts.tsx
+const SheetContent = createModalContent(RadixDialog, "sheet");
+/** A dialog attached to one edge. `data-side` tells the styles which one. */
+const Content = ({ side = "right", ...props }) => /* @__PURE__ */ jsx(SheetContent, {
+	"data-side": side,
+	...props
+});
+//#endregion
+export { Actions, Body, Close, Content, Description, Root, Title, Trigger };

package/dist/sheet.d.ts

@@ -0,0 +1,14 @@
+import { Content, SheetContentProps as ContentProps, SheetSide as Side } from "./sheet-parts.js";
+//#region src/sheet.d.ts
+declare const Sheet: {
+  Root: import("react").FC<import("@radix-ui/react-dialog").DialogProps>;
+  Trigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+  Close: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+  Content: typeof Content;
+  Title: (props: import("@radix-ui/react-dialog").DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>) => import("react").ReactNode;
+  Description: (props: import("@radix-ui/react-dialog").DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>) => import("react").ReactNode;
+  Body: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => import("react").ReactNode;
+  Actions: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => import("react").ReactNode;
+};
+//#endregion
+export { Sheet, type ContentProps as SheetContentProps, type Side as SheetSide };

package/dist/sheet.js

@@ -0,0 +1,16 @@
+import { Actions, Body } from "./lib/modal-parts.js";
+import { Close, Description, Root, Title, Trigger } from "./dialog-parts.js";
+import { Content } from "./sheet-parts.js";
+//#region src/sheet.tsx
+const Sheet = {
+	Root,
+	Trigger,
+	Close,
+	Content,
+	Title,
+	Description,
+	Body,
+	Actions
+};
+//#endregion
+export { Sheet };

package/dist/sidebar.d.ts

@@ -0,0 +1,14 @@
+//#region src/sidebar.d.ts
+declare const Sidebar: {
+  Layout: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => import("react").ReactNode;
+  Root: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>) => import("react").ReactNode;
+  Header: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => import("react").ReactNode;
+  Body: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>) => import("react").ReactNode;
+  Section: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => import("react").ReactNode;
+  Heading: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>) => import("react").ReactNode;
+  Item: (props: import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>) => import("react").ReactNode;
+  Footer: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => import("react").ReactNode;
+  Content: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>) => import("react").ReactNode;
+};
+//#endregion
+export { Sidebar };

package/dist/sidebar.js

@@ -0,0 +1,17 @@
+import { part } from "./lib/part.js";
+//#region src/sidebar.tsx
+const Layout = part("div", "sidebar-layout");
+const Content = part("main", "sidebar-content");
+const Sidebar = {
+	Layout,
+	Root: part("aside", "sidebar"),
+	Header: part("div", "sidebar-header"),
+	Body: part("nav", "sidebar-body"),
+	Section: part("div", "sidebar-section"),
+	Heading: part("h3", "sidebar-heading"),
+	Item: part("a", "sidebar-item"),
+	Footer: part("div", "sidebar-footer"),
+	Content
+};
+//#endregion
+export { Sidebar };

package/dist/skeleton.d.ts

@@ -0,0 +1,4 @@
+//#region src/skeleton.d.ts
+declare const Skeleton: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => import("react").ReactNode;
+//#endregion
+export { Skeleton };

package/dist/skeleton.js

@@ -0,0 +1,5 @@
+import { part } from "./lib/part.js";
+//#region src/skeleton.tsx
+const Skeleton = part("div", "skeleton", { "aria-hidden": true });
+//#endregion
+export { Skeleton };

package/dist/slider-parts.d.ts

@@ -0,0 +1,9 @@
+import * as RadixSlider from "@radix-ui/react-slider";
+//#region src/slider-parts.d.ts
+declare const Root: (props: RadixSlider.SliderProps & import("react").RefAttributes<HTMLSpanElement>) => import("react").ReactNode;
+declare const Track: (props: RadixSlider.SliderTrackProps & import("react").RefAttributes<HTMLSpanElement>) => import("react").ReactNode;
+declare const Range: (props: RadixSlider.SliderRangeProps & import("react").RefAttributes<HTMLSpanElement>) => import("react").ReactNode;
+/** Render one thumb per value. */
+declare const Thumb: (props: RadixSlider.SliderThumbProps & import("react").RefAttributes<HTMLSpanElement>) => import("react").ReactNode;
+//#endregion
+export { Range, Root, Thumb, Track };

package/dist/slider-parts.js

@@ -0,0 +1,11 @@
+"use client";
+import { part } from "./lib/part.js";
+import * as RadixSlider from "@radix-ui/react-slider";
+//#region src/slider-parts.tsx
+const Root = part(RadixSlider.Root, "slider");
+const Track = part(RadixSlider.Track, "slider-track");
+const Range = part(RadixSlider.Range, "slider-range");
+/** Render one thumb per value. */
+const Thumb = part(RadixSlider.Thumb, "slider-thumb");
+//#endregion
+export { Range, Root, Thumb, Track };

package/dist/slider.d.ts

@@ -0,0 +1,9 @@
+//#region src/slider.d.ts
+declare const Slider: {
+  Root: (props: import("@radix-ui/react-slider").SliderProps & import("react").RefAttributes<HTMLSpanElement>) => import("react").ReactNode;
+  Track: (props: import("@radix-ui/react-slider").SliderTrackProps & import("react").RefAttributes<HTMLSpanElement>) => import("react").ReactNode;
+  Range: (props: import("@radix-ui/react-slider").SliderRangeProps & import("react").RefAttributes<HTMLSpanElement>) => import("react").ReactNode;
+  Thumb: (props: import("@radix-ui/react-slider").SliderThumbProps & import("react").RefAttributes<HTMLSpanElement>) => import("react").ReactNode;
+};
+//#endregion
+export { Slider };

package/dist/slider.js

@@ -0,0 +1,10 @@
+import { Range, Root, Thumb, Track } from "./slider-parts.js";
+//#region src/slider.tsx
+const Slider = {
+	Root,
+	Track,
+	Range,
+	Thumb
+};
+//#endregion
+export { Slider };

package/dist/spinner.d.ts

@@ -0,0 +1,6 @@
+import { ComponentPropsWithRef } from "react";
+//#region src/spinner.d.ts
+/** Announces itself as "Loading" unless `aria-hidden` says another element already does. */
+declare const Spinner: ({ 'aria-hidden': hidden, ...props }: ComponentPropsWithRef<'svg'>) => import("react").JSX.Element;
+//#endregion
+export { Spinner };