@journ/bloom 0.1.1

package/dist/table.d.ts

@@ -0,0 +1,20 @@
+import { ComponentPropsWithRef } from "react";
+//#region src/table.d.ts
+declare const Root: ({ className, ...props }: ComponentPropsWithRef<'table'>) => import("react").JSX.Element;
+declare const Caption: ({ className, ...props }: ComponentPropsWithRef<'caption'>) => import("react").JSX.Element;
+declare const Head: ({ className, ...props }: ComponentPropsWithRef<'thead'>) => import("react").JSX.Element;
+declare const Body: ({ className, ...props }: ComponentPropsWithRef<'tbody'>) => import("react").JSX.Element;
+declare const Row: ({ className, ...props }: ComponentPropsWithRef<'tr'>) => import("react").JSX.Element;
+declare const Header: ({ className, ...props }: ComponentPropsWithRef<'th'>) => import("react").JSX.Element;
+declare const Cell: ({ className, ...props }: ComponentPropsWithRef<'td'>) => import("react").JSX.Element;
+declare const Table: {
+  Root: typeof Root;
+  Caption: typeof Caption;
+  Head: typeof Head;
+  Body: typeof Body;
+  Row: typeof Row;
+  Header: typeof Header;
+  Cell: typeof Cell;
+};
+//#endregion
+export { Table };

package/dist/table.js

@@ -0,0 +1,48 @@
+import { cn } from "./lib/cn.js";
+import { mutedText } from "./lib/text-styles.js";
+import { jsx } from "react/jsx-runtime";
+import { Table as Table$1 } from "@journ/nude/table";
+//#region src/table.tsx
+const Root = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	"data-slot": "table-container",
+	className: "scrollbar-bloom w-full overflow-x-auto",
+	children: /* @__PURE__ */ jsx(Table$1.Root, {
+		...props,
+		className: cn("w-full caption-bottom border-collapse text-left text-sm/6", className)
+	})
+});
+const Caption = ({ className, ...props }) => /* @__PURE__ */ jsx(Table$1.Caption, {
+	...props,
+	className: cn("mt-4 text-left", mutedText, className)
+});
+const Head = ({ className, ...props }) => /* @__PURE__ */ jsx(Table$1.Head, {
+	...props,
+	className: cn("border border-current/10", className)
+});
+const Body = ({ className, ...props }) => /* @__PURE__ */ jsx(Table$1.Body, {
+	...props,
+	className: cn("border border-current/10 [&>tr:last-child]:border-b-0", className)
+});
+const Row = ({ className, ...props }) => /* @__PURE__ */ jsx(Table$1.Row, {
+	...props,
+	className: cn("border-b border-current/10 hover:bg-current/5", className)
+});
+const Header = ({ className, ...props }) => /* @__PURE__ */ jsx(Table$1.Header, {
+	...props,
+	className: cn("h-12 border-r border-b border-current/10 px-4 font-medium text-current/60 last:border-r-0", className)
+});
+const Cell = ({ className, ...props }) => /* @__PURE__ */ jsx(Table$1.Cell, {
+	...props,
+	className: cn("border-r border-current/10 px-4 py-2 tabular-nums last:border-r-0", className)
+});
+const Table = {
+	Root,
+	Caption,
+	Head,
+	Body,
+	Row,
+	Header,
+	Cell
+};
+//#endregion
+export { Table };

package/dist/tabs-parts.d.ts

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

package/dist/tabs-parts.js

