@journ/bloom 0.1.1

package/dist/carousel-parts.js

@@ -0,0 +1,53 @@
+"use client";
+import { cn } from "./lib/cn.js";
+import { stepButton } from "./step-button.js";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+import * as Nude from "@journ/nude/carousel-parts";
+//#region src/carousel-parts.tsx
+const { useCarousel } = Nude;
+const Root = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Root, {
+	...props,
+	className: cn("relative", className)
+});
+const Content = ({ className, ...props }) => {
+	const { orientation } = useCarousel();
+	return /* @__PURE__ */ jsx(Nude.Content, {
+		...props,
+		classNames: { viewport: "overflow-hidden" },
+		className: cn("flex", orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col", className)
+	});
+};
+const Item = ({ className, ...props }) => {
+	const { orientation } = useCarousel();
+	return /* @__PURE__ */ jsx(Nude.Item, {
+		...props,
+		className: cn("min-w-0 shrink-0 grow-0 basis-full", orientation === "horizontal" ? "pl-4" : "pt-4", className)
+	});
+};
+const Previous = ({ tone, size, className, children, ...props }) => {
+	const { orientation } = useCarousel();
+	return /* @__PURE__ */ jsx(Nude.Previous, {
+		...props,
+		...stepButton(ChevronLeft, {
+			tone: tone ?? "outline",
+			size,
+			className: cn("rounded-full", orientation === "vertical" && "rotate-90", className),
+			children
+		})
+	});
+};
+const Next = ({ tone, size, className, children, ...props }) => {
+	const { orientation } = useCarousel();
+	return /* @__PURE__ */ jsx(Nude.Next, {
+		...props,
+		...stepButton(ChevronRight, {
+			tone: tone ?? "outline",
+			size,
+			className: cn("rounded-full", orientation === "vertical" && "rotate-90", className),
+			children
+		})
+	});
+};
+//#endregion
+export { Content, Item, Next, Previous, Root, useCarousel };

package/dist/carousel.d.ts

@@ -0,0 +1,11 @@
+import { Content, Item, Next, Previous, Root, RootProps, useCarousel } from "./carousel-parts.js";
+//#region src/carousel.d.ts
+declare const Carousel: {
+  Root: typeof Root;
+  Content: typeof Content;
+  Item: typeof Item;
+  Previous: typeof Previous;
+  Next: typeof Next;
+};
+//#endregion
+export { Carousel, type RootProps as CarouselProps, useCarousel };

package/dist/carousel.js

@@ -0,0 +1,11 @@
+import { Content, Item, Next, Previous, Root, useCarousel } from "./carousel-parts.js";
+//#region src/carousel.tsx
+const Carousel = {
+	Root,
+	Content,
+	Item,
+	Previous,
+	Next
+};
+//#endregion
+export { Carousel, useCarousel };

package/dist/checkbox-parts.d.ts

@@ -0,0 +1,8 @@
+import { ComponentPropsWithRef } from "react";
+import * as Nude from "@journ/nude/checkbox-parts";
+//#region src/checkbox-parts.d.ts
+declare const Root: ({ className, children, ...props }: ComponentPropsWithRef<typeof Nude.Root>) => import("react").JSX.Element;
+/** Shows a check, or a minus when the root is indeterminate. Pass children to use your own icon. */
+declare const Indicator: ({ className, children, ...props }: ComponentPropsWithRef<typeof Nude.Indicator>) => import("react").JSX.Element;
+//#endregion
+export { Indicator, Root };

package/dist/checkbox-parts.js

@@ -0,0 +1,21 @@
+"use client";
+import { cn } from "./lib/cn.js";
+import { pressReset } from "./lib/interactive.js";
+import { TouchTarget } from "./touch-target.js";
+import { Check, Minus } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as Nude from "@journ/nude/checkbox-parts";
+//#region src/checkbox-parts.tsx
+const Root = ({ className, children, ...props }) => /* @__PURE__ */ jsxs(Nude.Root, {
+	...props,
+	className: cn(pressReset, "group relative grid size-4 shrink-0 cursor-default place-items-center border border-current/30 outline-none transition-colors", "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-bloom-sky", "data-[state=checked]:bg-current/10", "data-[state=indeterminate]:bg-current/10", "disabled:pointer-events-none disabled:opacity-50", className),
+	children: [/* @__PURE__ */ jsx(TouchTarget, {}), children]
+});
+/** Shows a check, or a minus when the root is indeterminate. Pass children to use your own icon. */
+const Indicator = ({ className, children, ...props }) => /* @__PURE__ */ jsx(Nude.Indicator, {
+	...props,
+	className: cn("grid place-items-center [&>svg]:size-3", className),
+	children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Check, { className: "group-data-[state=indeterminate]:hidden" }), /* @__PURE__ */ jsx(Minus, { className: "hidden group-data-[state=indeterminate]:block" })] })
+});
+//#endregion
+export { Indicator, Root };

