@journ/nude 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,94 @@
+import { Accordion } from "./accordion.js";
+import { AlertDialog } from "./alert-dialog.js";
+import { Alert } from "./alert.js";
+import { AnimatedSize, AnimatedSizeProps } from "./animated-size.js";
+import { Avatar } from "./avatar.js";
+import { Badge } from "./badge.js";
+import { Breadcrumbs } from "./breadcrumbs.js";
+import { BulkBar } from "./bulk-bar.js";
+import { Button, ButtonProps } from "./button.js";
+import { IconButton, IconButtonProps } from "./icon-button.js";
+import { CalendarActions, CalendarContextValue, CalendarMeta, CalendarState, CalendarView, RootProps, Weekday, useCalendar } from "./calendar-parts.js";
+import { Calendar } from "./calendar.js";
+import { Card } from "./card.js";
+import { RootProps as RootProps$1, useCarousel } from "./carousel-parts.js";
+import { Carousel } from "./carousel.js";
+import { Checkbox } from "./checkbox.js";
+import { Chip } from "./chip.js";
+import { Collapsible } from "./collapsible.js";
+import { ComboboxActions, ComboboxContextValue, ComboboxState, RootProps as RootProps$2, useCombobox } from "./combobox-parts.js";
+import { Combobox } from "./combobox.js";
+import { RootProps as RootProps$3 } from "./command-palette-parts.js";
+import { CommandPalette } from "./command-palette.js";
+import { Composer } from "./composer.js";
+import { ContextMenu } from "./context-menu.js";
+import { Input } from "./input.js";
+import { RootProps as RootProps$4 } from "./currency-input-parts.js";
+import { CurrencyInput } from "./currency-input.js";
+import { Table } from "./table.js";
+import { DataTableColumn, RootProps as RootProps$5, dataTableColumns, selectColumn, useDataTable } from "./data-table-parts.js";
+import { DataTable } from "./data-table.js";
+import { DateInput } from "./date-input.js";
+import { DatePickerActions, DatePickerContextValue, DatePickerMeta, DatePickerState, RootProps as RootProps$6, useDatePicker } from "./date-picker-parts.js";
+import { DatePicker } from "./date-picker.js";
+import { DateRange, DateRangePickerActions, DateRangePickerContextValue, DateRangePickerMeta, DateRangePickerState, RootProps as RootProps$7, useDateRangePicker } from "./date-range-picker-parts.js";
+import { DateRangePicker } from "./date-range-picker.js";
+import { DescriptionList } from "./description-list.js";
+import { Dialog } from "./dialog.js";
+import { Divider } from "./divider.js";
+import { Drawer } from "./drawer.js";
+import { DropdownMenu } from "./dropdown-menu.js";
+import { EmptyState } from "./empty-state.js";
+import { Field } from "./field.js";
+import { FileRejection, RejectionReason } from "./file-dropzone-parts.js";
+import { FileDropzone } from "./file-dropzone.js";
+import { Heading } from "./heading.js";
+import { HoverCard } from "./hover-card.js";
+import { Icon } from "./icon.js";
+import { Link } from "./link.js";
+import { Markdown, MarkdownProps } from "./markdown.js";
+import { Message } from "./message.js";
+import { RootProps as RootProps$8 } from "./month-picker-parts.js";
+import { MonthPicker } from "./month-picker.js";
+import { MonthStepper } from "./month-stepper.js";
+import { RootProps as RootProps$9, useMultipleSelector } from "./multiple-selector-parts.js";
+import { MultipleSelector } from "./multiple-selector.js";
+import { NavBar } from "./nav-bar.js";
+import { NavigationMenu } from "./navigation-menu.js";
+import { OtpInput } from "./otp-input.js";
+import { Page } from "./page.js";
+import { PageHeader } from "./page-header.js";
+import { Pagination } from "./pagination.js";
+import { PillSelect } from "./pill-select.js";
+import { Popover } from "./popover.js";
+import { Portal, PortalProps } from "./portal.js";
+import { Progress } from "./progress.js";
+import { RootProps as RootProps$10 } from "./quantity-input-parts.js";
+import { QuantityInput } from "./quantity-input.js";
+import { Radio } from "./radio.js";
+import { ScrollArea } from "./scroll-area.js";
+import { Select } from "./select.js";
+import { SheetContentProps as ContentProps, SheetSide as Side } from "./sheet-parts.js";
+import { Sheet } from "./sheet.js";
+import { Sidebar } from "./sidebar.js";
+import { Skeleton } from "./skeleton.js";
+import { Slider } from "./slider.js";
+import { Spinner } from "./spinner.js";
+import { Stack } from "./stack.js";
+import { Stat } from "./stat.js";
+import { Stepper } from "./stepper.js";
+import { Switch } from "./switch.js";
+import { Tabs } from "./tabs.js";
+import { RootProps as RootProps$11, useTagInput } from "./tag-input-parts.js";
+import { TagInput } from "./tag-input.js";
+import { Text } from "./text.js";
+import { TextMorph, TextMorphProps } from "./text-morph.js";
+import { TextShimmer, TextShimmerProps } from "./text-shimmer.js";
+import { Textarea } from "./textarea.js";
+import { RootProps as RootProps$12, TimeRangeValue } from "./time-range-parts.js";
+import { TimeRange } from "./time-range.js";
+import { Toast } from "./toast.js";
+import { ToggleGroup } from "./toggle-group.js";
+import { Tooltip } from "./tooltip.js";
+import { TouchTarget } from "./touch-target.js";
+export { Accordion, Alert, AlertDialog, AnimatedSize, type AnimatedSizeProps, Avatar, Badge, Breadcrumbs, BulkBar, Button, type ButtonProps, Calendar, type CalendarActions, type CalendarContextValue, type CalendarMeta, type RootProps as CalendarProps, type CalendarState, type CalendarView, Card, Carousel, type RootProps$1 as CarouselProps, Checkbox, Chip, Collapsible, Combobox, type ComboboxActions, type ComboboxContextValue, type RootProps$2 as ComboboxProps, type ComboboxState, CommandPalette, type RootProps$3 as CommandPaletteProps, Composer, ContextMenu, CurrencyInput, type RootProps$4 as CurrencyInputProps, DataTable, type DataTableColumn, type RootProps$5 as DataTableProps, DateInput, DatePicker, type DatePickerActions, type DatePickerContextValue, type DatePickerMeta, type RootProps$6 as DatePickerProps, type DatePickerState, type DateRange, DateRangePicker, type DateRangePickerActions, type DateRangePickerContextValue, type DateRangePickerMeta, type RootProps$7 as DateRangePickerProps, type DateRangePickerState, DescriptionList, Dialog, Divider, Drawer, DropdownMenu, EmptyState, Field, FileDropzone, type FileRejection, Heading, HoverCard, Icon, IconButton, type IconButtonProps, Input, Link, Markdown, type MarkdownProps, Message, MonthPicker, type RootProps$8 as MonthPickerProps, MonthStepper, MultipleSelector, type RootProps$9 as MultipleSelectorProps, NavBar, NavigationMenu, OtpInput, Page, PageHeader, Pagination, PillSelect, Popover, Portal, type PortalProps, Progress, QuantityInput, type RootProps$10 as QuantityInputProps, Radio, type RejectionReason, ScrollArea, Select, Sheet, type ContentProps as SheetContentProps, type Side as SheetSide, Sidebar, Skeleton, Slider, Spinner, Stack, Stat, Stepper, Switch, Table, Tabs, TagInput, type RootProps$11 as TagInputProps, Text, TextMorph, type TextMorphProps, TextShimmer, type TextShimmerProps, Textarea, TimeRange, type RootProps$12 as TimeRangeProps, type TimeRangeValue, Toast, ToggleGroup, Tooltip, TouchTarget, type Weekday, dataTableColumns, selectColumn, useCalendar, useCarousel, useCombobox, useDataTable, useDatePicker, useDateRangePicker, useMultipleSelector, useTagInput };

