@journ/bloom 0.1.1

package/dist/pagination.d.ts

@@ -0,0 +1,18 @@
+import { ComponentPropsWithRef } from "react";
+//#region src/pagination.d.ts
+declare const Root: ({ className, ...props }: ComponentPropsWithRef<'nav'>) => import("react").JSX.Element;
+declare const List: ({ className, ...props }: ComponentPropsWithRef<'div'>) => import("react").JSX.Element;
+declare const Previous: ({ className, children, ...props }: ComponentPropsWithRef<'a'>) => import("react").JSX.Element;
+declare const Next: ({ className, children, ...props }: ComponentPropsWithRef<'a'>) => import("react").JSX.Element;
+declare const Page: ({ className, children, ...props }: ComponentPropsWithRef<'a'>) => import("react").JSX.Element;
+declare const Gap: ({ className, ...props }: ComponentPropsWithRef<'span'>) => import("react").JSX.Element;
+declare const Pagination: {
+  Root: typeof Root;
+  Previous: typeof Previous;
+  List: typeof List;
+  Page: typeof Page;
+  Gap: typeof Gap;
+  Next: typeof Next;
+};
+//#endregion
+export { Pagination };

package/dist/pagination.js

@@ -0,0 +1,49 @@
+import { cn } from "./lib/cn.js";
+import { interactive } from "./lib/interactive.js";
+import { selectedWhenCurrent } from "./lib/text-styles.js";
+import { TouchTarget } from "./touch-target.js";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Pagination as Pagination$1 } from "@journ/nude/pagination";
+//#region src/pagination.tsx
+const control = cn(interactive, "inline-flex min-w-10 items-center justify-center gap-1.5 px-3 py-1.5 text-sm/6 font-medium tabular-nums");
+const Root = ({ className, ...props }) => /* @__PURE__ */ jsx(Pagination$1.Root, {
+	"aria-label": "Pagination",
+	...props,
+	className: cn("flex items-center justify-between gap-3", className)
+});
+const List = ({ className, ...props }) => /* @__PURE__ */ jsx(Pagination$1.List, {
+	...props,
+	className: cn("flex items-center gap-1", className)
+});
+const Previous = ({ className, children = "Previous", ...props }) => /* @__PURE__ */ jsx(Pagination$1.Previous, {
+	...props,
+	className: cn(control, className),
+	children: /* @__PURE__ */ jsxs(TouchTarget, { children: [/* @__PURE__ */ jsx(ChevronLeft, { className: "size-4" }), children] })
+});
+const Next = ({ className, children = "Next", ...props }) => /* @__PURE__ */ jsx(Pagination$1.Next, {
+	...props,
+	className: cn(control, className),
+	children: /* @__PURE__ */ jsxs(TouchTarget, { children: [children, /* @__PURE__ */ jsx(ChevronRight, { className: "size-4" })] })
+});
+const Page = ({ className, children, ...props }) => /* @__PURE__ */ jsx(Pagination$1.Page, {
+	...props,
+	className: cn(control, selectedWhenCurrent, className),
+	children: /* @__PURE__ */ jsx(TouchTarget, { children })
+});
+const Gap = ({ className, ...props }) => /* @__PURE__ */ jsx(Pagination$1.Gap, {
+	"aria-hidden": true,
+	...props,
+	className: cn("px-2 opacity-60", className),
+	children: "…"
+});
+const Pagination = {
+	Root,
+	Previous,
+	List,
+	Page,
+	Gap,
+	Next
+};
+//#endregion
+export { Pagination };

package/dist/pill-select.d.ts

@@ -0,0 +1,5 @@
+import { ComponentPropsWithRef } from "react";
+//#region src/pill-select.d.ts
+declare const PillSelect: ({ className, children, ...props }: ComponentPropsWithRef<'select'>) => import("react").JSX.Element;
+//#endregion
+export { PillSelect };

package/dist/pill-select.js