package/dist/checkbox.d.ts

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

package/dist/checkbox.js

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

package/dist/chip.d.ts

@@ -0,0 +1,45 @@
+import { VariantProps } from "./lib/tv.js";
+import { ComponentPropsWithRef } from "react";
+//#region src/chip.d.ts
+declare const chipRoot: import("tailwind-variants").TVReturnType<{
+  tone: {
+    light: "border border-current/15";
+    ink: "bg-bloom-ink text-bloom-paper";
+    dim: "bg-bloom-foreground/8 dark:bg-bloom-foreground-dark/8 text-current/60";
+    sky: "bg-bloom-sky/15 text-bloom-foreground dark:text-bloom-sky";
+  };
+}, undefined, "inline-flex items-center gap-1.5 px-2 py-0.5 text-xs/5", {
+  tone: {
+    light: "border border-current/15";
+    ink: "bg-bloom-ink text-bloom-paper";
+    dim: "bg-bloom-foreground/8 dark:bg-bloom-foreground-dark/8 text-current/60";
+    sky: "bg-bloom-sky/15 text-bloom-foreground dark:text-bloom-sky";
+  };
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
+  tone: {
+    light: "border border-current/15";
+    ink: "bg-bloom-ink text-bloom-paper";
+    dim: "bg-bloom-foreground/8 dark:bg-bloom-foreground-dark/8 text-current/60";
+    sky: "bg-bloom-sky/15 text-bloom-foreground dark:text-bloom-sky";
+  };
+}, undefined>>;
+type RootProps = ComponentPropsWithRef<'span'> & VariantProps<typeof chipRoot>;
+declare const Root: ({ tone, className, ...props }: RootProps) => import("react").JSX.Element;
+declare const Dot: ({ className, ...props }: ComponentPropsWithRef<'span'>) => import("react").JSX.Element;
+declare const Remove: ({ label, className, ...props }: ComponentPropsWithRef<'button'> & {
+  label: string;
+}) => import("react").JSX.Element;
+type TagProps = ComponentPropsWithRef<typeof Root> & {
+  /** Shows a remove button when given. Leave it out for a chip that cannot be dismissed. */
+  onRemove?: () => void;
+  removeLabel?: string;
+};
+declare const Tag: ({ onRemove, removeLabel, tone, className, children, ...props }: TagProps) => import("react").JSX.Element;
+declare const Chip: {
+  Root: typeof Root;
+  Dot: typeof Dot;
+  Remove: typeof Remove;
+  Tag: typeof Tag;
+};
+//#endregion
+export { Chip, type RootProps as ChipProps };

package/dist/chip.js

