@journ/bloom 0.1.1

package/dist/alert.js

@@ -0,0 +1,51 @@
+import { tv } from "./lib/tv.js";
+import { cn } from "./lib/cn.js";
+import { displayLabel } from "./lib/text-styles.js";
+import { surfaceTones } from "./lib/tones.js";
+import { jsx } from "react/jsx-runtime";
+import { Alert as Alert$1 } from "@journ/nude/alert";
+//#region src/alert.tsx
+const alertRoot = tv({
+	base: "rounded-bloom flex items-start gap-3 p-4",
+	variants: { tone: surfaceTones },
+	defaultVariants: { tone: "surface" }
+});
+const Root = ({ tone, className, ...props }) => /* @__PURE__ */ jsx(Alert$1.Root, {
+	role: "alert",
+	...props,
+	className: alertRoot({
+		tone,
+		class: className
+	})
+});
+const Icon = ({ className, ...props }) => /* @__PURE__ */ jsx(Alert$1.Icon, {
+	"aria-hidden": true,
+	...props,
+	className: cn("mt-0.5 shrink-0 [&>svg]:size-5", className)
+});
+const Body = ({ className, ...props }) => /* @__PURE__ */ jsx(Alert$1.Body, {
+	...props,
+	className: cn("flex min-w-0 flex-1 flex-col gap-1", className)
+});
+const Title = ({ className, ...props }) => /* @__PURE__ */ jsx(Alert$1.Title, {
+	...props,
+	className: cn(displayLabel, className)
+});
+const Description = ({ className, ...props }) => /* @__PURE__ */ jsx(Alert$1.Description, {
+	...props,
+	className: cn("text-sm/5 opacity-80", className)
+});
+const Actions = ({ className, ...props }) => /* @__PURE__ */ jsx(Alert$1.Actions, {
+	...props,
+	className: cn("mt-2 flex items-center gap-2", className)
+});
+const Alert = {
+	Root,
+	Icon,
+	Body,
+	Title,
+	Description,
+	Actions
+};
+//#endregion
+export { Alert };

package/dist/animated-size.d.ts

@@ -0,0 +1,6 @@
+import { AnimatedSizeProps as AnimatedSizeProps$1 } from "@journ/nude/animated-size";
+//#region src/animated-size.d.ts
+type AnimatedSizeProps = Omit<AnimatedSizeProps$1, 'classNames'>;
+declare const AnimatedSize: ({ width, className, ...props }: AnimatedSizeProps) => import("react").JSX.Element;
+//#endregion
+export { AnimatedSize, type AnimatedSizeProps };

package/dist/animated-size.js

@@ -0,0 +1,12 @@
+import { cn } from "./lib/cn.js";
+import { jsx } from "react/jsx-runtime";
+import { AnimatedSize as AnimatedSize$1 } from "@journ/nude/animated-size";
+//#region src/animated-size.tsx
+const AnimatedSize = ({ width = false, className, ...props }) => /* @__PURE__ */ jsx(AnimatedSize$1, {
+	width,
+	...props,
+	className: cn("overflow-hidden", className),
+	classNames: { content: cn(width && "w-fit") }
+});
+//#endregion
+export { AnimatedSize };

package/dist/avatar-parts.d.ts

@@ -0,0 +1,10 @@
+import { ComponentPropsWithRef } from "react";
+import * as Nude from "@journ/nude/avatar-parts";
+//#region src/avatar-parts.d.ts
+declare const Root: ({ className, ...props }: ComponentPropsWithRef<typeof Nude.Root>) => import("react").JSX.Element;
+declare const Image: ({ className, alt, ...props }: ComponentPropsWithRef<typeof Nude.Image> & {
+  alt: string;
+}) => import("react").JSX.Element;
+declare const Fallback: ({ className, ...props }: ComponentPropsWithRef<typeof Nude.Fallback>) => import("react").JSX.Element;
+//#endregion
+export { Fallback, Image, Root };