package/dist/index.js

@@ -0,0 +1,87 @@
+import { Accordion } from "./accordion.js";
+import { AlertDialog } from "./alert-dialog.js";
+import { Alert } from "./alert.js";
+import { AnimatedSize } from "./animated-size.js";
+import { Avatar } from "./avatar.js";
+import { Badge } from "./badge.js";
+import { Breadcrumbs } from "./breadcrumbs.js";
+import { BulkBar } from "./bulk-bar.js";
+import { Button } from "./button.js";
+import { IconButton } from "./icon-button.js";
+import { useCalendar } from "./calendar-parts.js";
+import { Calendar } from "./calendar.js";
+import { Card } from "./card.js";
+import { useCarousel } from "./carousel-parts.js";
+import { Carousel } from "./carousel.js";
+import { Checkbox } from "./checkbox.js";
+import { Chip } from "./chip.js";
+import { Collapsible } from "./collapsible.js";
+import { useCombobox } from "./combobox-parts.js";
+import { Combobox } from "./combobox.js";
+import { CommandPalette } from "./command-palette.js";
+import { Composer } from "./composer.js";
+import { ContextMenu } from "./context-menu.js";
+import { Input } from "./input.js";
+import { CurrencyInput } from "./currency-input.js";
+import { Pagination } from "./pagination.js";
+import { Table } from "./table.js";
+import { dataTableColumns, selectColumn, useDataTable } from "./data-table-parts.js";
+import { DataTable } from "./data-table.js";
+import { DateInput } from "./date-input.js";
+import { useDatePicker } from "./date-picker-parts.js";
+import { DatePicker } from "./date-picker.js";
+import { useDateRangePicker } from "./date-range-picker-parts.js";
+import { DateRangePicker } from "./date-range-picker.js";
+import { DescriptionList } from "./description-list.js";
+import { Dialog } from "./dialog.js";
+import { Divider } from "./divider.js";
+import { Drawer } from "./drawer.js";
+import { DropdownMenu } from "./dropdown-menu.js";
+import { EmptyState } from "./empty-state.js";
+import { Field } from "./field.js";
+import { FileDropzone } from "./file-dropzone.js";
+import { Heading } from "./heading.js";
+import { HoverCard } from "./hover-card.js";
+import { Icon } from "./icon.js";
+import { Link } from "./link.js";
+import { Markdown } from "./markdown.js";
+import { Message } from "./message.js";
+import { MonthPicker } from "./month-picker.js";
+import { MonthStepper } from "./month-stepper.js";
+import { useMultipleSelector } from "./multiple-selector-parts.js";
+import { MultipleSelector } from "./multiple-selector.js";
+import { NavBar } from "./nav-bar.js";
+import { NavigationMenu } from "./navigation-menu.js";
+import { OtpInput } from "./otp-input.js";
+import { Page } from "./page.js";
+import { PageHeader } from "./page-header.js";
+import { PillSelect } from "./pill-select.js";
+import { Popover } from "./popover.js";
+import { Portal } from "./portal.js";
+import { Progress } from "./progress.js";
+import { QuantityInput } from "./quantity-input.js";
+import { Radio } from "./radio.js";
+import { ScrollArea } from "./scroll-area.js";
+import { Select } from "./select.js";
+import { Sheet } from "./sheet.js";
+import { Sidebar } from "./sidebar.js";
+import { Skeleton } from "./skeleton.js";
+import { Slider } from "./slider.js";
+import { Spinner } from "./spinner.js";
+import { Stack } from "./stack.js";
+import { Stat } from "./stat.js";
+import { Stepper } from "./stepper.js";
+import { Switch } from "./switch.js";
+import { Tabs } from "./tabs.js";
+import { useTagInput } from "./tag-input-parts.js";
+import { TagInput } from "./tag-input.js";
+import { Text } from "./text.js";
+import { TextMorph } from "./text-morph.js";
+import { TextShimmer } from "./text-shimmer.js";
+import { Textarea } from "./textarea.js";
+import { TimeRange } from "./time-range.js";
+import { Toast } from "./toast.js";
+import { ToggleGroup } from "./toggle-group.js";
+import { Tooltip } from "./tooltip.js";
+import { TouchTarget } from "./touch-target.js";
+export { Accordion, Alert, AlertDialog, AnimatedSize, Avatar, Badge, Breadcrumbs, BulkBar, Button, Calendar, Card, Carousel, Checkbox, Chip, Collapsible, Combobox, CommandPalette, Composer, ContextMenu, CurrencyInput, DataTable, DateInput, DatePicker, DateRangePicker, DescriptionList, Dialog, Divider, Drawer, DropdownMenu, EmptyState, Field, FileDropzone, Heading, HoverCard, Icon, IconButton, Input, Link, Markdown, Message, MonthPicker, MonthStepper, MultipleSelector, NavBar, NavigationMenu, OtpInput, Page, PageHeader, Pagination, PillSelect, Popover, Portal, Progress, QuantityInput, Radio, ScrollArea, Select, Sheet, Sidebar, Skeleton, Slider, Spinner, Stack, Stat, Stepper, Switch, Table, Tabs, TagInput, Text, TextMorph, TextShimmer, Textarea, TimeRange, Toast, ToggleGroup, Tooltip, TouchTarget, dataTableColumns, selectColumn, useCalendar, useCarousel, useCombobox, useDataTable, useDatePicker, useDateRangePicker, useMultipleSelector, useTagInput };

