@journ/nude 0.1.0

package/dist/month-picker.d.ts

@@ -0,0 +1,15 @@
+import { Frame, Header, Heading, Months, Next, Previous, Years } from "./calendar-parts.js";
+import { Root, RootProps } from "./month-picker-parts.js";
+//#region src/month-picker.d.ts
+declare const MonthPicker: {
+  Root: typeof Root;
+  Frame: typeof Frame;
+  Header: typeof Header;
+  Heading: typeof Heading;
+  Previous: typeof Previous;
+  Next: typeof Next;
+  Months: typeof Months;
+  Years: typeof Years;
+};
+//#endregion
+export { MonthPicker, type RootProps as MonthPickerProps };

package/dist/month-picker.js

@@ -0,0 +1,15 @@
+import { Frame, Header, Heading, Months, Next, Previous, Years } from "./calendar-parts.js";
+import { Root } from "./month-picker-parts.js";
+//#region src/month-picker.tsx
+const MonthPicker = {
+	Root,
+	Frame,
+	Header,
+	Heading,
+	Previous,
+	Next,
+	Months,
+	Years
+};
+//#endregion
+export { MonthPicker };

package/dist/month-stepper-parts.d.ts

@@ -0,0 +1,16 @@
+import { IconButtonProps } from "./icon-button.js";
+import { ComponentPropsWithRef } from "react";
+//#region src/month-stepper-parts.d.ts
+type RootProps = Omit<ComponentPropsWithRef<'div'>, 'defaultValue'> & {
+  value?: Date;
+  defaultValue?: Date;
+  onValueChange?: (month: Date) => void;
+  locale?: string;
+};
+/** Always reports the first day of the month. */
+declare const Root: ({ value, defaultValue, onValueChange, locale, ...props }: RootProps) => import("react").JSX.Element;
+declare const Previous: (props: IconButtonProps) => import("react").JSX.Element;
+declare const Next: (props: IconButtonProps) => import("react").JSX.Element;
+declare const Label: (props: ComponentPropsWithRef<'span'>) => import("react").JSX.Element;
+//#endregion
+export { Label, Next, Previous, Root, type RootProps };

package/dist/month-stepper-parts.js

@@ -0,0 +1,52 @@
+"use client";
+import { StepButton } from "./step-button.js";
+import { jsx } from "react/jsx-runtime";
+import { createRequiredContext, useControllableState } from "@journ/lift";
+import { addMonths, formatMonthYear, startOfMonth } from "@journ/fitter-happier";
+//#region src/month-stepper-parts.tsx
+const [MonthStepperContext, useMonthStepper] = createRequiredContext("MonthStepper.Root");
+/** Always reports the first day of the month. */
+const Root = ({ value, defaultValue, onValueChange, locale = "en", ...props }) => {
+	const [selected, setSelected] = useControllableState(value ? startOfMonth(value) : void 0, startOfMonth(defaultValue ?? /* @__PURE__ */ new Date()), onValueChange);
+	const month = selected ?? startOfMonth(/* @__PURE__ */ new Date());
+	return /* @__PURE__ */ jsx(MonthStepperContext, {
+		value: {
+			month,
+			locale,
+			step: (months) => setSelected(addMonths(month, months))
+		},
+		children: /* @__PURE__ */ jsx("div", {
+			"data-slot": "month-stepper",
+			...props
+		})
+	});
+};
+const Previous = (props) => {
+	const { step } = useMonthStepper();
+	return /* @__PURE__ */ jsx(StepButton, {
+		"data-slot": "month-stepper-previous",
+		"aria-label": "Previous month",
+		...props,
+		onStep: () => step(-1)
+	});
+};
+const Next = (props) => {
+	const { step } = useMonthStepper();
+	return /* @__PURE__ */ jsx(StepButton, {
+		"data-slot": "month-stepper-next",
+		"aria-label": "Next month",
+		...props,
+		onStep: () => step(1)
+	});
+};
+const Label = (props) => {
+	const { month, locale } = useMonthStepper();
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "month-stepper-label",
+		"aria-live": "polite",
+		...props,
+		children: props.children ?? formatMonthYear(month, locale)
+	});
+};
+//#endregion
+export { Label, Next, Previous, Root };

package/dist/month-stepper.d.ts