package/dist/avatar-parts.js

@@ -0,0 +1,20 @@
+"use client";
+import { cn } from "./lib/cn.js";
+import { jsx } from "react/jsx-runtime";
+import * as Nude from "@journ/nude/avatar-parts";
+//#region src/avatar-parts.tsx
+const Root = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Root, {
+	...props,
+	className: cn("grid size-10 shrink-0 place-items-center overflow-hidden rounded-full bg-current/10", className)
+});
+const Image = ({ className, alt, ...props }) => /* @__PURE__ */ jsx(Nude.Image, {
+	alt,
+	...props,
+	className: cn("size-full object-cover", className)
+});
+const Fallback = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Fallback, {
+	...props,
+	className: cn("text-xs font-medium uppercase", className)
+});
+//#endregion
+export { Fallback, Image, Root };

package/dist/avatar.d.ts

@@ -0,0 +1,9 @@
+import { Fallback, Image, Root } from "./avatar-parts.js";
+//#region src/avatar.d.ts
+declare const Avatar: {
+  Root: typeof Root;
+  Image: typeof Image;
+  Fallback: typeof Fallback;
+};
+//#endregion
+export { Avatar };

package/dist/avatar.js

@@ -0,0 +1,9 @@
+import { Fallback, Image, Root } from "./avatar-parts.js";
+//#region src/avatar.tsx
+const Avatar = {
+	Root,
+	Image,
+	Fallback
+};
+//#endregion
+export { Avatar };

package/dist/badge.d.ts

@@ -0,0 +1,38 @@
+import { VariantProps } from "./lib/tv.js";
+import { ComponentPropsWithRef } from "react";
+//#region src/badge.d.ts
+declare const badge: import("tailwind-variants").TVReturnType<{
+  tone: {
+    neutral: "bg-bloom-foreground/8 dark:bg-bloom-foreground-dark/10 text-bloom-foreground dark:text-bloom-foreground-dark";
+    coral: 'bg-bloom-coral/15 text-bloom-foreground dark:text-bloom-coral';
+    yellow: 'bg-bloom-yellow/25 text-bloom-foreground dark:bg-bloom-yellow/15 dark:text-bloom-yellow';
+    indigo: 'bg-bloom-indigo/15 text-bloom-foreground dark:text-bloom-indigo';
+    mint: 'bg-bloom-mint/20 text-bloom-foreground dark:bg-bloom-mint/15 dark:text-bloom-mint';
+    sky: 'bg-bloom-sky/15 text-bloom-foreground dark:text-bloom-sky';
+    ink: "bg-bloom-ink text-bloom-paper";
+  };
+}, undefined, "inline-flex items-center rounded-full px-2.5 py-0.5 font-mono text-xs/5 tabular-nums", {
+  tone: {
+    neutral: "bg-bloom-foreground/8 dark:bg-bloom-foreground-dark/10 text-bloom-foreground dark:text-bloom-foreground-dark";
+    coral: 'bg-bloom-coral/15 text-bloom-foreground dark:text-bloom-coral';
+    yellow: 'bg-bloom-yellow/25 text-bloom-foreground dark:bg-bloom-yellow/15 dark:text-bloom-yellow';
+    indigo: 'bg-bloom-indigo/15 text-bloom-foreground dark:text-bloom-indigo';
+    mint: 'bg-bloom-mint/20 text-bloom-foreground dark:bg-bloom-mint/15 dark:text-bloom-mint';
+    sky: 'bg-bloom-sky/15 text-bloom-foreground dark:text-bloom-sky';
+    ink: "bg-bloom-ink text-bloom-paper";
+  };
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
+  tone: {
+    neutral: "bg-bloom-foreground/8 dark:bg-bloom-foreground-dark/10 text-bloom-foreground dark:text-bloom-foreground-dark";
+    coral: 'bg-bloom-coral/15 text-bloom-foreground dark:text-bloom-coral';
+    yellow: 'bg-bloom-yellow/25 text-bloom-foreground dark:bg-bloom-yellow/15 dark:text-bloom-yellow';
+    indigo: 'bg-bloom-indigo/15 text-bloom-foreground dark:text-bloom-indigo';
+    mint: 'bg-bloom-mint/20 text-bloom-foreground dark:bg-bloom-mint/15 dark:text-bloom-mint';
+    sky: 'bg-bloom-sky/15 text-bloom-foreground dark:text-bloom-sky';
+    ink: "bg-bloom-ink text-bloom-paper";
+  };
+}, undefined>>;
+type BadgeProps = ComponentPropsWithRef<'span'> & VariantProps<typeof badge>;
+declare const Badge: ({ tone, className, ...props }: BadgeProps) => import("react").JSX.Element;
+//#endregion
+export { Badge, type BadgeProps };