package/dist/input.d.ts

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

package/dist/input.js

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

package/dist/lib/commit-on.d.ts

@@ -0,0 +1,15 @@
+import { FocusEvent, FocusEventHandler, KeyboardEvent, KeyboardEventHandler } from "react";
+//#region src/lib/commit-on.d.ts
+/**
+ * Handlers that commit typed text on blur and on Enter, after the caller's own
+ * handlers have run. Spread them on a text field.
+ */
+declare const commitOn: <T extends HTMLElement>(commit: () => void, { onBlur, onKeyDown }?: {
+  onBlur?: FocusEventHandler<T>;
+  onKeyDown?: KeyboardEventHandler<T>;
+}) => {
+  onBlur: (event: FocusEvent<T>) => void;
+  onKeyDown: (event: KeyboardEvent<T>) => void;
+};
+//#endregion
+export { commitOn };

package/dist/lib/commit-on.js

@@ -0,0 +1,17 @@
+//#region src/lib/commit-on.ts
+/**
+* Handlers that commit typed text on blur and on Enter, after the caller's own
+* handlers have run. Spread them on a text field.
+*/
+const commitOn = (commit, { onBlur, onKeyDown } = {}) => ({
+	onBlur: (event) => {
+		onBlur?.(event);
+		commit();
+	},
+	onKeyDown: (event) => {
+		onKeyDown?.(event);
+		if (event.key === "Enter") commit();
+	}
+});
+//#endregion
+export { commitOn };

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