@@ -0,0 +1,10 @@
+import { Label, Next, Previous, Root } from "./month-stepper-parts.js";
+//#region src/month-stepper.d.ts
+declare const MonthStepper: {
+  Root: typeof Root;
+  Previous: typeof Previous;
+  Label: typeof Label;
+  Next: typeof Next;
+};
+//#endregion
+export { MonthStepper };

package/dist/month-stepper.js

@@ -0,0 +1,10 @@
+import { Label, Next, Previous, Root } from "./month-stepper-parts.js";
+//#region src/month-stepper.tsx
+const MonthStepper = {
+	Root,
+	Previous,
+	Label,
+	Next
+};
+//#endregion
+export { MonthStepper };

package/dist/multiple-selector-parts.d.ts

@@ -0,0 +1,39 @@
+import { Empty, Frame, Group, Input as Input$1, ItemIndicator, List, Option } from "./combobox-parts.js";
+import { ComponentPropsWithRef, ElementType, ReactNode } from "react";
+//#region src/multiple-selector-parts.d.ts
+declare const Trigger: (props: ComponentPropsWithRef<'button'>) => import("react").JSX.Element, PickerValue: ({ placeholder, children, ...props }: import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & {
+  placeholder?: string;
+}) => import("react").JSX.Element;
+declare const useMultipleSelector: any;
+type RootProps = {
+  value?: string[];
+  defaultValue?: string[];
+  onValueChange?: (value: string[]) => void;
+  /** Values that are always selected and cannot be removed. */
+  fixed?: string[];
+  /** The most values that can be selected. */
+  max?: number;
+  children?: ReactNode;
+};
+/**
+ * A combobox that keeps its drawer open and collects values. A value is also its
+ * label. Build the list from Combobox's parts, plus `Create` to allow new values.
+ */
+declare const Root: ({ value, defaultValue, onValueChange, fixed, max, children }: RootProps) => import("react").JSX.Element;
+/** The count of chosen values, or `children` when given. */
+declare const Value: ({ placeholder, children, ...props }: ComponentPropsWithRef<typeof PickerValue>) => import("react").JSX.Element;
+type TagsProps = {
+  /** The chip rendered per value. It receives `removeLabel`, `onRemove` and the value as children. */
+  components?: {
+    Tag?: ElementType;
+  };
+};
+/** One chip per chosen value, with a remove button unless the value is fixed. */
+declare const Tags: ({ components }: TagsProps) => any;
+declare const Input: (props: ComponentPropsWithRef<typeof Input$1>) => import("react").JSX.Element;
+/** Toggles its value. Fixed values are locked, and unchosen values lock once `max` is reached. */
+declare const Item: ({ value, disabled, ...props }: Omit<ComponentPropsWithRef<typeof Option>, 'checked' | 'onPick'>) => import("react").JSX.Element;
+/** Offers the typed text as a new value. Hidden when empty, already chosen, or the selection is full. */
+declare const Create: ({ children, ...props }: Omit<ComponentPropsWithRef<typeof Option>, 'value' | 'checked' | 'onPick'>) => import("react").JSX.Element | null;
+//#endregion
+export { Create, Empty, Frame, Group, Input, Item, ItemIndicator, List, Root, type RootProps, Tags, Trigger, Value, useMultipleSelector };

package/dist/multiple-selector-parts.js