package/dist/badge.js

@@ -0,0 +1,22 @@
+import { tv } from "./lib/tv.js";
+import { inkTone, labelTones } from "./lib/tones.js";
+import { jsx } from "react/jsx-runtime";
+import { Badge as Badge$1 } from "@journ/nude/badge";
+//#region src/badge.tsx
+const badge = tv({
+	base: "inline-flex items-center rounded-full px-2.5 py-0.5 font-mono text-xs/5 tabular-nums",
+	variants: { tone: {
+		...labelTones,
+		ink: inkTone
+	} },
+	defaultVariants: { tone: "neutral" }
+});
+const Badge = ({ tone, className, ...props }) => /* @__PURE__ */ jsx(Badge$1, {
+	...props,
+	className: badge({
+		tone,
+		class: className
+	})
+});
+//#endregion
+export { Badge };

package/dist/breadcrumbs.d.ts

@@ -0,0 +1,18 @@
+import { ComponentPropsWithRef } from "react";
+//#region src/breadcrumbs.d.ts
+declare const Root: ({ className, ...props }: ComponentPropsWithRef<'nav'>) => import("react").JSX.Element;
+declare const List: ({ className, ...props }: ComponentPropsWithRef<'ol'>) => import("react").JSX.Element;
+declare const Item: ({ className, ...props }: ComponentPropsWithRef<'li'>) => import("react").JSX.Element;
+declare const Link: ({ className, ...props }: ComponentPropsWithRef<'a'>) => import("react").JSX.Element;
+declare const Page: ({ className, ...props }: ComponentPropsWithRef<'span'>) => import("react").JSX.Element;
+declare const Separator: ({ className, ...props }: ComponentPropsWithRef<'li'>) => import("react").JSX.Element;
+declare const Breadcrumbs: {
+  Root: typeof Root;
+  List: typeof List;
+  Item: typeof Item;
+  Link: typeof Link;
+  Page: typeof Page;
+  Separator: typeof Separator;
+};
+//#endregion
+export { Breadcrumbs };

package/dist/breadcrumbs.js

@@ -0,0 +1,44 @@
+import { cn } from "./lib/cn.js";
+import { ChevronRight } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+import { Breadcrumbs as Breadcrumbs$1 } from "@journ/nude/breadcrumbs";
+//#region src/breadcrumbs.tsx
+const Root = ({ className, ...props }) => /* @__PURE__ */ jsx(Breadcrumbs$1.Root, {
+	"aria-label": "Breadcrumb",
+	...props,
+	className
+});
+const List = ({ className, ...props }) => /* @__PURE__ */ jsx(Breadcrumbs$1.List, {
+	...props,
+	className: cn("flex flex-wrap items-center gap-1.5 text-sm/6", className)
+});
+const Item = ({ className, ...props }) => /* @__PURE__ */ jsx(Breadcrumbs$1.Item, {
+	...props,
+	className: cn("inline-flex items-center gap-1.5", className)
+});
+const Link = ({ className, ...props }) => /* @__PURE__ */ jsx(Breadcrumbs$1.Link, {
+	...props,
+	className: cn("rounded-sm opacity-60 outline-none transition-opacity hover:opacity-100 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-bloom-sky", className)
+});
+const Page = ({ className, ...props }) => /* @__PURE__ */ jsx(Breadcrumbs$1.Page, {
+	"aria-current": "page",
+	...props,
+	className: cn("font-medium", className)
+});
+const Separator = ({ className, ...props }) => /* @__PURE__ */ jsx(Breadcrumbs$1.Separator, {
+	role: "presentation",
+	"aria-hidden": true,
+	...props,
+	className: cn("opacity-40 [&>svg]:size-4", className),
+	children: /* @__PURE__ */ jsx(ChevronRight, {})
+});
+const Breadcrumbs = {
+	Root,
+	List,
+	Item,
+	Link,
+	Page,
+	Separator
+};
+//#endregion
+export { Breadcrumbs };