@@ -0,0 +1,21 @@
+import { ComponentPropsWithRef, ElementType } from "react";
+//#region src/lib/menu-parts.d.ts
+type MenuPrimitive = {
+  Portal: ElementType;
+  Content: ElementType;
+  Item: ElementType;
+  Label: ElementType;
+  Separator: ElementType;
+};
+/**
+ * Content, Item, Label and Separator for any Radix menu-like primitive
+ * (dropdown menu, context menu, select). `slot` prefixes each `data-slot`.
+ */
+declare const createMenuParts: <P extends MenuPrimitive>(primitive: P, slot: string) => {
+  Content: (props: ComponentPropsWithRef<P['Content']>) => import("react").JSX.Element;
+  Item: (props: ComponentPropsWithRef<P["Item"]>) => import("react").ReactNode;
+  Label: (props: ComponentPropsWithRef<P["Label"]>) => import("react").ReactNode;
+  Separator: (props: ComponentPropsWithRef<P["Separator"]>) => import("react").ReactNode;
+};
+//#endregion
+export { createMenuParts };

package/dist/lib/menu-parts.js

@@ -0,0 +1,23 @@
+import { part } from "./part.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/lib/menu-parts.tsx
+/**
+* Content, Item, Label and Separator for any Radix menu-like primitive
+* (dropdown menu, context menu, select). `slot` prefixes each `data-slot`.
+*/
+const createMenuParts = (primitive, slot) => {
+	const Portal = primitive.Portal;
+	const ContentPrimitive = primitive.Content;
+	const Content = (props) => /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(ContentPrimitive, {
+		"data-slot": `${slot}-content`,
+		...props
+	}) });
+	return {
+		Content,
+		Item: part(primitive.Item, `${slot}-item`),
+		Label: part(primitive.Label, `${slot}-label`),
+		Separator: part(primitive.Separator, `${slot}-separator`)
+	};
+};
+//#endregion
+export { createMenuParts };