@@ -0,0 +1,55 @@
+import { tv } from "./lib/tv.js";
+import { cn } from "./lib/cn.js";
+import { dim } from "./lib/theme.js";
+import { inkTone, labelTones } from "./lib/tones.js";
+import { X } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Chip as Chip$1 } from "@journ/nude/chip";
+//#region src/chip.tsx
+const chipRoot = tv({
+	base: "inline-flex items-center gap-1.5 px-2 py-0.5 text-xs/5",
+	variants: { tone: {
+		light: "border border-current/15",
+		ink: inkTone,
+		dim: `${dim} text-current/60`,
+		sky: labelTones.sky
+	} },
+	defaultVariants: { tone: "light" }
+});
+const Root = ({ tone, className, ...props }) => /* @__PURE__ */ jsx(Chip$1.Root, {
+	...props,
+	className: chipRoot({
+		tone,
+		class: className
+	})
+});
+const Dot = ({ className, ...props }) => /* @__PURE__ */ jsx(Chip$1.Dot, {
+	"aria-hidden": true,
+	...props,
+	className: cn("size-2.5 rounded-full bg-current", className)
+});
+const Remove = ({ label, className, ...props }) => /* @__PURE__ */ jsx(Chip$1.Remove, {
+	type: "button",
+	label,
+	...props,
+	className: cn("grid size-5 cursor-default place-items-center outline-none hover:bg-current/15 focus-visible:outline-2 focus-visible:outline-bloom-sky [&>svg]:size-3", className),
+	children: /* @__PURE__ */ jsx(X, {})
+});
+const Tag = ({ onRemove, removeLabel = "Remove", tone = "dim", className, children, ...props }) => /* @__PURE__ */ jsxs(Root, {
+	"data-slot": "chip-tag",
+	tone,
+	...props,
+	className: cn(onRemove && "gap-1 py-1 pr-1 pl-2.5", className),
+	children: [children, onRemove && /* @__PURE__ */ jsx(Remove, {
+		label: removeLabel,
+		onClick: onRemove
+	})]
+});
+const Chip = {
+	Root,
+	Dot,
+	Remove,
+	Tag
+};
+//#endregion
+export { Chip };

package/dist/collapsible-parts.d.ts

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

package/dist/collapsible-parts.js

@@ -0,0 +1,22 @@
+"use client";
+import { cn } from "./lib/cn.js";
+import { useExpand } from "./lib/use-enter.js";
+import { jsx } from "react/jsx-runtime";
+import * as Nude from "@journ/nude/collapsible-parts";
+//#region src/collapsible-parts.tsx
+const Root = Nude.Root;
+const Trigger = Nude.Trigger;
+const Content = ({ className, children, ...props }) => {
+	const element = useExpand();
+	return /* @__PURE__ */ jsx(Nude.Content, {
+		ref: element,
+		...props,
+		className: "overflow-hidden",
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn("py-2", className),
+			children
+		})
+	});
+};
+//#endregion
+export { Content, Root, Trigger };

package/dist/collapsible.d.ts

@@ -0,0 +1,9 @@
+import { Content } from "./collapsible-parts.js";
+//#region src/collapsible.d.ts
+declare const Collapsible: {
+  Root: any;
+  Trigger: any;
+  Content: typeof Content;
+};
+//#endregion
+export { Collapsible };

package/dist/collapsible.js

@@ -0,0 +1,9 @@
+import { Content, Root, Trigger } from "./collapsible-parts.js";
+//#region src/collapsible.tsx
+const Collapsible = {
+	Root,
+	Trigger,
+	Content
+};
+//#endregion
+export { Collapsible };

package/dist/combobox-parts.d.ts