@@ -0,0 +1,25 @@
+"use client";
+import { cn } from "./lib/cn.js";
+import { pressReset } from "./lib/interactive.js";
+import { controlSize, selectedWhenActive } from "./lib/text-styles.js";
+import { jsx } from "react/jsx-runtime";
+import * as Nude from "@journ/nude/tabs-parts";
+//#region src/tabs-parts.tsx
+const Root = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Root, {
+	...props,
+	className: cn("flex flex-col gap-4", className)
+});
+const List = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.List, {
+	...props,
+	className: cn("flex items-center bg-current/8 p-1", className)
+});
+const Trigger = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Trigger, {
+	...props,
+	className: cn(pressReset, controlSize, "flex-1 cursor-default px-3 font-medium outline-none transition-colors data-[state=inactive]:text-current/60", "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-bloom-sky", selectedWhenActive, "disabled:pointer-events-none disabled:opacity-50", className)
+});
+const Content = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Content, {
+	...props,
+	className: cn("outline-none focus-visible:outline-2 focus-visible:outline-bloom-sky", className)
+});
+//#endregion
+export { Content, List, Root, Trigger };

package/dist/tabs.d.ts

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

package/dist/tabs.js

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

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

@@ -0,0 +1,15 @@
+import { Chip } from "./chip.js";
+import { ComponentPropsWithRef } from "react";
+import * as Nude from "@journ/nude/tag-input-parts";
+//#region src/tag-input-parts.d.ts
+declare const useTagInput: any;
+type RootProps = Nude.RootProps;
+declare const Root: ({ className, ...props }: RootProps) => import("react").JSX.Element;
+type TagProps = Omit<ComponentPropsWithRef<typeof Chip.Tag>, 'children' | 'onRemove'> & {
+  value: string;
+};
+declare const Tag: (props: TagProps) => import("react").JSX.Element;
+declare const Tags: () => import("react").JSX.Element;
+declare const Field: ({ className, ...props }: ComponentPropsWithRef<typeof Nude.Field>) => import("react").JSX.Element;
+//#endregion
+export { Field, Root, type RootProps, Tag, Tags, useTagInput };

package/dist/tag-input-parts.js

@@ -0,0 +1,24 @@
+"use client";
+import { cn } from "./lib/cn.js";
+import { Chip } from "./chip.js";
+import { composerInput, composerRoot } from "./composer.js";
+import { jsx } from "react/jsx-runtime";
+import * as Nude from "@journ/nude/tag-input-parts";
+//#region src/tag-input-parts.tsx
+const { useTagInput } = Nude;
+const components = { Tag: Chip.Tag };
+const Root = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Root, {
+	...props,
+	className: composerRoot(cn("flex-wrap", className))
+});
+const Tag = (props) => /* @__PURE__ */ jsx(Nude.Tag, {
+	...props,
+	components
+});
+const Tags = () => /* @__PURE__ */ jsx(Nude.Tags, { components });
+const Field = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Field, {
+	...props,
+	className: composerInput(cn("min-w-24", className))
+});
+//#endregion
+export { Field, Root, Tag, Tags, useTagInput };

package/dist/tag-input.d.ts

@@ -0,0 +1,10 @@
+import { Field, Root, RootProps, Tag, Tags, useTagInput } from "./tag-input-parts.js";
+//#region src/tag-input.d.ts
+declare const TagInput: {
+  Root: typeof Root;
+  Tags: typeof Tags;
+  Tag: typeof Tag;
+  Field: typeof Field;
+};
+//#endregion
+export { TagInput, type RootProps as TagInputProps, useTagInput };

package/dist/tag-input.js

@@ -0,0 +1,10 @@
+import { Field, Root, Tag, Tags, useTagInput } from "./tag-input-parts.js";
+//#region src/tag-input.tsx
+const TagInput = {
+	Root,
+	Tags,
+	Tag,
+	Field
+};
+//#endregion
+export { TagInput, useTagInput };

package/dist/text-morph.d.ts

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

package/dist/text-morph.js

@@ -0,0 +1,14 @@
+import { cn } from "./lib/cn.js";
+import { jsx } from "react/jsx-runtime";
+import { TextMorph as TextMorph$1 } from "@journ/nude/text-morph";
+//#region src/text-morph.tsx
+const TextMorph = ({ className, ...props }) => /* @__PURE__ */ jsx(TextMorph$1, {
+	...props,
+	className: cn("whitespace-pre", className),
+	classNames: {
+		label: "sr-only",
+		char: "inline-block whitespace-pre"
+	}
+});
+//#endregion
+export { TextMorph };