package/dist/lib/modal-content.d.ts

@@ -0,0 +1,17 @@
+import { ComponentPropsWithRef, ElementType, Ref } from "react";
+//#region src/lib/modal-content.d.ts
+type ModalPrimitive = {
+  Portal: ElementType;
+  Overlay: ElementType;
+  Content: ElementType;
+};
+type ModalContentProps<P extends ModalPrimitive> = ComponentPropsWithRef<P['Content']> & {
+  classNames?: {
+    overlay?: string;
+  };
+  overlayRef?: Ref<HTMLDivElement>;
+};
+/** Opens in a portal over an overlay. `slot` prefixes each `data-slot`, e.g. `dialog` gives `dialog` and `dialog-overlay`. */
+declare const createModalContent: <P extends ModalPrimitive>(primitive: P, slot: string) => ({ classNames, overlayRef, ...props }: ModalContentProps<P>) => import("react").JSX.Element;
+//#endregion
+export { type ModalContentProps, createModalContent };

package/dist/lib/modal-content.js

@@ -0,0 +1,17 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/lib/modal-content.tsx
+/** Opens in a portal over an overlay. `slot` prefixes each `data-slot`, e.g. `dialog` gives `dialog` and `dialog-overlay`. */
+const createModalContent = (primitive, slot) => {
+	const { Portal, Overlay, Content } = primitive;
+	const ModalContent = ({ classNames, overlayRef, ...props }) => /* @__PURE__ */ jsxs(Portal, { children: [/* @__PURE__ */ jsx(Overlay, {
+		ref: overlayRef,
+		"data-slot": `${slot}-overlay`,
+		className: classNames?.overlay
+	}), /* @__PURE__ */ jsx(Content, {
+		"data-slot": slot,
+		...props
+	})] });
+	return ModalContent;
+};
+//#endregion
+export { createModalContent };

package/dist/lib/modal-parts.d.ts

@@ -0,0 +1,6 @@
+//#region src/lib/modal-parts.d.ts
+/** Shared by Dialog, AlertDialog, Sheet and Drawer. */
+declare const Body: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => import("react").ReactNode;
+declare const Actions: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => import("react").ReactNode;
+//#endregion
+export { Actions, Body };

package/dist/lib/modal-parts.js

@@ -0,0 +1,7 @@
+import { part } from "./part.js";
+//#region src/lib/modal-parts.tsx
+/** Shared by Dialog, AlertDialog, Sheet and Drawer. */
+const Body = part("div", "modal-body");
+const Actions = part("div", "modal-actions");
+//#endregion
+export { Actions, Body };