@@ -0,0 +1,22 @@
+import { ButtonProps } from "./button.js";
+import { ComponentPropsWithRef } from "react";
+import * as Nude from "@journ/nude/combobox-parts";
+import { ComboboxActions, ComboboxContextValue, ComboboxState, RootProps } from "@journ/nude/combobox-parts";
+//#region src/combobox-parts.d.ts
+declare const ContextProvider: any, Provider: any, Root: any, useCombobox: 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;
+declare const Frame: ({ className, ...props }: ComponentPropsWithRef<typeof Nude.Frame>) => import("react").JSX.Element;
+declare const Input: ({ className, ...props }: ComponentPropsWithRef<typeof Nude.Input>) => import("react").JSX.Element;
+declare const List: ({ className, ...props }: ComponentPropsWithRef<typeof Nude.List>) => import("react").JSX.Element;
+declare const Empty: ({ className, ...props }: ComponentPropsWithRef<typeof Nude.Empty>) => import("react").JSX.Element;
+declare const Group: ({ className, ...props }: ComponentPropsWithRef<typeof Nude.Group>) => import("react").JSX.Element;
+declare const option: (className?: string) => string;
+declare const Option: ({ className, ...props }: Nude.OptionProps) => import("react").JSX.Element;
+declare const Item: ({ className, ...props }: Nude.ItemProps) => import("react").JSX.Element;
+declare const ItemIndicator: ({ className, children, ...props }: ComponentPropsWithRef<'span'>) => import("react").JSX.Element;
+//#endregion
+export { type ComboboxActions, type ComboboxContextValue, type ComboboxState, ContextProvider, Empty, Frame, Group, Input, Item, ItemIndicator, List, Option, Provider, Root, type RootProps, Trigger, Value, option, useCombobox };

package/dist/combobox-parts.js

@@ -0,0 +1,54 @@
+"use client";
+import { cn } from "./lib/cn.js";
+import { controlSize, mutedText } from "./lib/text-styles.js";
+import { stylePicker } from "./lib/picker.js";
+import { Check, Search } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as Nude from "@journ/nude/combobox-parts";
+//#region src/combobox-parts.tsx
+const { ContextProvider, Provider, Root, useCombobox } = Nude;
+const { Trigger, Value } = stylePicker(Nude);
+const Frame = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Frame, {
+	...props,
+	className: cn("flex min-h-0 flex-col gap-3", className)
+});
+const Input = ({ className, ...props }) => /* @__PURE__ */ jsxs("div", {
+	"data-slot": "combobox-input",
+	className: "sm:focus-within:outline-bloom-sky flex items-center gap-2 border border-current/15 px-3 sm:focus-within:outline-2",
+	children: [/* @__PURE__ */ jsx(Search, {
+		"aria-hidden": true,
+		className: "size-4 shrink-0 opacity-70"
+	}), /* @__PURE__ */ jsx(Nude.Input, {
+		"data-slot": "combobox-input-field",
+		...props,
+		className: cn(controlSize, "min-w-0 flex-1 bg-transparent outline-none placeholder:text-current/40", className)
+	})]
+});
+const List = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.List, {
+	...props,
+	className: cn("scrollbar-bloom max-h-72 overflow-y-auto overscroll-contain", className)
+});
+const Empty = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Empty, {
+	...props,
+	className: cn("py-6 text-center", mutedText, className)
+});
+const Group = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Group, {
+	...props,
+	className: cn("**:[[cmdk-group-heading]]:px-2 **:[[cmdk-group-heading]]:pt-2 **:[[cmdk-group-heading]]:pb-1 **:[[cmdk-group-heading]]:font-mono **:[[cmdk-group-heading]]:text-xs **:[[cmdk-group-heading]]:opacity-60", className)
+});
+const option = (className) => cn(controlSize, "relative isolate flex items-center gap-3 px-2 select-none [&>svg]:size-4 [&>svg]:shrink-0", "after:absolute after:inset-0 after:-z-10 after:rounded-[inherit] data-[selected=true]:after:bg-current/8", "data-[checked=true]:font-medium", "data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50", className);
+const Option = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Option, {
+	...props,
+	className: option(className)
+});
+const Item = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Item, {
+	...props,
+	className: option(className)
+});
+const ItemIndicator = ({ className, children, ...props }) => /* @__PURE__ */ jsx(Nude.ItemIndicator, {
+	...props,
+	className: cn("ml-auto grid place-items-center [&>svg]:size-4", className),
+	children: children ?? /* @__PURE__ */ jsx(Check, {})
+});
+//#endregion
+export { ContextProvider, Empty, Frame, Group, Input, Item, ItemIndicator, List, Option, Provider, Root, Trigger, Value, option, useCombobox };

package/dist/combobox.d.ts