package/dist/text-shimmer.d.ts

@@ -0,0 +1,9 @@
+import { ComponentPropsWithRef, ElementType } from "react";
+//#region src/text-shimmer.d.ts
+type TextShimmerProps = ComponentPropsWithRef<'span'> & {
+  /** The element to render, `span` by default. */
+  as?: ElementType;
+};
+declare const TextShimmer: ({ as: Component, className, ...props }: TextShimmerProps) => import("react").JSX.Element;
+//#endregion
+export { TextShimmer, type TextShimmerProps };

package/dist/text-shimmer.js

@@ -0,0 +1,12 @@
+import { cn } from "./lib/cn.js";
+import { shimmer } from "./lib/theme.js";
+import { jsx } from "react/jsx-runtime";
+import { TextShimmer as TextShimmer$1 } from "@journ/nude/text-shimmer";
+//#region src/text-shimmer.tsx
+const TextShimmer = ({ as: Component = "span", className, ...props }) => /* @__PURE__ */ jsx(TextShimmer$1, {
+	as: Component,
+	...props,
+	className: cn(shimmer, "animate-bloom-shimmer bg-size-[200%_100%] bg-clip-text text-transparent motion-reduce:animate-none", className)
+});
+//#endregion
+export { TextShimmer };

package/dist/text.d.ts

@@ -0,0 +1,38 @@
+import { VariantProps } from "./lib/tv.js";
+import { ComponentPropsWithRef } from "react";
+//#region src/text.d.ts
+declare const text: import("tailwind-variants").TVReturnType<{
+  size: {
+    sm: "text-xs/5";
+    md: "text-sm/6";
+    lg: "text-base/7";
+  };
+  tone: {
+    default: "";
+    muted: "opacity-60";
+  };
+}, undefined, "text-pretty", {
+  size: {
+    sm: "text-xs/5";
+    md: "text-sm/6";
+    lg: "text-base/7";
+  };
+  tone: {
+    default: "";
+    muted: "opacity-60";
+  };
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
+  size: {
+    sm: "text-xs/5";
+    md: "text-sm/6";
+    lg: "text-base/7";
+  };
+  tone: {
+    default: "";
+    muted: "opacity-60";
+  };
+}, undefined>>;
+type TextProps = ComponentPropsWithRef<'p'> & VariantProps<typeof text>;
+declare const Text: ({ size, tone, className, ...props }: TextProps) => import("react").JSX.Element;
+//#endregion
+export { Text, type TextProps };

package/dist/text.js

@@ -0,0 +1,32 @@
+import { tv } from "./lib/tv.js";
+import { jsx } from "react/jsx-runtime";
+import { Text as Text$1 } from "@journ/nude/text";
+//#region src/text.tsx
+const text = tv({
+	base: "text-pretty",
+	variants: {
+		size: {
+			sm: "text-xs/5",
+			md: "text-sm/6",
+			lg: "text-base/7"
+		},
+		tone: {
+			default: "",
+			muted: "opacity-60"
+		}
+	},
+	defaultVariants: {
+		size: "md",
+		tone: "default"
+	}
+});
+const Text = ({ size, tone, className, ...props }) => /* @__PURE__ */ jsx(Text$1, {
+	...props,
+	className: text({
+		size,
+		tone,
+		class: className
+	})
+});
+//#endregion
+export { Text };

package/dist/textarea.d.ts

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

package/dist/textarea.js