package/dist/lib/part.d.ts

@@ -0,0 +1,6 @@
+import { ComponentPropsWithRef, ElementType, ReactNode } from "react";
+//#region src/lib/part.d.ts
+/** A part that tags its element with `data-slot` and applies default props. Props given by the caller win. */
+declare const part: <T extends ElementType>(element: T, slot: string, defaults?: Partial<ComponentPropsWithRef<T>>) => (props: ComponentPropsWithRef<T>) => ReactNode;
+//#endregion
+export { part };

package/dist/lib/part.js

@@ -0,0 +1,13 @@
+import { createElement } from "react";
+//#region src/lib/part.tsx
+/** A part that tags its element with `data-slot` and applies default props. Props given by the caller win. */
+const part = (element, slot, defaults) => {
+	const Part = (props) => createElement(element, {
+		"data-slot": slot,
+		...defaults,
+		...props
+	});
+	return Part;
+};
+//#endregion
+export { part };

package/dist/lib/picker.d.ts

@@ -0,0 +1,44 @@
+import { ComponentPropsWithRef, ReactNode } from "react";
+//#region src/lib/picker.d.ts
+type PickerState<V> = {
+  value: V | null;
+  open: boolean;
+};
+type PickerActions<V> = {
+  select: (value: V) => void;
+  setOpen: (open: boolean) => void;
+};
+type PickerContextValue<V, M> = {
+  state: PickerState<V>;
+  actions: PickerActions<V>;
+  meta: M;
+};
+type PickerProviderProps<V, M> = Omit<PickerContextValue<V, M>, 'meta'> & {
+  meta?: M;
+  children?: ReactNode;
+};
+type PickerOptions<V> = {
+  /** Keep the drawer open after a pick, for pickers that choose several values. */
+  closeOnSelect?: boolean;
+  /** When the value counts as empty and `Value` shows its placeholder. */
+  isEmpty?: (value: V | null) => boolean;
+};
+/**
+ * The state, trigger and value shared by every picker that opens in a drawer
+ * (combobox, date picker, date range picker). `slot` prefixes each `data-slot`.
+ */
+declare const createPicker: <V, M extends object = object>(name: string, slot: string, { closeOnSelect, isEmpty }?: PickerOptions<V>) => {
+  ContextProvider: ({ state, actions, meta, children }: PickerProviderProps<V, M>) => import("react").JSX.Element;
+  Provider: ({ children, ...props }: PickerProviderProps<V, M>) => import("react").JSX.Element;
+  Trigger: (props: ComponentPropsWithRef<'button'>) => import("react").JSX.Element;
+  Value: ({ placeholder, children, ...props }: ComponentPropsWithRef<'span'> & {
+    placeholder?: string;
+  }) => import("react").JSX.Element;
+  usePicker: any;
+  usePickerState: (value: V | null | undefined, defaultValue: V | null, onValueChange?: (value: V) => void) => {
+    state: PickerState<V>;
+    actions: PickerActions<V>;
+  };
+};
+//#endregion
+export { type PickerActions, type PickerContextValue, type PickerProviderProps, type PickerState, createPicker };

package/dist/lib/picker.js