@@ -0,0 +1,26 @@
+import { ButtonProps } from "./button.js";
+import { ComboboxActions, ComboboxContextValue, ComboboxState, Empty, Frame, Group, Input, Item, ItemIndicator, List, RootProps, useCombobox } from "./combobox-parts.js";
+import { Content, Description, Title } from "./drawer-parts.js";
+//#region src/combobox.d.ts
+declare const Combobox: {
+  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;
+  Frame: typeof Frame;
+  Input: typeof Input;
+  List: typeof List;
+  Empty: typeof Empty;
+  Group: typeof Group;
+  Item: typeof Item;
+  ItemIndicator: typeof ItemIndicator;
+};
+//#endregion
+export { Combobox, type ComboboxActions, type ComboboxContextValue, type RootProps as ComboboxProps, type ComboboxState, useCombobox };

package/dist/combobox.js

@@ -0,0 +1,21 @@
+import { Empty, Frame, Group, Input, Item, ItemIndicator, List, Provider, Root, Trigger, Value, useCombobox } from "./combobox-parts.js";
+import { Content, Description, Title } from "./drawer-parts.js";
+//#region src/combobox.tsx
+const Combobox = {
+	Provider,
+	Root,
+	Trigger,
+	Value,
+	Content,
+	Title,
+	Description,
+	Frame,
+	Input,
+	List,
+	Empty,
+	Group,
+	Item,
+	ItemIndicator
+};
+//#endregion
+export { Combobox, useCombobox };

package/dist/command-palette-parts.d.ts

@@ -0,0 +1,13 @@
+import { Content as Content$1 } from "./dialog-parts.js";
+import { ComponentPropsWithRef } from "react";
+import * as Nude from "@journ/nude/command-palette-parts";
+//#region src/command-palette-parts.d.ts
+declare const Root: any, Trigger: any;
+type RootProps = Nude.RootProps;
+type ContentProps = ComponentPropsWithRef<typeof Content$1> & {
+  /** Read by screen readers only. */
+  title?: string;
+};
+declare const Content: ({ title, className, children, ...props }: ContentProps) => import("react").JSX.Element;
+//#endregion
+export { Content, Root, type RootProps, Trigger };

package/dist/command-palette-parts.js

@@ -0,0 +1,19 @@
+"use client";
+import { cn } from "./lib/cn.js";
+import { displayTitle } from "./lib/text-styles.js";
+import { Content as Content$1, Title } from "./dialog-parts.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as Nude from "@journ/nude/command-palette-parts";
+//#region src/command-palette-parts.tsx
+const { Root, Trigger } = Nude;
+const Content = ({ title = "Command palette", className, children, ...props }) => /* @__PURE__ */ jsxs(Content$1, {
+	"aria-describedby": void 0,
+	...props,
+	className: cn("p-3", className),
+	children: [/* @__PURE__ */ jsx(Title, {
+		className: cn(displayTitle, "sr-only"),
+		children: title
+	}), children]
+});
+//#endregion
+export { Content, Root, Trigger };

package/dist/command-palette.d.ts

@@ -0,0 +1,17 @@
+import { Empty, Frame, Group, Input, Item, ItemIndicator, List } from "./combobox-parts.js";
+import { Content, RootProps } from "./command-palette-parts.js";
+//#region src/command-palette.d.ts
+declare const CommandPalette: {
+  Root: any;
+  Trigger: any;
+  Content: typeof Content;
+  Frame: typeof Frame;
+  Input: typeof Input;
+  List: typeof List;
+  Empty: typeof Empty;
+  Group: typeof Group;
+  Item: typeof Item;
+  ItemIndicator: typeof ItemIndicator;
+};
+//#endregion
+export { CommandPalette, type RootProps as CommandPaletteProps };

package/dist/command-palette.js

@@ -0,0 +1,17 @@
+import { Empty, Frame, Group, Input, Item, ItemIndicator, List } from "./combobox-parts.js";
+import { Content, Root, Trigger } from "./command-palette-parts.js";
+//#region src/command-palette.tsx
+const CommandPalette = {
+	Root,
+	Trigger,
+	Content,
+	Frame,
+	Input,
+	List,
+	Empty,
+	Group,
+	Item,
+	ItemIndicator
+};
+//#endregion
+export { CommandPalette };