@@ -0,0 +1,21 @@
+import { cn } from "./lib/cn.js";
+import { control, controlText } from "./lib/theme.js";
+import { ChevronDown } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { PillSelect as PillSelect$1 } from "@journ/nude/pill-select";
+//#region src/pill-select.tsx
+const PillSelect = ({ className, children, ...props }) => /* @__PURE__ */ jsxs("span", {
+	"data-slot": "pill-select",
+	className: "relative inline-block",
+	children: [/* @__PURE__ */ jsx(PillSelect$1, {
+		"data-slot": "pill-select-control",
+		...props,
+		className: cn(control, "appearance-none rounded-bloom py-2.5 pr-9 pl-3 text-base/6 outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-bloom-sky disabled:opacity-50 sm:py-1.5 sm:text-sm/6", className),
+		children
+	}), /* @__PURE__ */ jsx(ChevronDown, {
+		"aria-hidden": true,
+		className: cn(controlText, "pointer-events-none absolute top-1/2 right-3 size-4 -translate-y-1/2")
+	})]
+});
+//#endregion
+export { PillSelect };

package/dist/popover-parts.d.ts

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

package/dist/popover-parts.js

@@ -0,0 +1,21 @@
+"use client";
+import { cn } from "./lib/cn.js";
+import { usePopEnter } from "./lib/use-enter.js";
+import { floatingCard } from "./lib/overlay.js";
+import { jsx } from "react/jsx-runtime";
+import * as Nude from "@journ/nude/popover-parts";
+//#region src/popover-parts.tsx
+const Root = Nude.Root;
+const Trigger = Nude.Trigger;
+const Close = Nude.Close;
+const Content = ({ className, ...props }) => {
+	const panel = usePopEnter();
+	return /* @__PURE__ */ jsx(Nude.Content, {
+		ref: panel,
+		sideOffset: 8,
+		...props,
+		className: cn(floatingCard, className)
+	});
+};
+//#endregion
+export { Close, Content, Root, Trigger };

package/dist/popover.d.ts

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

package/dist/popover.js

@@ -0,0 +1,10 @@
+import { Close, Content, Root, Trigger } from "./popover-parts.js";
+//#region src/popover.tsx
+const Popover = {
+	Root,
+	Trigger,
+	Content,
+	Close
+};
+//#endregion
+export { Popover };

package/dist/portal.d.ts

@@ -0,0 +1,2 @@
+import { Portal, PortalProps } from "@journ/nude/portal";
+export { Portal, type PortalProps };

package/dist/portal.js

@@ -0,0 +1,2 @@
+import { Portal } from "@journ/nude/portal";
+export { Portal };

package/dist/progress-parts.d.ts

@@ -0,0 +1,38 @@
+import { VariantProps } from "./lib/tv.js";
+import { ComponentPropsWithRef } from "react";
+import * as Nude from "@journ/nude/progress-parts";
+//#region src/progress-parts.d.ts
+type RootProps = Nude.ProgressProps;
+declare const Root: ({ className, ...props }: RootProps) => import("react").JSX.Element;
+declare const indicator: import("tailwind-variants").TVReturnType<{
+  tone: {
+    readonly neutral: "bg-bloom-foreground dark:bg-bloom-foreground-dark";
+    readonly coral: 'bg-bloom-coral';
+    readonly yellow: 'bg-bloom-yellow';
+    readonly indigo: 'bg-bloom-indigo';
+    readonly mint: 'bg-bloom-mint';
+    readonly sky: 'bg-bloom-sky';
+  };
+}, undefined, "size-full transition-transform duration-300 ease-out", {
+  tone: {
+    readonly neutral: "bg-bloom-foreground dark:bg-bloom-foreground-dark";
+    readonly coral: 'bg-bloom-coral';
+    readonly yellow: 'bg-bloom-yellow';
+    readonly indigo: 'bg-bloom-indigo';
+    readonly mint: 'bg-bloom-mint';
+    readonly sky: 'bg-bloom-sky';
+  };
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
+  tone: {
+    readonly neutral: "bg-bloom-foreground dark:bg-bloom-foreground-dark";
+    readonly coral: 'bg-bloom-coral';
+    readonly yellow: 'bg-bloom-yellow';
+    readonly indigo: 'bg-bloom-indigo';
+    readonly mint: 'bg-bloom-mint';
+    readonly sky: 'bg-bloom-sky';
+  };
+}, undefined>>;
+type IndicatorProps = ComponentPropsWithRef<typeof Nude.Indicator> & VariantProps<typeof indicator>;
+declare const Indicator: ({ tone, className, ...props }: IndicatorProps) => import("react").JSX.Element;
+//#endregion
+export { Indicator, type RootProps as ProgressProps, Root };

package/dist/progress-parts.js