@@ -0,0 +1,12 @@
+import { cn } from "./lib/cn.js";
+import { field } from "./input.js";
+import { jsx } from "react/jsx-runtime";
+import { Textarea as Textarea$1 } from "@journ/nude/textarea";
+//#region src/textarea.tsx
+const Textarea = ({ className, rows = 4, ...props }) => /* @__PURE__ */ jsx(Textarea$1, {
+	rows,
+	...props,
+	className: cn(field, "resize-y", className)
+});
+//#endregion
+export { Textarea };

package/dist/time-range-parts.d.ts

@@ -0,0 +1,10 @@
+import { ComponentPropsWithRef } from "react";
+import * as Nude from "@journ/nude/time-range-parts";
+import { RootProps, TimeRangeValue } from "@journ/nude/time-range-parts";
+//#region src/time-range-parts.d.ts
+declare const Root: any;
+declare const Start: ({ className, ...props }: ComponentPropsWithRef<typeof Nude.Start>) => import("react").JSX.Element;
+declare const Stop: ({ className, ...props }: ComponentPropsWithRef<typeof Nude.Stop>) => import("react").JSX.Element;
+declare const Duration: ({ className, ...props }: ComponentPropsWithRef<typeof Nude.Duration>) => import("react").JSX.Element;
+//#endregion
+export { Duration, Root, type RootProps, Start, Stop, type TimeRangeValue };

package/dist/time-range-parts.js

@@ -0,0 +1,22 @@
+"use client";
+import { cn } from "./lib/cn.js";
+import { mutedText } from "./lib/text-styles.js";
+import { input } from "./input.js";
+import { jsx } from "react/jsx-runtime";
+import * as Nude from "@journ/nude/time-range-parts";
+//#region src/time-range-parts.tsx
+const Root = Nude.Root;
+const Start = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Start, {
+	...props,
+	className: input(cn("tabular-nums", className))
+});
+const Stop = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Stop, {
+	...props,
+	className: input(cn("tabular-nums", className))
+});
+const Duration = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Duration, {
+	...props,
+	className: cn(mutedText, "tabular-nums", className)
+});
+//#endregion
+export { Duration, Root, Start, Stop };

package/dist/time-range.d.ts

@@ -0,0 +1,10 @@
+import { Duration, RootProps, Start, Stop, TimeRangeValue } from "./time-range-parts.js";
+//#region src/time-range.d.ts
+declare const TimeRange: {
+  Root: any;
+  Start: typeof Start;
+  Stop: typeof Stop;
+  Duration: typeof Duration;
+};
+//#endregion
+export { TimeRange, type RootProps as TimeRangeProps, type TimeRangeValue };

package/dist/time-range.js

@@ -0,0 +1,10 @@
+import { Duration, Root, Start, Stop } from "./time-range-parts.js";
+//#region src/time-range.tsx
+const TimeRange = {
+	Root,
+	Start,
+	Stop,
+	Duration
+};
+//#endregion
+export { TimeRange };

package/dist/toast-parts.d.ts

@@ -0,0 +1,11 @@
+import { ComponentPropsWithRef } from "react";
+import * as Nude from "@journ/nude/toast-parts";
+//#region src/toast-parts.d.ts
+declare const Provider: (props: ComponentPropsWithRef<typeof Nude.Provider>) => import("react").JSX.Element;
+declare const show: typeof Nude.show;
+declare const Root: ({ className, ...props }: ComponentPropsWithRef<'div'>) => import("react").JSX.Element;
+declare const Title: ({ className, ...props }: ComponentPropsWithRef<'p'>) => import("react").JSX.Element;
+declare const Description: ({ className, ...props }: ComponentPropsWithRef<'p'>) => import("react").JSX.Element;
+declare const Action: ({ className, ...props }: ComponentPropsWithRef<'button'>) => import("react").JSX.Element;
+//#endregion
+export { Action, Description, Provider, Root, Title, show };

package/dist/toast-parts.js