@@ -0,0 +1,75 @@
+import { Button } from "../button.js";
+import { Root, Trigger } from "../drawer-parts.js";
+import { useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { createRequiredContext, useControllableState } from "@journ/lift";
+//#region src/lib/picker.tsx
+/**
+* The state, trigger and value shared by every picker that opens in a drawer
+* (combobox, date picker, date range picker). `slot` prefixes each `data-slot`.
+*/
+const createPicker = (name, slot, { closeOnSelect = true, isEmpty = (value) => value === null } = {}) => {
+	const [Context, usePicker] = createRequiredContext(`${name}.Provider or ${name}.Root`);
+	/** Shares state and actions without opening a drawer, for pickers hosted elsewhere. */
+	const ContextProvider = ({ state, actions, meta = {}, children }) => /* @__PURE__ */ jsx(Context, {
+		value: {
+			state,
+			actions,
+			meta
+		},
+		children
+	});
+	const Provider = ({ children, ...props }) => /* @__PURE__ */ jsx(ContextProvider, {
+		...props,
+		children: /* @__PURE__ */ jsx(Root, {
+			open: props.state.open,
+			onOpenChange: props.actions.setOpen,
+			children
+		})
+	});
+	/** Controllable value plus open state. Picking a value closes the drawer. */
+	const usePickerState = (value, defaultValue, onValueChange) => {
+		const [current, setCurrent] = useControllableState(value, defaultValue, onValueChange);
+		const [open, setOpen] = useState(false);
+		return {
+			state: {
+				value: current,
+				open
+			},
+			actions: {
+				select: (next) => {
+					setCurrent(next);
+					if (closeOnSelect) setOpen(false);
+				},
+				setOpen
+			}
+		};
+	};
+	const Trigger$1 = (props) => /* @__PURE__ */ jsx(Trigger, {
+		asChild: true,
+		children: /* @__PURE__ */ jsx(Button, {
+			"data-slot": `${slot}-trigger`,
+			...props
+		})
+	});
+	/** Shows `placeholder` until a value exists, then its children. */
+	const Value = ({ placeholder, children, ...props }) => {
+		const { state } = usePicker();
+		return /* @__PURE__ */ jsx("span", {
+			"data-slot": `${slot}-value`,
+			"data-placeholder": isEmpty(state.value),
+			...props,
+			children: isEmpty(state.value) ? placeholder : children
+		});
+	};
+	return {
+		ContextProvider,
+		Provider,
+		Trigger: Trigger$1,
+		Value,
+		usePicker,
+		usePickerState
+	};
+};
+//#endregion
+export { createPicker };

package/dist/lib/visually-hidden.d.ts

@@ -0,0 +1,6 @@
+import { CSSProperties } from "react";
+//#region src/lib/visually-hidden.d.ts
+/** Keeps content available to assistive tech while taking it out of the visual flow. */
+declare const visuallyHidden: CSSProperties;
+//#endregion
+export { visuallyHidden };

package/dist/lib/visually-hidden.js

@@ -0,0 +1,15 @@
+//#region src/lib/visually-hidden.ts
+/** Keeps content available to assistive tech while taking it out of the visual flow. */
+const visuallyHidden = {
+	position: "absolute",
+	width: 1,
+	height: 1,
+	padding: 0,
+	margin: -1,
+	overflow: "hidden",
+	clip: "rect(0, 0, 0, 0)",
+	whiteSpace: "nowrap",
+	borderWidth: 0
+};
+//#endregion
+export { visuallyHidden };

package/dist/link.d.ts

@@ -0,0 +1,9 @@
+import { ComponentPropsWithRef } from "react";
+//#region src/link.d.ts
+type LinkProps = ComponentPropsWithRef<'a'> & {
+  asChild?: boolean;
+};
+/** Pass `asChild` to render your router's link component instead of a plain anchor. */
+declare const Link: ({ asChild, ...props }: LinkProps) => import("react").JSX.Element;
+//#endregion
+export { Link, type LinkProps };

package/dist/link.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+//#region src/link.tsx
+/** Pass `asChild` to render your router's link component instead of a plain anchor. */
+const Link = ({ asChild, ...props }) => {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "a", {
+		"data-slot": "link",
+		...props
+	});
+};
+//#endregion
+export { Link };

package/dist/markdown.d.ts

@@ -0,0 +1,10 @@
+import { ComponentProps } from "react";
+import ReactMarkdown, { Components as MarkdownComponents } from "react-markdown";
+//#region src/markdown.d.ts
+type MarkdownProps = ComponentProps<typeof ReactMarkdown> & {
+  /** Applied to the wrapper. */
+  className?: string;
+};
+declare const Markdown: ({ className, ...props }: MarkdownProps) => import("react").JSX.Element;
+//#endregion
+export { Markdown, type MarkdownComponents, type MarkdownProps };

