@journ/bloom 0.1.1

package/dist/data-table-parts.js

@@ -0,0 +1,65 @@
+"use client";
+import { cn } from "./lib/cn.js";
+import { BulkBar } from "./bulk-bar.js";
+import { Button } from "./button.js";
+import { Indicator, Root as Root$1 } from "./checkbox-parts.js";
+import { Pagination } from "./pagination.js";
+import { Content, Root as Root$2, Trigger } from "./popover-parts.js";
+import { Table } from "./table.js";
+import { ArrowDown, ArrowUp, ChevronLeft, ChevronRight, ChevronsUpDown, Columns3 } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+import * as Nude from "@journ/nude/data-table-parts";
+//#region src/data-table-parts.tsx
+const { dataTableColumns, selectColumn, useDataTable, ColumnPicker, View, Pager, SelectionBar } = Nude;
+const OutlineButton = (props) => /* @__PURE__ */ jsx(Button, {
+	tone: "outline",
+	...props
+});
+const GhostButton = (props) => /* @__PURE__ */ jsx(Button, {
+	tone: "ghost",
+	...props
+});
+const components = {
+	Table,
+	Checkbox: {
+		Root: Root$1,
+		Indicator
+	},
+	Popover: {
+		Root: Root$2,
+		Trigger,
+		Content
+	},
+	Pagination,
+	BulkBar,
+	TriggerButton: OutlineButton,
+	ActionButton: GhostButton
+};
+const classNames = {
+	sortButton: "focus-visible:outline-bloom-sky inline-flex cursor-default items-center gap-1 outline-none focus-visible:outline-2",
+	row: "data-[state=selected]:bg-current/5",
+	emptyCell: "py-10 text-center opacity-70",
+	columnPickerContent: "w-56 gap-1",
+	columnOption: "flex items-center gap-3 px-2 py-2 text-sm",
+	pagerStatus: "text-sm tabular-nums"
+};
+const icons = {
+	sortAscending: /* @__PURE__ */ jsx(ArrowUp, { className: "size-3" }),
+	sortDescending: /* @__PURE__ */ jsx(ArrowDown, { className: "size-3" }),
+	unsorted: /* @__PURE__ */ jsx(ChevronsUpDown, { className: "size-3 opacity-50" }),
+	columns: /* @__PURE__ */ jsx(Columns3, {}),
+	previous: /* @__PURE__ */ jsx(ChevronLeft, {}),
+	next: /* @__PURE__ */ jsx(ChevronRight, {})
+};
+const Root = (props) => /* @__PURE__ */ jsx(Nude.Root, {
+	...props,
+	components,
+	classNames,
+	icons
+});
+const Toolbar = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Toolbar, {
+	...props,
+	className: cn("flex flex-wrap items-center gap-2", className)
+});
+//#endregion
+export { ColumnPicker, Pager, Root, SelectionBar, Toolbar, View, dataTableColumns, selectColumn, useDataTable };

package/dist/data-table.d.ts

@@ -0,0 +1,12 @@
+import { DataTableColumn, Root, RootProps, Toolbar, dataTableColumns, selectColumn, useDataTable } from "./data-table-parts.js";
+//#region src/data-table.d.ts
+declare const DataTable: {
+  Root: typeof Root;
+  Toolbar: typeof Toolbar;
+  ColumnPicker: any;
+  Table: any;
+  Pager: any;
+  SelectionBar: any;
+};
+//#endregion
+export { DataTable, type DataTableColumn, type RootProps as DataTableProps, dataTableColumns, selectColumn, useDataTable };

package/dist/data-table.js

@@ -0,0 +1,12 @@
+import { ColumnPicker, Pager, Root, SelectionBar, Toolbar, View, dataTableColumns, selectColumn, useDataTable } from "./data-table-parts.js";
+//#region src/data-table.tsx
+const DataTable = {
+	Root,
+	Toolbar,
+	ColumnPicker,
+	Table: View,
+	Pager,
+	SelectionBar
+};
+//#endregion
+export { DataTable, dataTableColumns, selectColumn, useDataTable };

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

@@ -0,0 +1,7 @@
+import { ComponentPropsWithRef } from "react";
+import * as Nude from "@journ/nude/date-input-parts";
+//#region src/date-input-parts.d.ts
+declare const Root: any;
+declare const Field: ({ className, ...props }: ComponentPropsWithRef<typeof Nude.Field>) => import("react").JSX.Element;
+//#endregion
+export { Field, Root };

package/dist/date-input-parts.js