@@ -0,0 +1,39 @@
+"use client";
+import { cn } from "./lib/cn.js";
+import { displayLabel } from "./lib/text-styles.js";
+import { line, raised } from "./lib/theme.js";
+import { jsx } from "react/jsx-runtime";
+import * as Nude from "@journ/nude/toast-parts";
+//#region src/toast-parts.tsx
+const outlinedAction = `border ${line} bg-transparent h-8 shrink-0 px-3 text-sm font-medium whitespace-nowrap`;
+const Provider = (props) => /* @__PURE__ */ jsx(Nude.Provider, {
+	position: "top-center",
+	...props,
+	toastOptions: { classNames: {
+		toast: `${raised} flex w-full max-w-sm items-center gap-3 rounded-bloom p-5 shadow-md`,
+		title: displayLabel,
+		description: "text-xs/5 opacity-60",
+		actionButton: `${outlinedAction} ml-auto`,
+		cancelButton: outlinedAction
+	} }
+});
+const show = Nude.show;
+const Root = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Root, {
+	...props,
+	className: cn(raised, "flex w-full max-w-sm items-center gap-3 rounded-bloom p-5 shadow-md", className)
+});
+const Title = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Title, {
+	...props,
+	className: cn(displayLabel, className)
+});
+const Description = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Description, {
+	...props,
+	className: cn("text-xs/5 opacity-60", className)
+});
+const Action = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Action, {
+	type: "button",
+	...props,
+	className: cn(outlinedAction, "ml-auto", className)
+});
+//#endregion
+export { Action, Description, Provider, Root, Title, show };

package/dist/toast.d.ts

@@ -0,0 +1,13 @@
+import { Action, Description, Provider, Root, Title, show } from "./toast-parts.js";
+//#region src/toast.d.ts
+type ToastParts = {
+  Provider: typeof Provider;
+  show: typeof show;
+  Root: typeof Root;
+  Title: typeof Title;
+  Description: typeof Description;
+  Action: typeof Action;
+};
+declare const Toast: ToastParts;
+//#endregion
+export { Toast };

package/dist/toast.js

@@ -0,0 +1,12 @@
+import { Action, Description, Provider, Root, Title, show } from "./toast-parts.js";
+//#region src/toast.tsx
+const Toast = {
+	Provider,
+	show,
+	Root,
+	Title,
+	Description,
+	Action
+};
+//#endregion
+export { Toast };

package/dist/toggle-group-parts.d.ts

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

package/dist/toggle-group-parts.js

@@ -0,0 +1,17 @@
+"use client";
+import { cn } from "./lib/cn.js";
+import { pressReset } from "./lib/interactive.js";
+import { controlSize, selectedWhenOn } from "./lib/text-styles.js";
+import { jsx } from "react/jsx-runtime";
+import * as Nude from "@journ/nude/toggle-group-parts";
+//#region src/toggle-group-parts.tsx
+const Root = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Root, {
+	...props,
+	className: cn("inline-flex items-center bg-current/8 p-1", className)
+});
+const Item = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Item, {
+	...props,
+	className: cn(pressReset, controlSize, "inline-flex cursor-default items-center justify-center gap-1.5 px-3 font-medium outline-none transition-colors data-[state=off]:text-current/60", "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-bloom-sky [&>svg]:size-4", selectedWhenOn, "disabled:pointer-events-none disabled:opacity-50", className)
+});
+//#endregion
+export { Item, Root };

package/dist/toggle-group.d.ts

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

package/dist/toggle-group.js

@@ -0,0 +1,8 @@
+import { Item, Root } from "./toggle-group-parts.js";
+//#region src/toggle-group.tsx
+const ToggleGroup = {
+	Root,
+	Item
+};
+//#endregion
+export { ToggleGroup };

package/dist/tokens.css