package/dist/markdown.js

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import ReactMarkdown from "react-markdown";
+//#region src/markdown.tsx
+const Markdown = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	"data-slot": "markdown",
+	className,
+	children: /* @__PURE__ */ jsx(ReactMarkdown, { ...props })
+});
+//#endregion
+export { Markdown };

package/dist/message.d.ts

@@ -0,0 +1,13 @@
+import { ComponentPropsWithRef } from "react";
+//#region src/message.d.ts
+type RootProps = ComponentPropsWithRef<'div'> & {
+  from?: 'agent' | 'user';
+};
+declare const Root: ({ from, ...props }: RootProps) => import("react").JSX.Element;
+declare const Message: {
+  Root: typeof Root;
+  Bubble: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => import("react").ReactNode;
+  Highlight: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>) => import("react").ReactNode;
+};
+//#endregion
+export { Message, type RootProps as MessageProps };

package/dist/message.js

@@ -0,0 +1,15 @@
+import { part } from "./lib/part.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/message.tsx
+const Root = ({ from = "agent", ...props }) => /* @__PURE__ */ jsx("div", {
+	"data-slot": "message",
+	"data-from": from,
+	...props
+});
+const Message = {
+	Root,
+	Bubble: part("div", "message-bubble"),
+	Highlight: part("span", "message-highlight")
+};
+//#endregion
+export { Message };

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

@@ -0,0 +1,19 @@
+import { ReactNode } from "react";
+//#region src/month-picker-parts.d.ts
+type RootProps = {
+  /** Any day in the selected month. Reported back as the first of the month. */
+  value?: Date | null;
+  defaultValue?: Date | null;
+  onValueChange?: (month: Date) => void;
+  /** The year shown first. Defaults to the selected month's year. */
+  defaultMonth?: Date;
+  locale?: string;
+  children?: ReactNode;
+};
+/**
+ * A calendar that stops at months: it reuses the Calendar parts (Frame, Header,
+ * Heading, Previous, Next, Months, Years) and never shows days.
+ */
+declare const Root: ({ value, defaultValue, onValueChange, defaultMonth, locale, children }: RootProps) => import("react").JSX.Element;
+//#endregion
+export { Root, type RootProps };

package/dist/month-picker-parts.js

@@ -0,0 +1,38 @@
+"use client";
+import { Provider, useCalendarNavigation } from "./calendar-parts.js";
+import { jsx } from "react/jsx-runtime";
+import { useControllableState } from "@journ/lift";
+import { startOfMonth } from "@journ/fitter-happier";
+//#region src/month-picker-parts.tsx
+/**
+* A calendar that stops at months: it reuses the Calendar parts (Frame, Header,
+* Heading, Previous, Next, Months, Years) and never shows days.
+*/
+const Root = ({ value, defaultValue = null, onValueChange, defaultMonth, locale = "en", children }) => {
+	const [selected, setSelected] = useControllableState(value ? startOfMonth(value) : value, defaultValue && startOfMonth(defaultValue), onValueChange);
+	const { month, view, navigation } = useCalendarNavigation(defaultMonth ?? selected ?? /* @__PURE__ */ new Date(), "months");
+	const actions = {
+		...navigation,
+		select: () => void 0,
+		showView: (next) => navigation.showView(next === "days" ? "months" : next),
+		showMonth: (next) => {
+			if (view === "months") setSelected(startOfMonth(next));
+			navigation.showMonth(next);
+		}
+	};
+	return /* @__PURE__ */ jsx(Provider, {
+		state: {
+			selected,
+			month,
+			view
+		},
+		actions,
+		meta: {
+			locale,
+			weekStartsOn: 0
+		},
+		children
+	});
+};
+//#endregion
+export { Root };