@@ -0,0 +1,118 @@
+"use client";
+import { Chip } from "./chip.js";
+import { createPicker } from "./lib/picker.js";
+import { Empty, Frame, Group, Input as Input$1, ItemIndicator, List, Option } from "./combobox-parts.js";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createRequiredContext } from "@journ/lift";
+//#region src/multiple-selector-parts.tsx
+const { Provider, Trigger, Value: PickerValue, usePickerState } = createPicker("MultipleSelector", "multiple-selector", {
+	closeOnSelect: false,
+	isEmpty: (value) => !value || value.length === 0
+});
+const [SelectionContext, useMultipleSelector] = createRequiredContext("MultipleSelector.Root");
+const none = [];
+/**
+* A combobox that keeps its drawer open and collects values. A value is also its
+* label. Build the list from Combobox's parts, plus `Create` to allow new values.
+*/
+const Root = ({ value, defaultValue = none, onValueChange, fixed = none, max, children }) => {
+	const { state, actions } = usePickerState(value, defaultValue, onValueChange);
+	const [search, setSearch] = useState("");
+	const selected = [.../* @__PURE__ */ new Set([...fixed, ...state.value ?? none])];
+	const full = max !== void 0 && selected.length >= max;
+	const set = (next) => actions.select(next);
+	const remove = (item) => {
+		if (!fixed.includes(item) && selected.includes(item)) set(selected.filter((existing) => existing !== item));
+	};
+	return /* @__PURE__ */ jsx(Provider, {
+		state: {
+			value: selected,
+			open: state.open
+		},
+		actions: {
+			...actions,
+			setOpen: (open) => {
+				if (!open) setSearch("");
+				actions.setOpen(open);
+			}
+		},
+		children: /* @__PURE__ */ jsx(SelectionContext, {
+			value: {
+				selected,
+				fixed,
+				full,
+				search,
+				setSearch,
+				remove,
+				toggle: (item) => selected.includes(item) ? remove(item) : !full && set([...selected, item]),
+				create: (text) => {
+					const item = text.trim();
+					setSearch("");
+					if (item && !full && !selected.some((existing) => existing.toLowerCase() === item.toLowerCase())) set([...selected, item]);
+				}
+			},
+			children
+		})
+	});
+};
+/** The count of chosen values, or `children` when given. */
+const Value = ({ placeholder, children, ...props }) => {
+	const { selected } = useMultipleSelector();
+	return /* @__PURE__ */ jsx(PickerValue, {
+		placeholder,
+		...props,
+		children: children ?? `${selected.length} selected`
+	});
+};
+/** One chip per chosen value, with a remove button unless the value is fixed. */
+const Tags = ({ components }) => {
+	const { selected, fixed, remove } = useMultipleSelector();
+	const Tag = components?.Tag ?? Chip.Tag;
+	return selected.map((item) => /* @__PURE__ */ jsx(Tag, {
+		removeLabel: `Remove ${item}`,
+		onRemove: fixed.includes(item) ? void 0 : () => remove(item),
+		children: item
+	}, item));
+};
+const Input = (props) => {
+	const { search, setSearch } = useMultipleSelector();
+	return /* @__PURE__ */ jsx(Input$1, {
+		...props,
+		value: search,
+		onValueChange: setSearch
+	});
+};
+/** Toggles its value. Fixed values are locked, and unchosen values lock once `max` is reached. */
+const Item = ({ value, disabled, ...props }) => {
+	const { selected, fixed, full, toggle } = useMultipleSelector();
+	const checked = selected.includes(value);
+	return /* @__PURE__ */ jsx(Option, {
+		...props,
+		value,
+		checked,
+		disabled: disabled || fixed.includes(value) || full && !checked,
+		onPick: toggle
+	});
+};
+/** Offers the typed text as a new value. Hidden when empty, already chosen, or the selection is full. */
+const Create = ({ children = "Create", ...props }) => {
+	const { selected, full, search, create } = useMultipleSelector();
+	const typed = search.trim();
+	if (!typed || full || selected.some((existing) => existing.toLowerCase() === typed.toLowerCase())) return null;
+	return /* @__PURE__ */ jsxs(Option, {
+		...props,
+		forceMount: true,
+		value: `__create__${typed}`,
+		checked: false,
+		onPick: () => create(typed),
+		children: [
+			children,
+			" “",
+			typed,
+			"”"
+		]
+	});
+};
+//#endregion
+export { Create, Empty, Frame, Group, Input, Item, ItemIndicator, List, Root, Tags, Trigger, Value, useMultipleSelector };

package/dist/multiple-selector.d.ts