@@ -0,0 +1,25 @@
+"use client";
+import { tv } from "./lib/tv.js";
+import { cn } from "./lib/cn.js";
+import { fills } from "./lib/tones.js";
+import { jsx } from "react/jsx-runtime";
+import * as Nude from "@journ/nude/progress-parts";
+//#region src/progress-parts.tsx
+const Root = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Root, {
+	...props,
+	className: cn("relative h-4 w-full overflow-hidden bg-current/10", className)
+});
+const indicator = tv({
+	base: "size-full transition-transform duration-300 ease-out",
+	variants: { tone: fills },
+	defaultVariants: { tone: "neutral" }
+});
+const Indicator = ({ tone, className, ...props }) => /* @__PURE__ */ jsx(Nude.Indicator, {
+	...props,
+	className: indicator({
+		tone,
+		class: className
+	})
+});
+//#endregion
+export { Indicator, Root };

package/dist/progress.d.ts

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

package/dist/progress.js

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

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

@@ -0,0 +1,11 @@
+import { IconButtonProps } from "./icon-button.js";
+import { ComponentPropsWithRef } from "react";
+import * as Nude from "@journ/nude/quantity-input-parts";
+//#region src/quantity-input-parts.d.ts
+type RootProps = Nude.RootProps;
+declare const Root: ({ className, ...props }: RootProps) => import("react").JSX.Element;
+declare const Decrement: ({ tone, size, className, children, ...props }: IconButtonProps) => import("react").JSX.Element;
+declare const Increment: ({ tone, size, className, children, ...props }: IconButtonProps) => import("react").JSX.Element;
+declare const Field: ({ className, ...props }: ComponentPropsWithRef<typeof Nude.Field>) => import("react").JSX.Element;
+//#endregion
+export { Decrement, Field, Increment, Root, type RootProps };

package/dist/quantity-input-parts.js

@@ -0,0 +1,36 @@
+"use client";
+import { cn } from "./lib/cn.js";
+import { stepButton } from "./step-button.js";
+import { composerInput, composerRoot } from "./composer.js";
+import { Minus, Plus } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+import * as Nude from "@journ/nude/quantity-input-parts";
+//#region src/quantity-input-parts.tsx
+const Root = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Root, {
+	...props,
+	className: composerRoot(className)
+});
+const Decrement = ({ tone, size, className, children, ...props }) => /* @__PURE__ */ jsx(Nude.Decrement, {
+	...props,
+	...stepButton(Minus, {
+		tone,
+		size,
+		className,
+		children
+	})
+});
+const Increment = ({ tone, size, className, children, ...props }) => /* @__PURE__ */ jsx(Nude.Increment, {
+	...props,
+	...stepButton(Plus, {
+		tone,
+		size,
+		className,
+		children
+	})
+});
+const Field = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Field, {
+	...props,
+	className: composerInput(cn("text-center font-mono tabular-nums", className))
+});
+//#endregion
+export { Decrement, Field, Increment, Root };

package/dist/quantity-input.d.ts

@@ -0,0 +1,10 @@
+import { Decrement, Field, Increment, Root, RootProps } from "./quantity-input-parts.js";
+//#region src/quantity-input.d.ts
+declare const QuantityInput: {
+  Root: typeof Root;
+  Decrement: typeof Decrement;
+  Field: typeof Field;
+  Increment: typeof Increment;
+};
+//#endregion
+export { QuantityInput, type RootProps as QuantityInputProps };

package/dist/quantity-input.js

@@ -0,0 +1,10 @@
+import { Decrement, Field, Increment, Root } from "./quantity-input-parts.js";
+//#region src/quantity-input.tsx
+const QuantityInput = {
+	Root,
+	Decrement,
+	Field,
+	Increment
+};
+//#endregion
+export { QuantityInput };

package/dist/radio-parts.d.ts

@@ -0,0 +1,7 @@
+import { ComponentPropsWithRef } from "react";
+import * as Nude from "@journ/nude/radio-parts";
+//#region src/radio-parts.d.ts
+declare const Group: ({ className, ...props }: ComponentPropsWithRef<typeof Nude.Group>) => import("react").JSX.Element;
+declare const Item: ({ className, ...props }: Omit<ComponentPropsWithRef<typeof Nude.Item>, 'classNames' | 'children'>) => import("react").JSX.Element;
+//#endregion
+export { Group, Item };

package/dist/radio-parts.js