@@ -0,0 +1,12 @@
+"use client";
+import { input } from "./input.js";
+import { jsx } from "react/jsx-runtime";
+import * as Nude from "@journ/nude/date-input-parts";
+//#region src/date-input-parts.tsx
+const Root = Nude.Root;
+const Field = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Field, {
+	...props,
+	className: input(className)
+});
+//#endregion
+export { Field, Root };

package/dist/date-input.d.ts

@@ -0,0 +1,8 @@
+import { Field } from "./date-input-parts.js";
+//#region src/date-input.d.ts
+declare const DateInput: {
+  Root: any;
+  Field: typeof Field;
+};
+//#endregion
+export { DateInput };

package/dist/date-input.js

@@ -0,0 +1,8 @@
+import { Field, Root } from "./date-input-parts.js";
+//#region src/date-input.tsx
+const DateInput = {
+	Root,
+	Field
+};
+//#endregion
+export { DateInput };

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

@@ -0,0 +1,11 @@
+import { ButtonProps } from "./button.js";
+import { DatePickerActions, DatePickerContextValue, DatePickerMeta, DatePickerState, RootProps } from "@journ/nude/date-picker-parts";
+//#region src/date-picker-parts.d.ts
+declare const Provider: any, Root: any, Calendar: any, useDatePicker: any;
+declare const Trigger: ({ tone, className, children, ...props }: import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+  tone?: ButtonProps['tone'];
+}) => import("react").JSX.Element, Value: ({ className, ...props }: {
+  className?: string;
+}) => import("react").JSX.Element;
+//#endregion
+export { Calendar, type DatePickerActions, type DatePickerContextValue, type DatePickerMeta, type DatePickerState, Provider, Root, type RootProps, Trigger, Value, useDatePicker };

package/dist/date-picker-parts.js

@@ -0,0 +1,8 @@
+"use client";
+import { stylePicker } from "./lib/picker.js";
+import * as Nude from "@journ/nude/date-picker-parts";
+//#region src/date-picker-parts.tsx
+const { Provider, Root, Calendar, useDatePicker } = Nude;
+const { Trigger, Value } = stylePicker(Nude);
+//#endregion
+export { Calendar, Provider, Root, Trigger, Value, useDatePicker };

package/dist/date-picker.d.ts

@@ -0,0 +1,20 @@
+import { ButtonProps } from "./button.js";
+import { Content, Description, Title } from "./drawer-parts.js";
+import { DatePickerActions, DatePickerContextValue, DatePickerMeta, DatePickerState, RootProps, useDatePicker } from "./date-picker-parts.js";
+//#region src/date-picker.d.ts
+declare const DatePicker: {
+  Provider: any;
+  Root: any;
+  Trigger: ({ tone, className, children, ...props }: import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    tone?: ButtonProps['tone'];
+  }) => import("react").JSX.Element;
+  Value: ({ className, ...props }: {
+    className?: string;
+  }) => import("react").JSX.Element;
+  Content: typeof Content;
+  Title: typeof Title;
+  Description: typeof Description;
+  Calendar: any;
+};
+//#endregion
+export { DatePicker, type DatePickerActions, type DatePickerContextValue, type DatePickerMeta, type RootProps as DatePickerProps, type DatePickerState, useDatePicker };

package/dist/date-picker.js

@@ -0,0 +1,15 @@
+import { Content, Description, Title } from "./drawer-parts.js";
+import { Calendar, Provider, Root, Trigger, Value, useDatePicker } from "./date-picker-parts.js";
+//#region src/date-picker.tsx
+const DatePicker = {
+	Provider,
+	Root,
+	Trigger,
+	Value,
+	Content,
+	Title,
+	Description,
+	Calendar
+};
+//#endregion
+export { DatePicker, useDatePicker };

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

@@ -0,0 +1,11 @@
+import { ButtonProps } from "./button.js";
+import { DateRange, DateRangePickerActions, DateRangePickerContextValue, DateRangePickerMeta, DateRangePickerState, RootProps } from "@journ/nude/date-range-picker-parts";
+//#region src/date-range-picker-parts.d.ts
+declare const Provider: any, Root: any, Calendar: any, useDateRangePicker: any;
+declare const Trigger: ({ tone, className, children, ...props }: import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+  tone?: ButtonProps['tone'];
+}) => import("react").JSX.Element, Value: ({ className, ...props }: {
+  className?: string;
+}) => import("react").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

