@journ/nude 0.1.1 → 0.1.3

package/dist/date-picker.d.ts

@@ -1,28 +1,14 @@
-import { ModalContentProps } from "./lib/modal-content.js";
-import { PickerProviderProps } from "./lib/picker.js";
-import { Calendar, DatePickerActions, DatePickerContextValue, DatePickerMeta, DatePickerState, Root, RootProps, Value, useDatePicker } from "./date-picker-parts.js";
+import { Content, Description, Title } from "./drawer-parts.js";
+import { Calendar, DatePickerActions, DatePickerContextValue, DatePickerMeta, DatePickerState, Provider, Root, RootProps, Trigger, Value, useDatePicker } from "./date-picker-parts.js";
 //#region src/date-picker.d.ts
 declare const DatePicker: {
-  Provider: ({ children, ...props }: PickerProviderProps<Date, DatePickerMeta>) => import("react").JSX.Element;
+  Provider: typeof Provider;
   Root: typeof Root;
-  Trigger: (props: import("react").ComponentPropsWithRef<'button'>) => import("react").JSX.Element;
+  Trigger: typeof Trigger;
   Value: typeof Value;
-  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;
+  Content: typeof Content;
+  Title: typeof Title;
+  Description: typeof Description;
   Calendar: typeof Calendar;
 };
 //#endregion

package/dist/date-range-picker-parts.d.ts

@@ -1,6 +1,6 @@
 import { RootProps as RootProps$1 } from "./calendar-parts.js";