package/dist/bulk-bar.d.ts

@@ -0,0 +1,13 @@
+import { ComponentPropsWithRef } from "react";
+//#region src/bulk-bar.d.ts
+/** Render it while something is selected; it floats at the bottom of the page. */
+declare const Root: ({ className, ...props }: ComponentPropsWithRef<'div'>) => import("react").JSX.Element;
+declare const Count: ({ className, ...props }: ComponentPropsWithRef<'p'>) => import("react").JSX.Element;
+declare const Actions: ({ className, ...props }: ComponentPropsWithRef<'div'>) => import("react").JSX.Element;
+declare const BulkBar: {
+  Root: typeof Root;
+  Count: typeof Count;
+  Actions: typeof Actions;
+};
+//#endregion
+export { BulkBar };

package/dist/bulk-bar.js

@@ -0,0 +1,27 @@
+import { cn } from "./lib/cn.js";
+import { raised } from "./lib/theme.js";
+import { jsx } from "react/jsx-runtime";
+import { BulkBar as BulkBar$1 } from "@journ/nude/bulk-bar";
+//#region src/bulk-bar.tsx
+/** Render it while something is selected; it floats at the bottom of the page. */
+const Root = ({ className, ...props }) => /* @__PURE__ */ jsx(BulkBar$1.Root, {
+	role: "toolbar",
+	...props,
+	className: cn(raised, "sticky bottom-4 flex h-12 items-center gap-3 pr-2 pl-4 shadow-md", className)
+});
+const Count = ({ className, ...props }) => /* @__PURE__ */ jsx(BulkBar$1.Count, {
+	"aria-live": "polite",
+	...props,
+	className: cn("text-sm/6 font-medium tabular-nums", className)
+});
+const Actions = ({ className, ...props }) => /* @__PURE__ */ jsx(BulkBar$1.Actions, {
+	...props,
+	className: cn("ml-auto flex items-center gap-1", className)
+});
+const BulkBar = {
+	Root,
+	Count,
+	Actions
+};
+//#endregion
+export { BulkBar };

package/dist/button.d.ts