@@ -0,0 +1,8 @@
+"use client";
+import { stylePicker } from "./lib/picker.js";
+import * as Nude from "@journ/nude/date-range-picker-parts";
+//#region src/date-range-picker-parts.tsx
+const { Provider, Root, Calendar, useDateRangePicker } = Nude;
+const { Trigger, Value } = stylePicker(Nude);
+//#endregion
+export { Calendar, Provider, Root, Trigger, Value, useDateRangePicker };

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

@@ -0,0 +1,20 @@
+import { ButtonProps } from "./button.js";
+import { Content, Description, Title } from "./drawer-parts.js";
+import { DateRange, DateRangePickerActions, DateRangePickerContextValue, DateRangePickerMeta, DateRangePickerState, RootProps, useDateRangePicker } from "./date-range-picker-parts.js";
+//#region src/date-range-picker.d.ts
+declare const DateRangePicker: {
+  Provider: any;
+  Root: any;
+  Trigger: ({ tone, className, children, ...props }: import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    tone?: ButtonProps['tone'];
+  }) => import("react").JSX.Element;
+  Value: ({ className, ...props }: {
+    className?: string;
+  }) => import("react").JSX.Element;
+  Content: typeof Content;
+  Title: typeof Title;
+  Description: typeof Description;
+  Calendar: any;
+};
+//#endregion
+export { type DateRange, DateRangePicker, type DateRangePickerActions, type DateRangePickerContextValue, type DateRangePickerMeta, type RootProps as DateRangePickerProps, type DateRangePickerState, useDateRangePicker };

package/dist/date-range-picker.js

@@ -0,0 +1,15 @@
+import { Content, Description, Title } from "./drawer-parts.js";
+import { Calendar, Provider, Root, Trigger, Value, useDateRangePicker } from "./date-range-picker-parts.js";
+//#region src/date-range-picker.tsx
+const DateRangePicker = {
+	Provider,
+	Root,
+	Trigger,
+	Value,
+	Content,
+	Title,
+	Description,
+	Calendar
+};
+//#endregion
+export { DateRangePicker, useDateRangePicker };

package/dist/description-list.d.ts

@@ -0,0 +1,12 @@
+import { ComponentPropsWithRef } from "react";
+//#region src/description-list.d.ts
+declare const Root: ({ className, ...props }: ComponentPropsWithRef<'dl'>) => import("react").JSX.Element;
+declare const Term: ({ className, ...props }: ComponentPropsWithRef<'dt'>) => import("react").JSX.Element;
+declare const Details: ({ className, ...props }: ComponentPropsWithRef<'dd'>) => import("react").JSX.Element;
+declare const DescriptionList: {
+  Root: typeof Root;
+  Term: typeof Term;
+  Details: typeof Details;
+};
+//#endregion
+export { DescriptionList };

package/dist/description-list.js

@@ -0,0 +1,23 @@
+import { cn } from "./lib/cn.js";
+import { jsx } from "react/jsx-runtime";
+import { DescriptionList as DescriptionList$1 } from "@journ/nude/description-list";
+//#region src/description-list.tsx
+const Root = ({ className, ...props }) => /* @__PURE__ */ jsx(DescriptionList$1.Root, {
+	...props,
+	className: cn("grid grid-cols-1 text-sm/6 sm:grid-cols-[minmax(8rem,1fr)_3fr]", className)
+});
+const Term = ({ className, ...props }) => /* @__PURE__ */ jsx(DescriptionList$1.Term, {
+	...props,
+	className: cn("border-t border-current/10 pt-3 opacity-60 sm:py-3", className)
+});
+const Details = ({ className, ...props }) => /* @__PURE__ */ jsx(DescriptionList$1.Details, {
+	...props,
+	className: cn("pb-3 sm:border-t sm:border-current/10 sm:py-3", className)
+});
+const DescriptionList = {
+	Root,
+	Term,
+	Details
+};
+//#endregion
+export { DescriptionList };

package/dist/dialog-parts.d.ts

@@ -0,0 +1,15 @@
+import { Actions, Body } from "./lib/modal-parts.js";
+import { centeredPanel } from "./lib/overlay.js";
+import { VariantProps } from "./lib/tv.js";
+import { ComponentPropsWithRef } from "react";
+import * as Nude from "@journ/nude/dialog-parts";
+//#region src/dialog-parts.d.ts
+declare const Root: any;
+declare const Trigger: any;
+declare const Close: any;
+type ContentProps = Omit<ComponentPropsWithRef<typeof Nude.Content>, 'classNames' | 'overlayRef'> & VariantProps<typeof centeredPanel>;
+declare const Content: ({ tone, className, ...props }: ContentProps) => import("react").JSX.Element;
+declare const Title: ({ className, ...props }: ComponentPropsWithRef<typeof Nude.Title>) => import("react").JSX.Element;
+declare const Description: ({ className, ...props }: ComponentPropsWithRef<typeof Nude.Description>) => import("react").JSX.Element;
+//#endregion
+export { Actions, Body, Close, Content, Description, type ContentProps as DialogContentProps, Root, Title, Trigger };