-import { PickerActions, PickerContextValue, PickerProviderProps, PickerState } from "./lib/picker.js";
-import { ComponentProps, ReactNode } from "react";
+import { Picker, PickerActions, PickerContextValue, PickerState } from "./lib/picker.js";
+import { ComponentProps, JSX, ReactNode } from "react";
 //#region src/date-range-picker-parts.d.ts
 type DateRange = {
   from: Date;
@@ -12,9 +12,10 @@ type DateRangePickerMeta = {
 type DateRangePickerState = PickerState<DateRange>;
 type DateRangePickerActions = PickerActions<DateRange>;
 type DateRangePickerContextValue = PickerContextValue<DateRange, DateRangePickerMeta>;
-declare const Provider: ({ children, ...props }: PickerProviderProps<DateRange, DateRangePickerMeta>) => import("react").JSX.Element, Trigger: (props: import("react").ComponentPropsWithRef<'button'>) => import("react").JSX.Element, PickerValue: ({ placeholder, children, ...props }: import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & {
-  placeholder?: string;
-}) => import("react").JSX.Element, useDateRangePicker: any;
+declare const Provider: Picker<DateRange, DateRangePickerMeta>["Provider"];
+declare const Trigger: Picker<DateRange, DateRangePickerMeta>["Trigger"];
+declare const PickerValue: Picker<DateRange, DateRangePickerMeta>["Value"];
+declare const useDateRangePicker: Picker<DateRange, DateRangePickerMeta>["usePicker"];
 type RootProps = {
   value?: DateRange | null;
   defaultValue?: DateRange | null;
@@ -22,16 +23,16 @@ type RootProps = {
   locale?: string;
   children?: ReactNode;
 };
-declare const Root: ({ value, defaultValue, onValueChange, locale, children }: RootProps) => import("react").JSX.Element;
-type ValueProps = Omit<ComponentProps<typeof PickerValue>, 'children'> & {
+declare const Root: ({ value, defaultValue, onValueChange, locale, children }: RootProps) => JSX.Element;
+type ValueProps = Omit<ComponentProps<typeof PickerValue>, "children"> & {
   format?: Intl.DateTimeFormatOptions;
 };
-declare const Value: ({ format, ...props }: ValueProps) => import("react").JSX.Element;
-type CalendarProps = Pick<RootProps$1, 'defaultMonth' | 'weekStartsOn' | 'children'>;
+declare const Value: ({ format, ...props }: ValueProps) => JSX.Element;
+type CalendarProps = Pick<RootProps$1, "defaultMonth" | "weekStartsOn" | "children">;
 /**
  * The first click sets one end, the second completes the range (in either
  * order) and closes the picker. A third click on a finished range starts over.
  */
-declare const Calendar: ({ defaultMonth, weekStartsOn, children }: CalendarProps) => import("react").JSX.Element;
+declare const Calendar: ({ defaultMonth, weekStartsOn, children }: CalendarProps) => JSX.Element;
 //#endregion
 export { Calendar, type DateRange, type DateRangePickerActions, type DateRangePickerContextValue, type DateRangePickerMeta, type DateRangePickerState, Provider, Root, type RootProps, Trigger, Value, useDateRangePicker };

package/dist/date-range-picker-parts.js

@@ -4,7 +4,12 @@ import { createPicker } from "./lib/picker.js";
 import { useState } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/date-range-picker-parts.tsx
-const { Provider, Trigger, Value: PickerValue, usePicker: useDateRangePicker, usePickerState } = createPicker("DateRangePicker", "date-range-picker");
+const picker = createPicker("DateRangePicker", "date-range-picker");
+const Provider = picker.Provider;
+const Trigger = picker.Trigger;
+const PickerValue = picker.Value;
+const useDateRangePicker = picker.usePicker;
+const usePickerState = picker.usePickerState;
 const Root = ({ value, defaultValue = null, onValueChange, locale = "en", children }) => {
 	const { state, actions } = usePickerState(value, defaultValue, onValueChange);
 	return /* @__PURE__ */ jsx(Provider, {

package/dist/date-range-picker.d.ts

@@ -1,28 +1,14 @@
-import { ModalContentProps } from "./lib/modal-content.js";
-import { PickerProviderProps } from "./lib/picker.js";
-import { Calendar, DateRange, DateRangePickerActions, DateRangePickerContextValue, DateRangePickerMeta, DateRangePickerState, Root, RootProps, Value, useDateRangePicker } from "./date-range-picker-parts.js";
+import { Content, Description, Title } from "./drawer-parts.js";
+import { Calendar, DateRange, DateRangePickerActions, DateRangePickerContextValue, DateRangePickerMeta, DateRangePickerState, Provider, Root, RootProps, Trigger, Value, useDateRangePicker } from "./date-range-picker-parts.js";
 //#region src/date-range-picker.d.ts
 declare const DateRangePicker: {
-  Provider: ({ children, ...props }: PickerProviderProps<DateRange, DateRangePickerMeta>) => import("react").JSX.Element;
+  Provider: typeof Provider;
   Root: typeof Root;
-  Trigger: (props: import("react").ComponentPropsWithRef<'button'>) => import("react").JSX.Element;
+  Trigger: typeof Trigger;
   Value: typeof Value;
-  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;
+  Content: typeof Content;
+  Title: typeof Title;
+  Description: typeof Description;
   Calendar: typeof Calendar;
 };
 //#endregion

package/dist/description-list.d.ts

@@ -1,8 +1,12 @@
+import { Styled } from "./styled.js";
 //#region src/description-list.d.ts
+declare const Root: Styled<"dl">;
+declare const Term: Styled<"dt">;
+declare const Details: Styled<"dd">;
 declare const DescriptionList: {
-  Root: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDListElement>, HTMLDListElement>) => import("react").ReactNode;
-  Term: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>) => import("react").ReactNode;
-  Details: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>) => import("react").ReactNode;
+  Root: typeof Root;
+  Term: typeof Term;
+  Details: typeof Details;
 };
 //#endregion
 export { DescriptionList };

package/dist/dialog-parts.d.ts

@@ -1,12 +1,13 @@
-import { ModalContentProps } from "./lib/modal-content.js";
+import { Styled } from "./styled.js";
+import { ModalContentPart } from "./lib/modal-content.js";
 import { Actions, Body } from "./lib/modal-parts.js";
 import * as RadixDialog from "@radix-ui/react-dialog";
 //#region src/dialog-parts.d.ts
-declare const Root: import("react").FC<RadixDialog.DialogProps>;
-declare const Trigger: import("react").ForwardRefExoticComponent<RadixDialog.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-declare const Close: import("react").ForwardRefExoticComponent<RadixDialog.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
-declare const Content: ({ classNames, overlayRef, ...props }: ModalContentProps<typeof RadixDialog>) => import("react").JSX.Element;
-declare const Title: (props: RadixDialog.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>) => import("react").ReactNode;
-declare const Description: (props: RadixDialog.DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>) => import("react").ReactNode;
+declare const Root: typeof RadixDialog.Root;
+declare const Trigger: typeof RadixDialog.Trigger;
+declare const Close: typeof RadixDialog.Close;
+declare const Content: ModalContentPart<typeof RadixDialog>;
+declare const Title: Styled<typeof RadixDialog.Title>;
+declare const Description: Styled<typeof RadixDialog.Description>;
 //#endregion
 export { Actions, Body, Close, Content, Description, Root, Title, Trigger };

package/dist/dialog.d.ts

@@ -1,14 +1,15 @@
-import { ModalContentProps } from "./lib/modal-content.js";
+import { Actions, Body } from "./lib/modal-parts.js";
+import { Close, Content, Description, Root, Title, Trigger } from "./dialog-parts.js";
 //#region src/dialog.d.ts
 declare const Dialog: {
-  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: ({ classNames, overlayRef, ...props }: ModalContentProps<typeof import("@radix-ui/react-dialog")>) => 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;
-  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;
+  Root: typeof Root;
+  Trigger: typeof Trigger;
+  Close: typeof Close;
+  Content: typeof Content;
+  Title: typeof Title;
+  Description: typeof Description;
+  Body: typeof Body;
+  Actions: typeof Actions;
 };
 //#endregion
 export { Dialog };

package/dist/divider.d.ts

@@ -1,5 +1,6 @@
+import { Styled } from "./styled.js";
 import * as Separator from "@radix-ui/react-separator";
 //#region src/divider.d.ts
-declare const Divider: (props: Separator.SeparatorProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactNode;
+declare const Divider: Styled<typeof Separator.Root>;
 //#endregion
 export { Divider };

package/dist/drawer-parts.d.ts

@@ -1,24 +1,13 @@
-import { ModalContentProps } from "./lib/modal-content.js";
+import { Styled } from "./styled.js";
+import { ModalContentPart } from "./lib/modal-content.js";
 import { Actions, Body } from "./lib/modal-parts.js";
+import { Drawer } from "vaul";
 //#region src/drawer-parts.d.ts
-declare const Root: typeof import("vaul").Root;
-declare const Trigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-declare const Close: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
-declare const 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;
-declare const Title: (props: import("@radix-ui/react-dialog").DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>) => import("react").ReactNode;
-declare const Description: (props: import("@radix-ui/react-dialog").DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>) => import("react").ReactNode;
+declare const Root: typeof Drawer.Root;
+declare const Trigger: typeof Drawer.Trigger;
+declare const Close: typeof Drawer.Close;
+declare const Content: ModalContentPart<typeof Drawer>;
+declare const Title: Styled<typeof Drawer.Title>;
+declare const Description: Styled<typeof Drawer.Description>;
 //#endregion
 export { Actions, Body, Close, Content, Description, Root, Title, Trigger };

package/dist/drawer.d.ts

@@ -1,27 +1,15 @@
-import { ModalContentProps } from "./lib/modal-content.js";
+import { Actions, Body } from "./lib/modal-parts.js";
+import { Close, Content, Description, Root, Title, Trigger } from "./drawer-parts.js";
 //#region src/drawer.d.ts
 declare const Drawer: {
-  Root: typeof import("vaul").Root;
-  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: ({ 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;
-  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;
+  Root: typeof Root;
+  Trigger: typeof Trigger;
+  Close: typeof Close;
+  Content: typeof Content;
+  Title: typeof Title;
+  Description: typeof Description;
+  Body: typeof Body;
+  Actions: typeof Actions;
 };
 //#endregion
 export { Drawer };

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

@@ -1,8 +1,12 @@
+import { Styled } from "./styled.js";
 import * as RadixMenu from "@radix-ui/react-dropdown-menu";
 //#region src/dropdown-menu-parts.d.ts
-declare const Root: import("react").FC<RadixMenu.DropdownMenuProps>;
-declare const Trigger: import("react").ForwardRefExoticComponent<RadixMenu.DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-declare const Group: import("react").ForwardRefExoticComponent<RadixMenu.DropdownMenuGroupProps & import("react").RefAttributes<HTMLDivElement>>;
-declare const Content: (props: RadixMenu.DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>) => import("react").JSX.Element, Item: (props: RadixMenu.DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactNode, Label: (props: RadixMenu.DropdownMenuLabelProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactNode, Separator: (props: RadixMenu.DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactNode;
+declare const Root: typeof RadixMenu.Root;
+declare const Trigger: typeof RadixMenu.Trigger;
+declare const Group: typeof RadixMenu.Group;
+declare const Content: Styled<typeof RadixMenu.Content>;
+declare const Item: Styled<typeof RadixMenu.Item>;
+declare const Label: Styled<typeof RadixMenu.Label>;
+declare const Separator: Styled<typeof RadixMenu.Separator>;
 //#endregion
 export { Content, Group, Item, Label, Root, Separator, Trigger };

package/dist/dropdown-menu-parts.js

@@ -5,6 +5,10 @@ import * as RadixMenu from "@radix-ui/react-dropdown-menu";
 const Root = RadixMenu.Root;
 const Trigger = RadixMenu.Trigger;
 const Group = RadixMenu.Group;
-const { Content, Item, Label, Separator } = createMenuParts(RadixMenu, "dropdown-menu");
+const menu = createMenuParts(RadixMenu, "dropdown-menu");
+const Content = menu.Content;
+const Item = menu.Item;
+const Label = menu.Label;
+const Separator = menu.Separator;
 //#endregion
 export { Content, Group, Item, Label, Root, Separator, Trigger };

package/dist/dropdown-menu.d.ts

@@ -1,12 +1,13 @@
+import { Content, Group, Item, Label, Root, Separator, Trigger } from "./dropdown-menu-parts.js";
 //#region src/dropdown-menu.d.ts
 declare const DropdownMenu: {
-  Root: import("react").FC<import("@radix-ui/react-dropdown-menu").DropdownMenuProps>;
-  Trigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-  Content: (props: import("@radix-ui/react-dropdown-menu").DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>) => import("react").JSX.Element;
-  Group: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuGroupProps & import("react").RefAttributes<HTMLDivElement>>;
-  Label: (props: import("@radix-ui/react-dropdown-menu").DropdownMenuLabelProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactNode;
-  Item: (props: import("@radix-ui/react-dropdown-menu").DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactNode;
-  Separator: (props: import("@radix-ui/react-dropdown-menu").DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactNode;
+  Root: typeof Root;
+  Trigger: typeof Trigger;
+  Content: typeof Content;
+  Group: typeof Group;
+  Label: typeof Label;
+  Item: typeof Item;
+  Separator: typeof Separator;
 };
 //#endregion
 export { DropdownMenu };

package/dist/empty-state.d.ts

@@ -1,10 +1,16 @@
+import { Styled } from "./styled.js";
 //#region src/empty-state.d.ts
+declare const Root: Styled<"div">;
+declare const Icon: Styled<"span">;
+declare const Title: Styled<"h3">;
+declare const Description: Styled<"p">;
+declare const Actions: Styled<"div">;
 declare const EmptyState: {
-  Root: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => import("react").ReactNode;
-  Icon: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>) => import("react").ReactNode;
-  Title: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>) => import("react").ReactNode;
-  Description: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>) => import("react").ReactNode;
-  Actions: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => import("react").ReactNode;
+  Root: typeof Root;
+  Icon: typeof Icon;
+  Title: typeof Title;
+  Description: typeof Description;
+  Actions: typeof Actions;
 };
 //#endregion
 export { EmptyState };

package/dist/field-parts.d.ts

@@ -1,15 +1,16 @@
-import { ComponentPropsWithRef } from "react";
+import { Styled } from "./styled.js";
+import { ComponentPropsWithRef, JSX, ReactNode } from "react";
 import * as RadixLabel from "@radix-ui/react-label";
 import { Slot } from "@radix-ui/react-slot";
 //#region src/field-parts.d.ts
-type RootProps = ComponentPropsWithRef<'div'> & {
+type RootProps = ComponentPropsWithRef<"div"> & {
   invalid?: boolean;
 };
-declare const Root: ({ invalid, ...props }: RootProps) => import("react").JSX.Element;
-declare const Label: (props: ComponentPropsWithRef<typeof RadixLabel.Root>) => import("react").JSX.Element;
-declare const Description: (props: ComponentPropsWithRef<'p'>) => import("react").JSX.Element;
-declare const FieldError: (props: ComponentPropsWithRef<'p'>) => import("react").JSX.Element | null;
+declare const Root: ({ invalid, ...props }: RootProps) => JSX.Element;
+declare const Label: Styled<typeof RadixLabel.Root>;
+declare const Description: Styled<"p">;
+declare const FieldError: (props: ComponentPropsWithRef<"p">) => ReactNode;
 /** Passes the id and aria wiring to its single child, which is usually the input. */
-declare const Control: (props: ComponentPropsWithRef<typeof Slot>) => import("react").JSX.Element;
+declare const Control: Styled<typeof Slot>;
 //#endregion
 export { Control, Description, FieldError as Error, type RootProps as FieldProps, Label, Root };

package/dist/field-parts.js

@@ -1,7 +1,7 @@
 "use client";
 import { useId } from "react";
 import { jsx } from "react/jsx-runtime";
-import { createRequiredContext } from "@journ/lift";
+import { createRequiredContext } from "@journ/lift/required-context";
 import * as RadixLabel from "@radix-ui/react-label";
 import { Slot } from "@radix-ui/react-slot";
 //#region src/field-parts.tsx

package/dist/file-dropzone-parts.d.ts

@@ -1,6 +1,7 @@
-import { ComponentPropsWithRef } from "react";
+import { Styled } from "./styled.js";
+import { ComponentPropsWithRef, JSX } from "react";
 //#region src/file-dropzone-parts.d.ts
-type RejectionReason = 'type' | 'size' | 'count';
+type RejectionReason = "type" | "size" | "count";
 type FileRejection = {
   file: File;
   reason: RejectionReason;
@@ -15,7 +16,7 @@ declare const sortFiles: (files: File[], { accept, maxSize, multiple }: {
   accepted: File[];
   rejected: FileRejection[];
 };
-type RootProps = Omit<ComponentPropsWithRef<'div'>, 'onDrop' | 'onChange'> & {
+type RootProps = Omit<ComponentPropsWithRef<"div">, "onDrop" | "onChange"> & {
   /** Same syntax as the native input: `image/*,.pdf`. */
   accept?: string;
   /** Largest allowed file in bytes. */
@@ -26,9 +27,9 @@ type RootProps = Omit<ComponentPropsWithRef<'div'>, 'onDrop' | 'onChange'> & {
   onFilesRejected?: (rejections: FileRejection[]) => void;
 };
 /** A drop target that is also a button: click or press Enter to open the file picker. */
-declare const Root: ({ accept, maxSize, multiple, disabled, onFilesAccepted, onFilesRejected, children, ...props }: RootProps) => import("react").JSX.Element;
-declare const Icon: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>) => import("react").ReactNode;
-declare const Title: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>) => import("react").ReactNode;
-declare const Description: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>) => import("react").ReactNode;
+declare const Root: ({ accept, maxSize, multiple, disabled, onFilesAccepted, onFilesRejected, children, ...props }: RootProps) => JSX.Element;
+declare const Icon: Styled<"span">;
+declare const Title: Styled<"p">;
+declare const Description: Styled<"p">;
 //#endregion
 export { Description, type FileRejection, Icon, type RejectionReason, Root, type RootProps, Title, matchesAccept, sortFiles };

package/dist/file-dropzone.d.ts

@@ -1,10 +1,10 @@
-import { FileRejection, RejectionReason, Root } from "./file-dropzone-parts.js";
+import { Description, FileRejection, Icon, RejectionReason, Root, Title } from "./file-dropzone-parts.js";
 //#region src/file-dropzone.d.ts
 declare const FileDropzone: {
   Root: typeof Root;
-  Icon: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>) => import("react").ReactNode;
-  Title: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>) => import("react").ReactNode;
-  Description: (props: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>) => import("react").ReactNode;
+  Icon: typeof Icon;
+  Title: typeof Title;
+  Description: typeof Description;
 };
 //#endregion
 export { FileDropzone, type FileRejection, type RejectionReason };

package/dist/heading.d.ts

@@ -1,9 +1,9 @@
-import { ComponentPropsWithRef } from "react";
+import { ComponentPropsWithRef, JSX } from "react";
 //#region src/heading.d.ts
-type HeadingProps = ComponentPropsWithRef<'h1'> & {
+type HeadingProps = ComponentPropsWithRef<"h1"> & {
   level?: 1 | 2 | 3 | 4 | 5 | 6;
 };
 /** `level` sets the document outline. */
-declare const Heading: ({ level, ...props }: HeadingProps) => import("react").JSX.Element;
+declare const Heading: ({ level, ...props }: HeadingProps) => JSX.Element;
 //#endregion
 export { Heading, type HeadingProps };

package/dist/hover-card-parts.d.ts

@@ -1,8 +1,8 @@
-import { ComponentPropsWithRef } from "react";
+import { Styled } from "./styled.js";
 import * as RadixHoverCard from "@radix-ui/react-hover-card";
 //#region src/hover-card-parts.d.ts
-declare const Root: import("react").FC<RadixHoverCard.HoverCardProps>;
-declare const Trigger: import("react").ForwardRefExoticComponent<RadixHoverCard.HoverCardTriggerProps & import("react").RefAttributes<HTMLAnchorElement>>;
-declare const Content: (props: ComponentPropsWithRef<typeof RadixHoverCard.Content>) => import("react").JSX.Element;
+declare const Root: typeof RadixHoverCard.Root;
+declare const Trigger: typeof RadixHoverCard.Trigger;
+declare const Content: Styled<typeof RadixHoverCard.Content>;
 //#endregion
 export { Content, Root, Trigger };

package/dist/hover-card.d.ts

@@ -1,8 +1,8 @@
-import { Content } from "./hover-card-parts.js";
+import { Content, Root, Trigger } from "./hover-card-parts.js";
 //#region src/hover-card.d.ts
 declare const HoverCard: {
-  Root: import("react").FC<import("@radix-ui/react-hover-card").HoverCardProps>;
-  Trigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-hover-card").HoverCardTriggerProps & import("react").RefAttributes<HTMLAnchorElement>>;
+  Root: typeof Root;
+  Trigger: typeof Trigger;
   Content: typeof Content;
 };
 //#endregion

package/dist/icon-button.d.ts

@@ -1,6 +1,7 @@
+import { Styled } from "./styled.js";
 import { ComponentPropsWithRef } from "react";
 //#region src/icon-button.d.ts
-type IconButtonProps = ComponentPropsWithRef<'button'>;
-declare const IconButton: (props: import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>) => import("react").ReactNode;
+type IconButtonProps = ComponentPropsWithRef<"button">;
+declare const IconButton: Styled<"button">;
 //#endregion
 export { IconButton, type IconButtonProps };

package/dist/icon.d.ts

@@ -1,7 +1,7 @@
-import { ComponentPropsWithRef } from "react";
+import { ComponentPropsWithRef, JSX } from "react";
 //#region src/icon.d.ts
-type IconProps = ComponentPropsWithRef<'span'>;
+type IconProps = ComponentPropsWithRef<"span">;
 /** Wraps any svg child and hides it from assistive tech unless a label is given. */
-declare const Icon: ({ 'aria-label': label, ...props }: IconProps) => import("react").JSX.Element;
+declare const Icon: ({ "aria-label": label, ...props }: IconProps) => JSX.Element;
 //#endregion
 export { Icon, type IconProps };

package/dist/index.d.ts

@@ -46,6 +46,7 @@ import { Heading } from "./heading.js";
 import { HoverCard } from "./hover-card.js";
 import { Icon } from "./icon.js";
 import { Link } from "./link.js";
+import { ListRow } from "./list-row.js";
 import { Markdown, MarkdownProps } from "./markdown.js";
 import { Message } from "./message.js";
 import { RootProps as RootProps$8 } from "./month-picker-parts.js";
@@ -91,4 +92,4 @@ 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 };
+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, ListRow, 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

@@ -44,6 +44,7 @@ import { Heading } from "./heading.js";
 import { HoverCard } from "./hover-card.js";
 import { Icon } from "./icon.js";
 import { Link } from "./link.js";
+import { ListRow } from "./list-row.js";
 import { Markdown } from "./markdown.js";
 import { Message } from "./message.js";
 import { MonthPicker } from "./month-picker.js";
@@ -84,4 +85,4 @@ 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 };
+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, ListRow, 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

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

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

@@ -1,5 +1,9 @@
-import { FocusEvent, FocusEventHandler, KeyboardEvent, KeyboardEventHandler } from "react";
+import { FocusEventHandler, KeyboardEventHandler } from "react";
 //#region src/lib/commit-on.d.ts
+type CommitHandlers<T extends HTMLElement> = {
+  onBlur: FocusEventHandler<T>;
+  onKeyDown: KeyboardEventHandler<T>;
+};
 /**
  * Handlers that commit typed text on blur and on Enter, after the caller's own
  * handlers have run. Spread them on a text field.
@@ -7,9 +11,6 @@ import { FocusEvent, FocusEventHandler, KeyboardEvent, KeyboardEventHandler } fr
 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;
-};
+}) => CommitHandlers<T>;
 //#endregion
 export { commitOn };