@@ -0,0 +1,40 @@
+import { VariantProps } from "./lib/tv.js";
+import { ReactNode } from "react";
+import { ButtonProps as ButtonProps$1 } from "@journ/nude/button";
+//#region src/button.d.ts
+declare const button: import("tailwind-variants").TVReturnType<{
+  tone: {
+    neutral: "bg-bloom-foreground dark:bg-bloom-foreground-dark text-bloom-canvas dark:text-bloom-canvas-dark";
+    field: "border border-bloom-line dark:border-bloom-line-dark bg-transparent text-bloom-foreground dark:text-bloom-foreground-dark";
+    coral: "bg-bloom-coral text-bloom-paper";
+    yellow: "bg-bloom-yellow text-bloom-ink";
+    ink: "bg-bloom-ink text-bloom-paper";
+    ghost: "bg-transparent text-inherit";
+    outline: "border border-current/20 bg-transparent text-inherit";
+  };
+}, undefined, string[], {
+  tone: {
+    neutral: "bg-bloom-foreground dark:bg-bloom-foreground-dark text-bloom-canvas dark:text-bloom-canvas-dark";
+    field: "border border-bloom-line dark:border-bloom-line-dark bg-transparent text-bloom-foreground dark:text-bloom-foreground-dark";
+    coral: "bg-bloom-coral text-bloom-paper";
+    yellow: "bg-bloom-yellow text-bloom-ink";
+    ink: "bg-bloom-ink text-bloom-paper";
+    ghost: "bg-transparent text-inherit";
+    outline: "border border-current/20 bg-transparent text-inherit";
+  };
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
+  tone: {
+    neutral: "bg-bloom-foreground dark:bg-bloom-foreground-dark text-bloom-canvas dark:text-bloom-canvas-dark";
+    field: "border border-bloom-line dark:border-bloom-line-dark bg-transparent text-bloom-foreground dark:text-bloom-foreground-dark";
+    coral: "bg-bloom-coral text-bloom-paper";
+    yellow: "bg-bloom-yellow text-bloom-ink";
+    ink: "bg-bloom-ink text-bloom-paper";
+    ghost: "bg-transparent text-inherit";
+    outline: "border border-current/20 bg-transparent text-inherit";
+  };
+}, undefined>>;
+type ButtonProps = VariantProps<typeof button> & ButtonProps$1;
+declare const buttonContent: (children: ReactNode, pending?: boolean) => import("react").JSX.Element;
+declare const Button: ({ tone, pending, className, children, ...props }: ButtonProps) => import("react").JSX.Element;
+//#endregion
+export { Button, type ButtonProps, button, buttonContent };

package/dist/button.js

@@ -0,0 +1,41 @@
+import { tv } from "./lib/tv.js";
+import { cn } from "./lib/cn.js";
+import { interactive } from "./lib/interactive.js";
+import { controlSize } from "./lib/text-styles.js";
+import { control } from "./lib/theme.js";
+import { inkTone, solidTones } from "./lib/tones.js";
+import { Spinner } from "./spinner.js";
+import { TouchTarget } from "./touch-target.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button as Button$1 } from "@journ/nude/button";
+//#region src/button.tsx
+const button = tv({
+	base: [
+		interactive,
+		controlSize,
+		"rounded-bloom inline-flex items-center justify-center gap-x-2 px-4 font-medium",
+		"[&>svg]:size-5 [&>svg]:shrink-0 sm:[&>svg]:size-4"
+	],
+	variants: { tone: {
+		neutral: solidTones.neutral,
+		field: control,
+		coral: solidTones.coral,
+		yellow: solidTones.yellow,
+		ink: inkTone,
+		ghost: "bg-transparent text-inherit",
+		outline: "border border-current/20 bg-transparent text-inherit"
+	} },
+	defaultVariants: { tone: "neutral" }
+});
+const buttonContent = (children, pending = false) => /* @__PURE__ */ jsxs(TouchTarget, { children: [pending && /* @__PURE__ */ jsx(Spinner, { "aria-hidden": true }), children] });
+const Button = ({ tone, pending = false, className, children, ...props }) => /* @__PURE__ */ jsx(Button$1, {
+	...props,
+	pending,
+	className: button({
+		tone,
+		class: cn(pending && "aria-busy:pointer-events-none", className)
+	}),
+	children: buttonContent(children, pending)
+});
+//#endregion
+export { Button, button, buttonContent };

package/dist/calendar-parts.d.ts