package/dist/dialog-parts.js

@@ -0,0 +1,32 @@
+"use client";
+import { cn } from "./lib/cn.js";
+import { modalPanelEnter } from "./lib/use-enter.js";
+import { displayTitle, mutedText } from "./lib/text-styles.js";
+import { Actions, Body } from "./lib/modal-parts.js";
+import { centeredPanel } from "./lib/overlay.js";
+import { ModalContent } from "./lib/modal-content.js";
+import { jsx } from "react/jsx-runtime";
+import * as Nude from "@journ/nude/dialog-parts";
+//#region src/dialog-parts.tsx
+const Root = Nude.Root;
+const Trigger = Nude.Trigger;
+const Close = Nude.Close;
+const Content = ({ tone, className, ...props }) => /* @__PURE__ */ jsx(ModalContent, {
+	content: Nude.Content,
+	enter: modalPanelEnter,
+	...props,
+	className: centeredPanel({
+		tone,
+		class: cn("max-h-[85dvh]", className)
+	})
+});
+const Title = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Title, {
+	...props,
+	className: cn(displayTitle, className)
+});
+const Description = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Description, {
+	...props,
+	className: cn(mutedText, className)
+});
+//#endregion
+export { Actions, Body, Close, Content, Description, Root, Title, Trigger };

package/dist/dialog.d.ts

@@ -0,0 +1,15 @@
+import { Actions, Body } from "./lib/modal-parts.js";
+import { Content, Description, Title } from "./dialog-parts.js";
+//#region src/dialog.d.ts
+declare const Dialog: {
+  Root: any;
+  Trigger: any;
+  Close: any;
+  Content: typeof Content;
+  Title: typeof Title;
+  Description: typeof Description;
+  Body: typeof Body;
+  Actions: typeof Actions;
+};
+//#endregion
+export { Dialog };

package/dist/dialog.js

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

package/dist/divider.d.ts

@@ -0,0 +1,6 @@
+import { ComponentPropsWithRef } from "react";
+import { Divider as Divider$1 } from "@journ/nude/divider";
+//#region src/divider.d.ts
+declare const Divider: ({ orientation, decorative, className, ...props }: ComponentPropsWithRef<typeof Divider$1>) => import("react").JSX.Element;
+//#endregion
+export { Divider };

package/dist/divider.js

@@ -0,0 +1,12 @@
+import { cn } from "./lib/cn.js";
+import { jsx } from "react/jsx-runtime";
+import { Divider as Divider$1 } from "@journ/nude/divider";
+//#region src/divider.tsx
+const Divider = ({ orientation = "horizontal", decorative = true, className, ...props }) => /* @__PURE__ */ jsx(Divider$1, {
+	orientation,
+	decorative,
+	...props,
+	className: cn("shrink-0 bg-current/10 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", className)
+});
+//#endregion
+export { Divider };

package/dist/drawer-parts.d.ts

@@ -0,0 +1,13 @@
+import { Actions, Body } from "./lib/modal-parts.js";
+import { ComponentPropsWithRef } from "react";
+import * as Nude from "@journ/nude/drawer-parts";
+//#region src/drawer-parts.d.ts
+declare const Root: any;
+declare const Trigger: any;
+declare const Close: any;
+type ContentProps = Omit<ComponentPropsWithRef<typeof Nude.Content>, 'classNames' | 'overlayRef'>;
+declare const Content: ({ className, children, ...props }: ContentProps) => import("react").JSX.Element;
+declare const Title: ({ className, ...props }: ComponentPropsWithRef<typeof Nude.Title>) => import("react").JSX.Element;
+declare const Description: ({ className, ...props }: ComponentPropsWithRef<typeof Nude.Description>) => import("react").JSX.Element;
+//#endregion
+export { Actions, Body, Close, Content, Description, Root, Title, Trigger };

package/dist/drawer-parts.js