package/dist/composer.d.ts

@@ -0,0 +1,12 @@
+import { ComponentPropsWithRef } from "react";
+//#region src/composer.d.ts
+declare const composerRoot: (className?: string) => string;
+declare const composerInput: (className?: string) => string;
+declare const Root: ({ className, ...props }: ComponentPropsWithRef<'div'>) => import("react").JSX.Element;
+declare const Input: ({ className, ...props }: ComponentPropsWithRef<'input'>) => import("react").JSX.Element;
+declare const Composer: {
+  Root: typeof Root;
+  Input: typeof Input;
+};
+//#endregion
+export { Composer, composerInput, composerRoot };

package/dist/composer.js

@@ -0,0 +1,21 @@
+import { cn } from "./lib/cn.js";
+import { fieldText } from "./lib/text-styles.js";
+import { jsx } from "react/jsx-runtime";
+import { Composer as Composer$1 } from "@journ/nude/composer";
+//#region src/composer.tsx
+const composerRoot = (className) => cn("flex items-center gap-2 border border-current/15 p-1 has-disabled:opacity-50 sm:focus-within:outline-2 sm:focus-within:outline-bloom-sky", className);
+const composerInput = (className) => cn(fieldText, "min-w-0 flex-1 bg-transparent px-3 py-1.5 text-base/6 outline-none aria-invalid:text-bloom-coral sm:text-sm/6", className);
+const Root = ({ className, ...props }) => /* @__PURE__ */ jsx(Composer$1.Root, {
+	...props,
+	className: composerRoot(className)
+});
+const Input = ({ className, ...props }) => /* @__PURE__ */ jsx(Composer$1.Input, {
+	...props,
+	className: composerInput(className)
+});
+const Composer = {
+	Root,
+	Input
+};
+//#endregion
+export { Composer, composerInput, composerRoot };

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

@@ -0,0 +1,15 @@
+//#region src/context-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/context-menu-parts.js

@@ -0,0 +1,10 @@
+"use client";
+import { styleMenuParts } from "./lib/menu-parts.js";
+import * as Nude from "@journ/nude/context-menu-parts";
+//#region src/context-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/context-menu.d.ts

@@ -0,0 +1,20 @@
+//#region src/context-menu.d.ts
+declare const ContextMenu: {
+  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 { ContextMenu };

package/dist/context-menu.js

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

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

@@ -0,0 +1,8 @@
+import { ComponentPropsWithRef } from "react";
+import * as Nude from "@journ/nude/currency-input-parts";
+import { RootProps } from "@journ/nude/currency-input-parts";
+//#region src/currency-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, type RootProps };

package/dist/currency-input-parts.js

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

package/dist/currency-input.d.ts

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

package/dist/currency-input.js

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

package/dist/data-table-parts.d.ts

@@ -0,0 +1,10 @@
+import { ComponentPropsWithRef } from "react";
+import * as Nude from "@journ/nude/data-table-parts";
+import { DataTableColumn, RowData, TableViewProps } from "@journ/nude/data-table-parts";
+//#region src/data-table-parts.d.ts
+declare const dataTableColumns: any, selectColumn: any, useDataTable: any, ColumnPicker: any, View: any, Pager: any, SelectionBar: any;
+type RootProps<TData extends RowData> = Omit<Nude.RootProps<TData>, 'components' | 'classNames' | 'icons'>;
+declare const Root: <TData extends RowData>(props: RootProps<TData>) => import("react").JSX.Element;
+declare const Toolbar: ({ className, ...props }: ComponentPropsWithRef<'div'>) => import("react").JSX.Element;
+//#endregion
+export { ColumnPicker, type DataTableColumn, Pager, Root, type RootProps, SelectionBar, type TableViewProps, Toolbar, View, dataTableColumns, selectColumn, useDataTable };