@@ -0,0 +1,17 @@
+import { IconButtonProps } from "./icon-button.js";
+import { ComponentPropsWithRef } from "react";
+import { CalendarActions, CalendarContextValue, CalendarMeta, CalendarRange, CalendarState, CalendarView, RootProps, Weekday } from "@journ/nude/calendar-parts";
+//#region src/calendar-parts.d.ts
+declare const YEAR_PAGE_SIZE: any, Provider: any, Root: any, useCalendar: any, useCalendarNavigation: any;
+declare const Frame: ({ className, ...props }: ComponentPropsWithRef<'div'>) => import("react").JSX.Element;
+declare const Header: ({ className, ...props }: ComponentPropsWithRef<'div'>) => import("react").JSX.Element;
+declare const Heading: ({ className, ...props }: Omit<ComponentPropsWithRef<'button'>, 'children'>) => import("react").JSX.Element;
+declare const Previous: ({ tone, size, className, children, ...props }: IconButtonProps) => import("react").JSX.Element;
+declare const Next: ({ tone, size, className, children, ...props }: IconButtonProps) => import("react").JSX.Element;
+type GridProps = Omit<ComponentPropsWithRef<'div'>, 'children'>;
+declare const Weekdays: ({ className, ...props }: GridProps) => import("react").JSX.Element;
+declare const Days: ({ className, ...props }: GridProps) => import("react").JSX.Element;
+declare const Months: ({ className, ...props }: GridProps) => import("react").JSX.Element;
+declare const Years: ({ className, ...props }: GridProps) => import("react").JSX.Element;
+//#endregion
+export { type CalendarActions, type CalendarContextValue, type CalendarMeta, type CalendarRange, type CalendarState, type CalendarView, Days, Frame, Header, Heading, Months, Next, Previous, Provider, Root, type RootProps, type Weekday, Weekdays, YEAR_PAGE_SIZE, Years, useCalendar, useCalendarNavigation };

package/dist/calendar-parts.js

@@ -0,0 +1,90 @@
+"use client";
+import { tv } from "./lib/tv.js";
+import { cn } from "./lib/cn.js";
+import { interactive } from "./lib/interactive.js";
+import { displayHeading } from "./lib/text-styles.js";
+import { neutral } from "./lib/theme.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/calendar-parts";
+//#region src/calendar-parts.tsx
+const { YEAR_PAGE_SIZE, Provider, Root, useCalendar, useCalendarNavigation } = Nude;
+const Frame = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Frame, {
+	...props,
+	className: cn("flex w-full flex-col gap-3", className)
+});
+const Header = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Header, {
+	...props,
+	className: cn("flex items-center gap-2", className)
+});
+const Heading = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Heading, {
+	...props,
+	className: cn(interactive, displayHeading, "mr-auto -ml-3 px-3 py-1 disabled:opacity-100", className)
+});
+const Previous = ({ tone, size, className, children, ...props }) => /* @__PURE__ */ jsx(Nude.Previous, {
+	...props,
+	...stepButton(ChevronLeft, {
+		tone,
+		size,
+		className,
+		children
+	})
+});
+const Next = ({ tone, size, className, children, ...props }) => /* @__PURE__ */ jsx(Nude.Next, {
+	...props,
+	...stepButton(ChevronRight, {
+		tone,
+		size,
+		className,
+		children
+	})
+});
+const cell = tv({
+	base: [interactive, "w-full rounded-full text-base/6 tabular-nums data-[outside=true]:opacity-30 sm:text-sm/6"],
+	variants: {
+		shape: {
+			day: "aspect-square",
+			period: "h-11"
+		},
+		state: {
+			idle: "",
+			today: "font-semibold underline underline-offset-4",
+			selected: `${neutral} font-medium`,
+			inRange: "bg-current/8"
+		}
+	},
+	defaultVariants: {
+		shape: "day",
+		state: "idle"
+	}
+});
+const Weekdays = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Weekdays, {
+	...props,
+	className: cn("grid grid-cols-7", className),
+	classNames: { weekday: "py-1 text-center text-xs opacity-50" }
+});
+const Days = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Days, {
+	...props,
+	className: cn("grid grid-cols-7 gap-y-1", className),
+	classNames: { day: (state) => cell({ state }) }
+});
+const Months = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Months, {
+	...props,
+	className: cn("grid grid-cols-3 gap-2", className),
+	classNames: { month: (state) => cell({
+		shape: "period",
+		state,
+		class: "capitalize"
+	}) }
+});
+const Years = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Years, {
+	...props,
+	className: cn("grid grid-cols-3 gap-2", className),
+	classNames: { year: (state) => cell({
+		shape: "period",
+		state
+	}) }
+});
+//#endregion
+export { Days, Frame, Header, Heading, Months, Next, Previous, Provider, Root, Weekdays, YEAR_PAGE_SIZE, Years, useCalendar, useCalendarNavigation };