@@ -0,0 +1,76 @@
+import { ModalContentProps } from "./lib/modal-content.js";
+import { ItemIndicator } from "./combobox-parts.js";
+import { Create, Input, Item, Root, RootProps, Tags, Value, useMultipleSelector } from "./multiple-selector-parts.js";
+//#region src/multiple-selector.d.ts
+declare const MultipleSelector: {
+  Root: typeof Root;
+  Trigger: (props: import("react").ComponentPropsWithRef<'button'>) => import("react").JSX.Element;
+  Value: typeof Value;
+  Tags: typeof Tags;
+  Content: ({ classNames, overlayRef, ...props }: ModalContentProps<{
+    Root: typeof import("vaul").Root;
+    NestedRoot: typeof import("vaul").NestedRoot;
+    Content: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Overlay: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Trigger: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    Portal: typeof import("vaul").Portal;
+    Handle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+      preventCycle?: boolean | undefined;
+    } & React.RefAttributes<HTMLDivElement>>;
+    Close: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+    Title: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+    Description: React.ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+  }>) => import("react").JSX.Element;
+  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;
+  Frame: (props: {
+    children?: React.ReactNode;
+  } & Pick<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+  } & {
+    asChild?: boolean;
+  }, "asChild" | "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    label?: string;
+    shouldFilter?: boolean;
+    filter?: (value: string, search: string, keywords?: string[]) => number;
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    loop?: boolean;
+    disablePointerSelection?: boolean;
+    vimBindings?: boolean;
+  } & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactNode;
+  Input: typeof Input;
+  List: (props: {
+    children?: React.ReactNode;
+  } & Pick<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+  } & {
+    asChild?: boolean;
+  }, "asChild" | "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    label?: string;
+  } & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactNode;
+  Empty: (props: {
+    children?: React.ReactNode;
+  } & Pick<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+  } & {
+    asChild?: boolean;
+  }, "asChild" | "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactNode;
+  Group: (props: {
+    children?: React.ReactNode;
+  } & Omit<Pick<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+  } & {
+    asChild?: boolean;
+  }, "asChild" | "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "heading" | "value"> & {
+    heading?: React.ReactNode;
+    value?: string;
+    forceMount?: boolean;
+  } & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactNode;
+  Item: typeof Item;
+  ItemIndicator: typeof ItemIndicator;
+  Create: typeof Create;
+};
+//#endregion
+export { MultipleSelector, type RootProps as MultipleSelectorProps, useMultipleSelector };

package/dist/multiple-selector.js

@@ -0,0 +1,23 @@
+import { Content, Description, Title } from "./drawer-parts.js";
+import { Empty, Frame, Group, ItemIndicator, List } from "./combobox-parts.js";
+import { Create, Input, Item, Root, Tags, Trigger, Value, useMultipleSelector } from "./multiple-selector-parts.js";
+//#region src/multiple-selector.tsx
+const MultipleSelector = {
+	Root,
+	Trigger,
+	Value,
+	Tags,
+	Content,
+	Title,
+	Description,
+	Frame,
+	Input,
+	List,
+	Empty,
+	Group,
+	Item,
+	ItemIndicator,
+	Create
+};
+//#endregion
+export { MultipleSelector, useMultipleSelector };

package/dist/nav-bar.d.ts

@@ -0,0 +1,7 @@
+//#region src/nav-bar.d.ts
+declare const NavBar: {
+  Root: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>) => import("react").ReactNode;
+  Item: (props: import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>) => import("react").ReactNode;
+};
+//#endregion
+export { NavBar };

package/dist/nav-bar.js

@@ -0,0 +1,8 @@
+import { part } from "./lib/part.js";
+//#region src/nav-bar.tsx
+const NavBar = {
+	Root: part("nav", "nav-bar"),
+	Item: part("a", "nav-bar-item")
+};
+//#endregion
+export { NavBar };

package/dist/navigation-menu-parts.d.ts