@@ -0,0 +1,19 @@
+"use client";
+import { cn } from "./lib/cn.js";
+import { pressReset } from "./lib/interactive.js";
+import { TouchTarget } from "./touch-target.js";
+import { jsx } from "react/jsx-runtime";
+import * as Nude from "@journ/nude/radio-parts";
+//#region src/radio-parts.tsx
+const Group = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Group, {
+	...props,
+	className: cn("flex flex-col gap-3", className)
+});
+const Item = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Item, {
+	...props,
+	classNames: { indicator: "bg-current block size-2 rounded-full" },
+	className: cn(pressReset, "relative grid size-4 shrink-0 cursor-default place-items-center rounded-full border border-current outline-none transition-colors", "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-bloom-sky", "disabled:pointer-events-none disabled:opacity-50", className),
+	children: /* @__PURE__ */ jsx(TouchTarget, {})
+});
+//#endregion
+export { Group, Item };

package/dist/radio.d.ts

@@ -0,0 +1,8 @@
+import { Group, Item } from "./radio-parts.js";
+//#region src/radio.d.ts
+declare const Radio: {
+  Group: typeof Group;
+  Item: typeof Item;
+};
+//#endregion
+export { Radio };

package/dist/radio.js

@@ -0,0 +1,8 @@
+import { Group, Item } from "./radio-parts.js";
+//#region src/radio.tsx
+const Radio = {
+	Group,
+	Item
+};
+//#endregion
+export { Radio };

package/dist/scroll-area-parts.d.ts

@@ -0,0 +1,9 @@
+import { ComponentPropsWithRef } from "react";
+import * as Nude from "@journ/nude/scroll-area-parts";
+//#region src/scroll-area-parts.d.ts
+declare const Root: ({ className, ...props }: ComponentPropsWithRef<typeof Nude.Root>) => import("react").JSX.Element;
+declare const Viewport: ({ className, ...props }: ComponentPropsWithRef<typeof Nude.Viewport>) => import("react").JSX.Element;
+declare const Scrollbar: ({ className, ...props }: Omit<ComponentPropsWithRef<typeof Nude.Scrollbar>, 'classNames' | 'children'>) => import("react").JSX.Element;
+declare const Corner: any;
+//#endregion
+export { Corner, Root, Scrollbar, Viewport };

package/dist/scroll-area-parts.js

@@ -0,0 +1,23 @@
+"use client";
+import { cn } from "./lib/cn.js";
+import { TouchTarget } from "./touch-target.js";
+import { jsx } from "react/jsx-runtime";
+import * as Nude from "@journ/nude/scroll-area-parts";
+//#region src/scroll-area-parts.tsx
+const Root = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Root, {
+	...props,
+	className: cn("relative overflow-hidden", className)
+});
+const Viewport = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Viewport, {
+	...props,
+	className: cn("size-full rounded-[inherit] outline-none focus-visible:outline-2 focus-visible:outline-bloom-sky", className)
+});
+const Scrollbar = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Scrollbar, {
+	...props,
+	classNames: { thumb: "relative flex-1 bg-current/20 transition-colors hover:bg-current/40" },
+	className: cn("flex touch-none p-0.5 transition-opacity select-none data-[state=hidden]:opacity-0 data-[state=visible]:opacity-100", "data-[orientation=horizontal]:h-2.5 data-[orientation=horizontal]:flex-col data-[orientation=vertical]:w-2.5", className),
+	children: /* @__PURE__ */ jsx(TouchTarget, {})
+});
+const Corner = Nude.Corner;
+//#endregion
+export { Corner, Root, Scrollbar, Viewport };

package/dist/scroll-area.d.ts

@@ -0,0 +1,10 @@
+import { Root, Scrollbar, Viewport } from "./scroll-area-parts.js";
+//#region src/scroll-area.d.ts
+declare const ScrollArea: {
+  Root: typeof Root;
+  Viewport: typeof Viewport;
+  Scrollbar: typeof Scrollbar;
+  Corner: any;
+};
+//#endregion
+export { ScrollArea };

package/dist/scroll-area.js

@@ -0,0 +1,10 @@
+import { Corner, Root, Scrollbar, Viewport } from "./scroll-area-parts.js";
+//#region src/scroll-area.tsx
+const ScrollArea = {
+	Root,
+	Viewport,
+	Scrollbar,
+	Corner
+};
+//#endregion
+export { ScrollArea };

package/dist/select-parts.d.ts