package/dist/calendar.d.ts

@@ -0,0 +1,17 @@
+import { CalendarActions, CalendarContextValue, CalendarMeta, CalendarRange, CalendarState, CalendarView, Days, Frame, Header, Heading, Months, Next, Previous, RootProps, Weekday, Weekdays, Years, useCalendar } from "./calendar-parts.js";
+//#region src/calendar.d.ts
+declare const Calendar: {
+  Provider: any;
+  Root: any;
+  Frame: typeof Frame;
+  Header: typeof Header;
+  Heading: typeof Heading;
+  Previous: typeof Previous;
+  Next: typeof Next;
+  Weekdays: typeof Weekdays;
+  Days: typeof Days;
+  Months: typeof Months;
+  Years: typeof Years;
+};
+//#endregion
+export { Calendar, type CalendarActions, type CalendarContextValue, type CalendarMeta, type RootProps as CalendarProps, type CalendarRange, type CalendarState, type CalendarView, type Weekday, useCalendar };

package/dist/calendar.js

@@ -0,0 +1,17 @@
+import { Days, Frame, Header, Heading, Months, Next, Previous, Provider, Root, Weekdays, Years, useCalendar } from "./calendar-parts.js";
+//#region src/calendar.tsx
+const Calendar = {
+	Provider,
+	Root,
+	Frame,
+	Header,
+	Heading,
+	Previous,
+	Next,
+	Weekdays,
+	Days,
+	Months,
+	Years
+};
+//#endregion
+export { Calendar, useCalendar };

package/dist/card.d.ts

@@ -0,0 +1,51 @@
+import { VariantProps } from "./lib/tv.js";
+import { ComponentPropsWithRef } from "react";
+//#region src/card.d.ts
+declare const cardRoot: import("tailwind-variants").TVReturnType<{
+  tone: {
+    readonly surface: "bg-bloom-surface dark:bg-bloom-surface-dark font-bloom-display text-bloom-foreground dark:text-bloom-foreground-dark border border-bloom-line dark:border-bloom-line-dark";
+    readonly coral: string;
+    readonly yellow: string;
+    readonly indigo: string;
+    readonly mint: string;
+    readonly sky: string;
+  };
+}, undefined, "rounded-bloom flex flex-col gap-3 p-6", {
+  tone: {
+    readonly surface: "bg-bloom-surface dark:bg-bloom-surface-dark font-bloom-display text-bloom-foreground dark:text-bloom-foreground-dark border border-bloom-line dark:border-bloom-line-dark";
+    readonly coral: string;
+    readonly yellow: string;
+    readonly indigo: string;
+    readonly mint: string;
+    readonly sky: string;
+  };
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
+  tone: {
+    readonly surface: "bg-bloom-surface dark:bg-bloom-surface-dark font-bloom-display text-bloom-foreground dark:text-bloom-foreground-dark border border-bloom-line dark:border-bloom-line-dark";
+    readonly coral: string;
+    readonly yellow: string;
+    readonly indigo: string;
+    readonly mint: string;
+    readonly sky: string;
+  };
+}, undefined>>;
+type RootProps = ComponentPropsWithRef<'div'> & VariantProps<typeof cardRoot>;
+declare const Root: ({ tone, className, ...props }: RootProps) => import("react").JSX.Element;
+declare const Header: ({ className, ...props }: ComponentPropsWithRef<'div'>) => 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 Content: ({ className, ...props }: ComponentPropsWithRef<'div'>) => import("react").JSX.Element;
+declare const Footer: ({ className, ...props }: ComponentPropsWithRef<'footer'>) => import("react").JSX.Element;
+declare const Icon: ({ className, ...props }: ComponentPropsWithRef<'span'>) => import("react").JSX.Element;
+declare const Card: {
+  Root: typeof Root;
+  Icon: typeof Icon;
+  Header: typeof Header;
+  Title: typeof Title;
+  Description: typeof Description;
+  Content: typeof Content;
+  Footer: typeof Footer;
+};
+type CardProps = RootProps;
+//#endregion
+export { Card, type CardProps };