@@ -0,0 +1,31 @@
+"use client";
+import { cn } from "./lib/cn.js";
+import { displayTitle, mutedText } from "./lib/text-styles.js";
+import { Actions, Body } from "./lib/modal-parts.js";
+import { dim, faintBorder, surfaceFill } from "./lib/theme.js";
+import { modalOverlay } from "./lib/overlay.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as Nude from "@journ/nude/drawer-parts";
+//#region src/drawer-parts.tsx
+const Root = Nude.Root;
+const Trigger = Nude.Trigger;
+const Close = Nude.Close;
+const Content = ({ className, children, ...props }) => /* @__PURE__ */ jsxs(Nude.Content, {
+	...props,
+	classNames: { overlay: modalOverlay },
+	className: cn(surfaceFill, faintBorder, "fixed inset-x-0 bottom-0 mx-auto flex max-h-[90dvh] w-full max-w-sm flex-col gap-4 rounded-t-xl border-x border-t p-6 outline-none", className),
+	children: [/* @__PURE__ */ jsx("div", {
+		"data-slot": "drawer-handle",
+		className: cn(dim, "mx-auto h-2 w-24 shrink-0 rounded-full")
+	}), children]
+});
+const Title = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Title, {
+	...props,
+	className: cn(displayTitle, className)
+});
+const Description = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Description, {
+	...props,
+	className: cn(mutedText, className)
+});
+//#endregion
+export { Actions, Body, Close, Content, Description, Root, Title, Trigger };

package/dist/drawer.d.ts

@@ -0,0 +1,15 @@
+import { Actions, Body } from "./lib/modal-parts.js";
+import { Content, Description, Title } from "./drawer-parts.js";
+//#region src/drawer.d.ts
+declare const Drawer: {
+  Root: any;
+  Trigger: any;
+  Close: any;
+  Content: typeof Content;
+  Title: typeof Title;
+  Description: typeof Description;
+  Body: typeof Body;
+  Actions: typeof Actions;
+};
+//#endregion
+export { Drawer };

package/dist/drawer.js

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

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

@@ -0,0 +1,15 @@
+//#region src/dropdown-menu-parts.d.ts
+declare const Root: any;
+declare const Trigger: any;
+declare const Group: any;
+declare const Content: ({ className, ...props }: import("react").ComponentPropsWithRef<any> & {
+  className?: string;
+}) => import("react").JSX.Element, Item: ({ className, ...props }: import("react").ComponentPropsWithRef<any> & {
+  className?: string;
+}) => import("react").JSX.Element, Label: ({ className, ...props }: import("react").ComponentPropsWithRef<any> & {
+  className?: string;
+}) => import("react").JSX.Element, Separator: ({ className, ...props }: import("react").ComponentPropsWithRef<any> & {
+  className?: string;
+}) => import("react").JSX.Element;
+//#endregion
+export { Content, Group, Item, Label, Root, Separator, Trigger };

package/dist/dropdown-menu-parts.js

@@ -0,0 +1,10 @@
+"use client";
+import { styleMenuParts } from "./lib/menu-parts.js";
+import * as Nude from "@journ/nude/dropdown-menu-parts";
+//#region src/dropdown-menu-parts.tsx
+const Root = Nude.Root;
+const Trigger = Nude.Trigger;
+const Group = Nude.Group;
+const { Content, Item, Label, Separator } = styleMenuParts(Nude);
+//#endregion
+export { Content, Group, Item, Label, Root, Separator, Trigger };

package/dist/dropdown-menu.d.ts

@@ -0,0 +1,20 @@
+//#region src/dropdown-menu.d.ts
+declare const DropdownMenu: {
+  Root: any;
+  Trigger: any;
+  Content: ({ className, ...props }: import("react").ComponentPropsWithRef<any> & {
+    className?: string;
+  }) => import("react").JSX.Element;
+  Group: any;
+  Label: ({ className, ...props }: import("react").ComponentPropsWithRef<any> & {
+    className?: string;
+  }) => import("react").JSX.Element;
+  Item: ({ className, ...props }: import("react").ComponentPropsWithRef<any> & {
+    className?: string;
+  }) => import("react").JSX.Element;
+  Separator: ({ className, ...props }: import("react").ComponentPropsWithRef<any> & {
+    className?: string;
+  }) => import("react").JSX.Element;
+};
+//#endregion
+export { DropdownMenu };

package/dist/dropdown-menu.js

@@ -0,0 +1,13 @@
+import { Content, Group, Item, Label, Root, Separator, Trigger } from "./dropdown-menu-parts.js";
+//#region src/dropdown-menu.tsx
+const DropdownMenu = {
+	Root,
+	Trigger,
+	Content,
+	Group,
+	Label,
+	Item,
+	Separator
+};
+//#endregion
+export { DropdownMenu };