@@ -0,0 +1,64 @@
+/*
+ * Design tokens. Override any of them in your own @theme block, imported after
+ * this file. Theme roles come in pairs: `--color-bloom-canvas` is the light
+ * value and `--color-bloom-canvas-dark` the dark one. Components pair them with
+ * Tailwind's `dark:` variant. Without a class it follows the OS; put `.light`
+ * or `.dark` on <html> (or any ancestor) to force a theme.
+ */
+
+/* `dark:` follows the OS unless `.light` is set, and always applies under `.dark`. */
+@custom-variant dark {
+	&:where(.dark, .dark *) {
+		@slot;
+	}
+	@media (prefers-color-scheme: dark) {
+		&:where(:not(.light, .light *)) {
+			@slot;
+		}
+	}
+}
+@theme {
+	/* Palette: the same in both themes. Status colors, used as tints far more than as fills. */
+	--color-bloom-ink: oklch(16% 0 0);
+	--color-bloom-paper: oklch(98.5% 0 0);
+	--color-bloom-coral: oklch(65% 0.24 26);
+	--color-bloom-yellow: oklch(87% 0.17 92);
+	--color-bloom-indigo: oklch(62% 0.19 275);
+	--color-bloom-mint: oklch(74% 0.21 152);
+	--color-bloom-sky: oklch(70% 0.15 245);
+
+	/* Roles, light. */
+	--color-bloom-canvas: oklch(100% 0 0);
+	--color-bloom-surface: oklch(100% 0 0);
+	--color-bloom-foreground: oklch(18% 0 0);
+	--color-bloom-accent: oklch(52% 0.13 75);
+	--color-bloom-line: oklch(88.5% 0.004 95);
+
+	/* Roles, dark. */
+	--color-bloom-canvas-dark: oklch(16% 0 0);
+	--color-bloom-surface-dark: oklch(16% 0 0);
+	--color-bloom-foreground-dark: oklch(98.5% 0 0);
+	--color-bloom-accent-dark: oklch(87% 0.17 92);
+	--color-bloom-line-dark: oklch(22.6% 0 0);
+
+	--font-bloom-display: 'Hedvig Letters Sans', ui-sans-serif, system-ui, sans-serif;
+
+	--radius-bloom: 0rem;
+
+	--animate-bloom-shimmer: bloom-shimmer 2.2s linear infinite;
+
+	@keyframes bloom-shimmer {
+		from {
+			background-position: 100% 0;
+		}
+		to {
+			background-position: -100% 0;
+		}
+	}
+}
+
+/* Thin, quiet scrollbar for native scroll containers. Thumb follows the text color. */
+@utility scrollbar-bloom {
+	scrollbar-width: thin;
+	scrollbar-color: color-mix(in oklab, currentColor 30%, transparent) transparent;
+}

package/dist/tooltip-parts.d.ts

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

package/dist/tooltip-parts.js

@@ -0,0 +1,21 @@
+"use client";
+import { cn } from "./lib/cn.js";
+import { useDropEnter } from "./lib/use-enter.js";
+import { raised } from "./lib/theme.js";
+import { jsx } from "react/jsx-runtime";
+import * as Nude from "@journ/nude/tooltip-parts";
+//#region src/tooltip-parts.tsx
+const Provider = Nude.Provider;
+const Root = Nude.Root;
+const Trigger = Nude.Trigger;
+const Content = ({ className, ...props }) => {
+	const panel = useDropEnter();
+	return /* @__PURE__ */ jsx(Nude.Content, {
+		ref: panel,
+		sideOffset: 8,
+		...props,
+		className: cn(raised, "z-50 max-w-60 px-3 py-1.5 text-sm/5 shadow-md", className)
+	});
+};
+//#endregion
+export { Content, Provider, Root, Trigger };

package/dist/tooltip.d.ts

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

package/dist/tooltip.js

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

package/dist/touch-target.d.ts

@@ -0,0 +1,7 @@
+//#region src/touch-target.d.ts
+/** Grows the hit area to at least 44x44px on touch devices without changing layout. */
+declare const TouchTarget: ({ children }: {
+  children?: React.ReactNode;
+}) => import("react").JSX.Element;
+//#endregion
+export { TouchTarget };