package/dist/card.js

@@ -0,0 +1,63 @@
+import { tv } from "./lib/tv.js";
+import { displayTitle, mutedText } from "./lib/text-styles.js";
+import { surfaceTones } from "./lib/tones.js";
+import { iconTile } from "./lib/icon-tile.js";
+import { jsx } from "react/jsx-runtime";
+import { Card as Card$1 } from "@journ/nude/card";
+//#region src/card.tsx
+const cardRoot = tv({
+	base: "rounded-bloom flex flex-col gap-3 p-6",
+	variants: { tone: surfaceTones },
+	defaultVariants: { tone: "surface" }
+});
+const cardHeader = tv({ base: "flex items-start justify-between gap-4" });
+const cardTitle = tv({ base: displayTitle });
+const cardDescription = tv({ base: mutedText });
+const cardContent = tv({ base: "flex flex-col gap-2" });
+const cardFooter = tv({ base: "flex flex-wrap items-center gap-2" });
+const Root = ({ tone, className, ...props }) => /* @__PURE__ */ jsx(Card$1.Root, {
+	...props,
+	className: cardRoot({
+		tone,
+		class: className
+	})
+});
+const Header = ({ className, ...props }) => /* @__PURE__ */ jsx(Card$1.Header, {
+	...props,
+	className: cardHeader({ class: className })
+});
+const Title = ({ className, ...props }) => /* @__PURE__ */ jsx(Card$1.Title, {
+	...props,
+	className: cardTitle({ class: className })
+});
+const Description = ({ className, ...props }) => /* @__PURE__ */ jsx(Card$1.Description, {
+	...props,
+	className: cardDescription({ class: className })
+});
+const Content = ({ className, ...props }) => /* @__PURE__ */ jsx(Card$1.Content, {
+	...props,
+	className: cardContent({ class: className })
+});
+const Footer = ({ className, ...props }) => /* @__PURE__ */ jsx(Card$1.Footer, {
+	...props,
+	className: cardFooter({ class: className })
+});
+const Icon = ({ className, ...props }) => /* @__PURE__ */ jsx(Card$1.Icon, {
+	...props,
+	className: iconTile({
+		size: "md",
+		tone: "outline",
+		class: className
+	})
+});
+const Card = {
+	Root,
+	Icon,
+	Header,
+	Title,
+	Description,
+	Content,
+	Footer
+};
+//#endregion
+export { Card };

package/dist/carousel-parts.d.ts

@@ -0,0 +1,13 @@
+import { IconButtonProps } from "./icon-button.js";
+import { ComponentPropsWithRef } from "react";
+import * as Nude from "@journ/nude/carousel-parts";
+//#region src/carousel-parts.d.ts
+declare const useCarousel: any;
+type RootProps = Nude.RootProps;
+declare const Root: ({ className, ...props }: RootProps) => import("react").JSX.Element;
+declare const Content: ({ className, ...props }: ComponentPropsWithRef<'div'>) => import("react").JSX.Element;
+declare const Item: ({ className, ...props }: ComponentPropsWithRef<'div'>) => import("react").JSX.Element;
+declare const Previous: ({ tone, size, className, children, ...props }: IconButtonProps) => import("react").JSX.Element;
+declare const Next: ({ tone, size, className, children, ...props }: IconButtonProps) => import("react").JSX.Element;
+//#endregion
+export { Content, Item, Next, Previous, Root, type RootProps, useCarousel };