@@ -0,0 +1,13 @@
+import { ComponentPropsWithRef } from "react";
+import * as Nude from "@journ/nude/select-parts";
+//#region src/select-parts.d.ts
+declare const Root: any;
+declare const Group: any;
+declare const Value: any;
+declare const Trigger: ({ className, ...props }: Omit<ComponentPropsWithRef<typeof Nude.Trigger>, 'icon'>) => import("react").JSX.Element;
+declare const Content: ({ className, ...props }: Omit<ComponentPropsWithRef<typeof Nude.Content>, 'classNames'>) => import("react").JSX.Element;
+declare const Item: ({ className, ...props }: Omit<ComponentPropsWithRef<typeof Nude.Item>, 'indicator'>) => import("react").JSX.Element;
+declare const Label: ({ className, ...props }: ComponentPropsWithRef<typeof Nude.Label>) => import("react").JSX.Element;
+declare const Separator: ({ className, ...props }: ComponentPropsWithRef<typeof Nude.Separator>) => import("react").JSX.Element;
+//#endregion
+export { Content, Group, Item, Label, Root, Separator, Trigger, Value };

package/dist/select-parts.js

@@ -0,0 +1,46 @@
+"use client";
+import { cn } from "./lib/cn.js";
+import { pressReset } from "./lib/interactive.js";
+import { usePopEnter } from "./lib/use-enter.js";
+import { control } from "./lib/theme.js";
+import { floatingItem, floatingLabel, floatingSeparator, floatingSurface } from "./lib/overlay.js";
+import { Check, ChevronDown } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+import * as Nude from "@journ/nude/select-parts";
+//#region src/select-parts.tsx
+const Root = Nude.Root;
+const Group = Nude.Group;
+const Value = Nude.Value;
+const Trigger = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Trigger, {
+	...props,
+	icon: /* @__PURE__ */ jsx(ChevronDown, {
+		"aria-hidden": true,
+		className: "size-4"
+	}),
+	className: cn(pressReset, control, "inline-flex items-center justify-between gap-3 rounded-bloom py-2.5 pr-3 pl-3 text-base/6 outline-none sm:py-1.5 sm:text-sm/6", "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-bloom-sky data-disabled:opacity-50 data-placeholder:opacity-60", className)
+});
+const Content = ({ className, ...props }) => {
+	const panel = usePopEnter();
+	return /* @__PURE__ */ jsx(Nude.Content, {
+		ref: panel,
+		sideOffset: 6,
+		...props,
+		classNames: { viewport: "scrollbar-bloom max-h-(--radix-select-content-available-height)" },
+		className: cn(floatingSurface, "min-w-(--radix-select-trigger-width)", className)
+	});
+};
+const Item = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Item, {
+	...props,
+	indicator: /* @__PURE__ */ jsx(Check, {}),
+	className: cn(floatingItem, "justify-between", className)
+});
+const Label = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Label, {
+	...props,
+	className: cn(floatingLabel, className)
+});
+const Separator = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Separator, {
+	...props,
+	className: cn(floatingSeparator, className)
+});
+//#endregion
+export { Content, Group, Item, Label, Root, Separator, Trigger, Value };

package/dist/select.d.ts

@@ -0,0 +1,14 @@
+import { Content, Item, Label, Separator, Trigger } from "./select-parts.js";
+//#region src/select.d.ts
+declare const Select: {
+  Root: any;
+  Trigger: typeof Trigger;
+  Value: any;
+  Content: typeof Content;
+  Group: any;
+  Label: typeof Label;
+  Item: typeof Item;
+  Separator: typeof Separator;
+};
+//#endregion
+export { Select };

package/dist/select.js

@@ -0,0 +1,14 @@
+import { Content, Group, Item, Label, Root, Separator, Trigger, Value } from "./select-parts.js";
+//#region src/select.tsx
+const Select = {
+	Root,
+	Trigger,
+	Value,
+	Content,
+	Group,
+	Label,
+	Item,
+	Separator
+};
+//#endregion
+export { Select };

package/dist/sheet-parts.d.ts