@@ -0,0 +1,18 @@
+import { ComponentPropsWithRef } from "react";
+import * as RadixNav from "@radix-ui/react-navigation-menu";
+//#region src/navigation-menu-parts.d.ts
+type RootProps = ComponentPropsWithRef<typeof RadixNav.Root> & {
+  classNames?: {
+    viewportPosition?: string;
+    viewport?: string;
+  };
+};
+/** Includes the viewport, the panel that Content opens into. */
+declare const Root: ({ classNames, children, ...props }: RootProps) => import("react").JSX.Element;
+declare const List: (props: RadixNav.NavigationMenuListProps & import("react").RefAttributes<HTMLUListElement>) => import("react").ReactNode;
+declare const Item: import("react").ForwardRefExoticComponent<RadixNav.NavigationMenuItemProps & import("react").RefAttributes<HTMLLIElement>>;
+declare const Trigger: (props: RadixNav.NavigationMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactNode;
+declare const Content: (props: RadixNav.NavigationMenuContentProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactNode;
+declare const Link: (props: RadixNav.NavigationMenuLinkProps & import("react").RefAttributes<HTMLAnchorElement>) => import("react").ReactNode;
+//#endregion
+export { Content, Item, Link, List, Root, Trigger };

package/dist/navigation-menu-parts.js

@@ -0,0 +1,25 @@
+"use client";
+import { part } from "./lib/part.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as RadixNav from "@radix-ui/react-navigation-menu";
+//#region src/navigation-menu-parts.tsx
+/** Includes the viewport, the panel that Content opens into. */
+const Root = ({ classNames, children, ...props }) => /* @__PURE__ */ jsxs(RadixNav.Root, {
+	"data-slot": "navigation-menu",
+	...props,
+	children: [children, /* @__PURE__ */ jsx("div", {
+		"data-slot": "navigation-menu-viewport-position",
+		className: classNames?.viewportPosition,
+		children: /* @__PURE__ */ jsx(RadixNav.Viewport, {
+			"data-slot": "navigation-menu-viewport",
+			className: classNames?.viewport
+		})
+	})]
+});
+const List = part(RadixNav.List, "navigation-menu-list");
+const Item = RadixNav.Item;
+const Trigger = part(RadixNav.Trigger, "navigation-menu-trigger");
+const Content = part(RadixNav.Content, "navigation-menu-content");
+const Link = part(RadixNav.Link, "navigation-menu-link");
+//#endregion
+export { Content, Item, Link, List, Root, Trigger };

package/dist/navigation-menu.d.ts

@@ -0,0 +1,12 @@
+import { Root } from "./navigation-menu-parts.js";
+//#region src/navigation-menu.d.ts
+declare const NavigationMenu: {
+  Root: typeof Root;
+  List: (props: import("@radix-ui/react-navigation-menu").NavigationMenuListProps & import("react").RefAttributes<HTMLUListElement>) => import("react").ReactNode;
+  Item: import("react").ForwardRefExoticComponent<import("@radix-ui/react-navigation-menu").NavigationMenuItemProps & import("react").RefAttributes<HTMLLIElement>>;
+  Trigger: (props: import("@radix-ui/react-navigation-menu").NavigationMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactNode;
+  Content: (props: import("@radix-ui/react-navigation-menu").NavigationMenuContentProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactNode;
+  Link: (props: import("@radix-ui/react-navigation-menu").NavigationMenuLinkProps & import("react").RefAttributes<HTMLAnchorElement>) => import("react").ReactNode;
+};
+//#endregion
+export { NavigationMenu };

package/dist/navigation-menu.js

@@ -0,0 +1,12 @@
+import { Content, Item, Link, List, Root, Trigger } from "./navigation-menu-parts.js";
+//#region src/navigation-menu.tsx
+const NavigationMenu = {
+	Root,
+	List,
+	Item,
+	Trigger,
+	Content,
+	Link
+};
+//#endregion
+export { NavigationMenu };

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

@@ -0,0 +1,9 @@
+import * as RadixOtp from "@radix-ui/react-one-time-password-field";
+//#region src/otp-input-parts.d.ts
+declare const Root: (props: Omit<RadixOtp.OneTimePasswordFieldProps, "ref"> & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactNode;
+/** One box per character. Render as many as the code is long. */
+declare const Slot: (props: Omit<RadixOtp.OneTimePasswordFieldInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>) => import("react").ReactNode;
+/** Submits the whole code with a surrounding form. Render it once, after the slots. */
+declare const Hidden: import("react").ForwardRefExoticComponent<Omit<RadixOtp.OneTimePasswordFieldHiddenInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+//#endregion
+export { Hidden, Root, Slot };

package/dist/otp-input-parts.js

@@ -0,0 +1,11 @@
+"use client";
+import { part } from "./lib/part.js";
+import * as RadixOtp from "@radix-ui/react-one-time-password-field";
+//#region src/otp-input-parts.tsx
+const Root = part(RadixOtp.Root, "otp-input");
+/** One box per character. Render as many as the code is long. */
+const Slot = part(RadixOtp.Input, "otp-input-slot");
+/** Submits the whole code with a surrounding form. Render it once, after the slots. */
+const Hidden = RadixOtp.HiddenInput;
+//#endregion
+export { Hidden, Root, Slot };

package/dist/otp-input.d.ts

@@ -0,0 +1,8 @@
+//#region src/otp-input.d.ts
+declare const OtpInput: {
+  Root: (props: Omit<import("@radix-ui/react-one-time-password-field").OneTimePasswordFieldProps, "ref"> & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactNode;
+  Slot: (props: Omit<import("@radix-ui/react-one-time-password-field").OneTimePasswordFieldInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>) => import("react").ReactNode;
+  Hidden: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-one-time-password-field").OneTimePasswordFieldHiddenInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+};
+//#endregion
+export { OtpInput };

package/dist/otp-input.js

@@ -0,0 +1,9 @@
+import { Hidden, Root, Slot } from "./otp-input-parts.js";
+//#region src/otp-input.tsx
+const OtpInput = {
+	Root,
+	Slot,
+	Hidden
+};
+//#endregion
+export { OtpInput };

package/dist/page-header.d.ts

@@ -0,0 +1,8 @@
+//#region src/page-header.d.ts
+declare const PageHeader: {
+  Root: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>) => import("react").ReactNode;
+  Title: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>) => import("react").ReactNode;
+  Actions: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => import("react").ReactNode;
+};
+//#endregion
+export { PageHeader };

package/dist/page-header.js

@@ -0,0 +1,9 @@
+import { part } from "./lib/part.js";
+//#region src/page-header.tsx
+const PageHeader = {
+	Root: part("header", "page-header"),
+	Title: part("h1", "page-header-title"),
+	Actions: part("div", "page-header-actions")
+};
+//#endregion
+export { PageHeader };

package/dist/page.d.ts

@@ -0,0 +1,8 @@
+//#region src/page.d.ts
+declare const Page: {
+  Root: (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;
+  Footer: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => import("react").ReactNode;
+};
+//#endregion
+export { Page };

package/dist/page.js

@@ -0,0 +1,9 @@
+import { part } from "./lib/part.js";
+//#region src/page.tsx
+const Page = {
+	Root: part("div", "page"),
+	Content: part("main", "page-content"),
+	Footer: part("div", "page-footer")
+};
+//#endregion
+export { Page };

package/dist/pagination.d.ts

@@ -0,0 +1,13 @@
+import { ComponentPropsWithRef } from "react";
+//#region src/pagination.d.ts
+declare const Gap: (props: ComponentPropsWithRef<'span'>) => import("react").JSX.Element;
+declare const Pagination: {
+  Root: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>) => import("react").ReactNode;
+  Previous: (props: import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>) => import("react").ReactNode;
+  List: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => import("react").ReactNode;
+  Page: (props: import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>) => import("react").ReactNode;
+  Gap: typeof Gap;
+  Next: (props: import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>) => import("react").ReactNode;
+};
+//#endregion
+export { Pagination };

package/dist/pagination.js

@@ -0,0 +1,24 @@
+import { part } from "./lib/part.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/pagination.tsx
+const Root = part("nav", "pagination", { "aria-label": "Pagination" });
+const List = part("div", "pagination-list");
+const Previous = part("a", "pagination-previous", { children: "Previous" });
+const Next = part("a", "pagination-next", { children: "Next" });
+const Page = part("a", "pagination-page");
+const Gap = (props) => /* @__PURE__ */ jsx("span", {
+	"data-slot": "pagination-gap",
+	"aria-hidden": true,
+	...props,
+	children: "…"
+});
+const Pagination = {
+	Root,
+	Previous,
+	List,
+	Page,
+	Gap,
+	Next
+};
+//#endregion
+export { Pagination };

package/dist/pill-select.d.ts

@@ -0,0 +1,4 @@
+//#region src/pill-select.d.ts
+declare const PillSelect: (props: import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>) => import("react").ReactNode;
+//#endregion
+export { PillSelect };

package/dist/pill-select.js

@@ -0,0 +1,5 @@
+import { part } from "./lib/part.js";
+//#region src/pill-select.tsx
+const PillSelect = part("select", "pill-select");
+//#endregion
+export { PillSelect };

package/dist/popover-parts.d.ts

@@ -0,0 +1,9 @@
+import { ComponentPropsWithRef } from "react";
+import * as RadixPopover from "@radix-ui/react-popover";
+//#region src/popover-parts.d.ts
+declare const Root: import("react").FC<RadixPopover.PopoverProps>;
+declare const Trigger: import("react").ForwardRefExoticComponent<RadixPopover.PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const Close: import("react").ForwardRefExoticComponent<RadixPopover.PopoverCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const Content: (props: ComponentPropsWithRef<typeof RadixPopover.Content>) => import("react").JSX.Element;
+//#endregion
+export { Close, Content, Root, Trigger };

package/dist/popover-parts.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as RadixPopover from "@radix-ui/react-popover";
+//#region src/popover-parts.tsx
+const Root = RadixPopover.Root;
+const Trigger = RadixPopover.Trigger;
+const Close = RadixPopover.Close;
+const Content = (props) => /* @__PURE__ */ jsx(RadixPopover.Portal, { children: /* @__PURE__ */ jsx(RadixPopover.Content, {
+	"data-slot": "popover-content",
+	...props
+}) });
+//#endregion
+export { Close, Content, Root, Trigger };