package/dist/empty-state.d.ts

@@ -0,0 +1,16 @@
+import { ComponentPropsWithRef } from "react";
+//#region src/empty-state.d.ts
+declare const Root: ({ className, ...props }: ComponentPropsWithRef<'div'>) => import("react").JSX.Element;
+declare const Icon: ({ className, ...props }: ComponentPropsWithRef<'span'>) => import("react").JSX.Element;
+declare const Title: ({ className, ...props }: ComponentPropsWithRef<'h3'>) => import("react").JSX.Element;
+declare const Description: ({ className, ...props }: ComponentPropsWithRef<'p'>) => import("react").JSX.Element;
+declare const Actions: ({ className, ...props }: ComponentPropsWithRef<'div'>) => import("react").JSX.Element;
+declare const EmptyState: {
+  Root: typeof Root;
+  Icon: typeof Icon;
+  Title: typeof Title;
+  Description: typeof Description;
+  Actions: typeof Actions;
+};
+//#endregion
+export { EmptyState };

package/dist/empty-state.js

@@ -0,0 +1,40 @@
+import { cn } from "./lib/cn.js";
+import { displayTitle, mutedText } from "./lib/text-styles.js";
+import { iconTile } from "./lib/icon-tile.js";
+import { jsx } from "react/jsx-runtime";
+import { EmptyState as EmptyState$1 } from "@journ/nude/empty-state";
+//#region src/empty-state.tsx
+const Root = ({ className, ...props }) => /* @__PURE__ */ jsx(EmptyState$1.Root, {
+	...props,
+	className: cn("flex flex-col items-center gap-3 px-6 py-10 text-center", className)
+});
+const Icon = ({ className, ...props }) => /* @__PURE__ */ jsx(EmptyState$1.Icon, {
+	"aria-hidden": true,
+	...props,
+	className: iconTile({
+		size: "lg",
+		tone: "outline",
+		class: className
+	})
+});
+const Title = ({ className, ...props }) => /* @__PURE__ */ jsx(EmptyState$1.Title, {
+	...props,
+	className: cn(displayTitle, className)
+});
+const Description = ({ className, ...props }) => /* @__PURE__ */ jsx(EmptyState$1.Description, {
+	...props,
+	className: cn("max-w-xs", mutedText, className)
+});
+const Actions = ({ className, ...props }) => /* @__PURE__ */ jsx(EmptyState$1.Actions, {
+	...props,
+	className: cn("mt-2 flex items-center gap-2", className)
+});
+const EmptyState = {
+	Root,
+	Icon,
+	Title,
+	Description,
+	Actions
+};
+//#endregion
+export { EmptyState };

package/dist/field-parts.d.ts

@@ -0,0 +1,10 @@
+import { ComponentPropsWithRef } from "react";
+import * as Nude from "@journ/nude/field-parts";
+//#region src/field-parts.d.ts
+declare const Root: ({ className, ...props }: ComponentPropsWithRef<typeof Nude.Root>) => import("react").JSX.Element;
+declare const Label: ({ className, ...props }: ComponentPropsWithRef<typeof Nude.Label>) => import("react").JSX.Element;
+declare const Description: ({ className, ...props }: ComponentPropsWithRef<'p'>) => import("react").JSX.Element;
+declare const FieldError: ({ className, ...props }: ComponentPropsWithRef<'p'>) => import("react").JSX.Element;
+declare const Control: any;
+//#endregion
+export { Control, Description, FieldError as Error, Label, Root };

package/dist/field-parts.js

@@ -0,0 +1,25 @@
+"use client";
+import { cn } from "./lib/cn.js";
+import { mutedText } from "./lib/text-styles.js";
+import { jsx } from "react/jsx-runtime";
+import * as Nude from "@journ/nude/field-parts";
+//#region src/field-parts.tsx
+const Root = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Root, {
+	...props,
+	className: cn("flex flex-col gap-2", className)
+});
+const Label = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Label, {
+	...props,
+	className: cn("text-base/6 font-medium sm:text-sm/6", className)
+});
+const Description = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Description, {
+	...props,
+	className: cn(mutedText, className)
+});
+const FieldError = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Error, {
+	...props,
+	className: cn("text-sm/5 font-medium text-bloom-coral", className)
+});
+const Control = Nude.Control;
+//#endregion
+export { Control, Description, FieldError as Error, Label, Root };