@@ -0,0 +1,33 @@
+import { Actions, Body } from "./lib/modal-parts.js";
+import { VariantProps } from "./lib/tv.js";
+import { Close, Description, Root, Title, Trigger } from "./dialog-parts.js";
+import { ComponentPropsWithRef } from "react";
+import * as Nude from "@journ/nude/sheet-parts";
+//#region src/sheet-parts.d.ts
+type Side = Nude.SheetSide;
+declare const sheetContent: import("tailwind-variants").TVReturnType<{
+  side: {
+    right: "inset-y-0 right-0 w-full max-w-lg md:inset-y-4 md:right-4";
+    left: "inset-y-0 left-0 w-full max-w-lg md:inset-y-4 md:left-4";
+    top: "inset-x-0 top-0 max-h-[85dvh] md:inset-x-4 md:top-4";
+    bottom: "inset-x-0 bottom-0 max-h-[85dvh] md:inset-x-4 md:bottom-4";
+  };
+}, undefined, string[], {
+  side: {
+    right: "inset-y-0 right-0 w-full max-w-lg md:inset-y-4 md:right-4";
+    left: "inset-y-0 left-0 w-full max-w-lg md:inset-y-4 md:left-4";
+    top: "inset-x-0 top-0 max-h-[85dvh] md:inset-x-4 md:top-4";
+    bottom: "inset-x-0 bottom-0 max-h-[85dvh] md:inset-x-4 md:bottom-4";
+  };
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
+  side: {
+    right: "inset-y-0 right-0 w-full max-w-lg md:inset-y-4 md:right-4";
+    left: "inset-y-0 left-0 w-full max-w-lg md:inset-y-4 md:left-4";
+    top: "inset-x-0 top-0 max-h-[85dvh] md:inset-x-4 md:top-4";
+    bottom: "inset-x-0 bottom-0 max-h-[85dvh] md:inset-x-4 md:bottom-4";
+  };
+}, undefined>>;
+type ContentProps = Omit<ComponentPropsWithRef<typeof Nude.Content>, 'classNames' | 'overlayRef' | 'side'> & VariantProps<typeof sheetContent>;
+declare const Content: ({ side, className, ...props }: ContentProps) => import("react").JSX.Element;
+//#endregion
+export { Actions, Body, Close, Content, Description, Root, type ContentProps as SheetContentProps, type Side as SheetSide, Title, Trigger };

package/dist/sheet-parts.js

@@ -0,0 +1,41 @@
+"use client";
+import { tv } from "./lib/tv.js";
+import { Actions, Body } from "./lib/modal-parts.js";
+import { surface } from "./lib/theme.js";
+import { ModalContent } from "./lib/modal-content.js";
+import { Close, Description, Root, Title, Trigger } from "./dialog-parts.js";
+import { jsx } from "react/jsx-runtime";
+import * as Nude from "@journ/nude/sheet-parts";
+//#region src/sheet-parts.tsx
+const sheetContent = tv({
+	base: [surface, "rounded-bloom fixed flex flex-col gap-4 p-6 outline-none"],
+	variants: { side: {
+		right: "inset-y-0 right-0 w-full max-w-lg md:inset-y-4 md:right-4",
+		left: "inset-y-0 left-0 w-full max-w-lg md:inset-y-4 md:left-4",
+		top: "inset-x-0 top-0 max-h-[85dvh] md:inset-x-4 md:top-4",
+		bottom: "inset-x-0 bottom-0 max-h-[85dvh] md:inset-x-4 md:bottom-4"
+	} },
+	defaultVariants: { side: "right" }
+});
+const slideFrom = {
+	right: { translateX: ["100%", "0%"] },
+	left: { translateX: ["-100%", "0%"] },
+	top: { translateY: ["-100%", "0%"] },
+	bottom: { translateY: ["100%", "0%"] }
+};
+const Content = ({ side = "right", className, ...props }) => /* @__PURE__ */ jsx(ModalContent, {
+	content: Nude.Content,
+	enter: {
+		...slideFrom[side ?? "right"],
+		duration: 300,
+		ease: "outExpo"
+	},
+	side: side ?? "right",
+	...props,
+	className: sheetContent({
+		side,
+		class: className
+	})
+});
+//#endregion
+export { Actions, Body, Close, Content, Description, Root, Title, Trigger };

package/dist/sheet.d.ts

@@ -0,0 +1,16 @@
+import { Actions, Body } from "./lib/modal-parts.js";
+import { Description, Title } from "./dialog-parts.js";
+import { Content, SheetContentProps as ContentProps, SheetSide as Side } from "./sheet-parts.js";
+//#region src/sheet.d.ts
+declare const Sheet: {
+  Root: any;
+  Trigger: any;
+  Close: any;
+  Content: typeof Content;
+  Title: typeof Title;
+  Description: typeof Description;
+  Body: typeof Body;
+  Actions: typeof Actions;
+};
+//#endregion
+export { Sheet, type ContentProps as SheetContentProps, type Side as SheetSide };

package/dist/sheet.js

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