@journ/bloom 0.1.1 → 0.1.2

package/dist/stack-parts.d.ts

@@ -1,39 +1,14 @@
-import { VariantProps } from "./lib/tv.js";
-import { ComponentPropsWithRef } from "react";
+import { SurfaceTone } from "./lib/tones.js";
+import { JSX } from "react";
 import * as Nude from "@journ/nude/stack-parts";
+import { Styled } from "@journ/nude/styled";
 //#region src/stack-parts.d.ts
-declare const Root: ({ className, ...props }: Nude.RootProps) => import("react").JSX.Element;
-declare const stackItem: 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 relative -mt-6 flex flex-col gap-3 p-5 pb-9 data-[active=true]:pb-5", {
-  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 ItemProps = Nude.ItemProps & VariantProps<typeof stackItem>;
-declare const Item: ({ tone, className, ...props }: ItemProps) => import("react").JSX.Element;
-declare const Trigger: ({ className, ...props }: ComponentPropsWithRef<'button'>) => import("react").JSX.Element;
-declare const Content: ({ className, ...props }: ComponentPropsWithRef<'div'>) => import("react").JSX.Element;
+declare const Root: ({ className, ...props }: Nude.RootProps) => JSX.Element;
+type ItemProps = Nude.ItemProps & {
+  tone?: SurfaceTone;
+};
+declare const Item: ({ tone, className, ...props }: ItemProps) => JSX.Element;
+declare const Trigger: Styled<"button">;
+declare const Content: Styled<"div">;
 //#endregion
 export { Content, Item, Root, Trigger };

package/dist/stat.d.ts

@@ -1,9 +1,9 @@
-import { ComponentPropsWithRef } from "react";
+import { Styled } from "@journ/nude/styled";
 //#region src/stat.d.ts
-declare const Root: ({ className, ...props }: ComponentPropsWithRef<'div'>) => import("react").JSX.Element;
-declare const Label: ({ className, ...props }: ComponentPropsWithRef<'p'>) => import("react").JSX.Element;
-declare const Value: ({ className, ...props }: ComponentPropsWithRef<'p'>) => import("react").JSX.Element;
-declare const Hint: ({ className, ...props }: ComponentPropsWithRef<'p'>) => import("react").JSX.Element;
+declare const Root: Styled<"div">;
+declare const Label: Styled<"p">;
+declare const Value: Styled<"p">;
+declare const Hint: Styled<"p">;
 declare const Stat: {
   Root: typeof Root;
   Label: typeof Label;

package/dist/step-button.d.ts

@@ -1,10 +1,12 @@
 import { IconButtonProps } from "./icon-button.js";
 import { LucideIcon } from "lucide-react";
+import { JSX } from "react";
 //#region src/step-button.d.ts
-type StepButtonStyle = Pick<IconButtonProps, 'tone' | 'size' | 'className' | 'children'>;
-declare const stepButton: (Icon: LucideIcon, { tone, size, className, children }: StepButtonStyle) => {
+type StepButtonStyle = Pick<IconButtonProps, "tone" | "size" | "className" | "children">;
+type StepButtonProps = {
   className: string;
-  children: import("react").JSX.Element;
+  children: JSX.Element;
 };
+declare const stepButton: (Icon: LucideIcon, { tone, size, className, children }: StepButtonStyle) => StepButtonProps;
 //#endregion
 export { stepButton };

package/dist/stepper-parts.d.ts

@@ -1,10 +1,10 @@
-import { ComponentPropsWithRef } from "react";
 import * as Nude from "@journ/nude/stepper-parts";
+import { Styled } from "@journ/nude/styled";
 //#region src/stepper-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;
-declare const Indicator: ({ className, children, ...props }: ComponentPropsWithRef<'span'>) => import("react").JSX.Element;
-declare const Label: ({ className, ...props }: ComponentPropsWithRef<'span'>) => import("react").JSX.Element;
-declare const Description: ({ className, ...props }: ComponentPropsWithRef<'span'>) => import("react").JSX.Element;
+declare const Root: Styled<typeof Nude.Root>;
+declare const Item: Styled<typeof Nude.Item>;
+declare const Indicator: Styled<"span">;
+declare const Label: Styled<"span">;
+declare const Description: Styled<"span">;
 //#endregion
 export { Description, Indicator, Item, Label, Root };

package/dist/switch-parts.d.ts

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

package/dist/table.d.ts

@@ -1,12 +1,12 @@
-import { ComponentPropsWithRef } from "react";
+import { Styled } from "@journ/nude/styled";
 //#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 Root: Styled<"table">;
+declare const Caption: Styled<"caption">;
+declare const Head: Styled<"thead">;
+declare const Body: Styled<"tbody">;
+declare const Row: Styled<"tr">;
+declare const Header: Styled<"th">;
+declare const Cell: Styled<"td">;
 declare const Table: {
   Root: typeof Root;
   Caption: typeof Caption;

package/dist/tabs-parts.d.ts

@@ -1,9 +1,9 @@
-import { ComponentPropsWithRef } from "react";
 import * as Nude from "@journ/nude/tabs-parts";
+import { Styled } from "@journ/nude/styled";
 //#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;
+declare const Root: Styled<typeof Nude.Root>;
+declare const List: Styled<typeof Nude.List>;
+declare const Trigger: Styled<typeof Nude.Trigger>;
+declare const Content: Styled<typeof Nude.Content>;
 //#endregion
 export { Content, List, Root, Trigger };

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

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

package/dist/tag-input-parts.js

@@ -5,7 +5,7 @@ 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 useTagInput = Nude.useTagInput;
 const components = { Tag: Chip.Tag };
 const Root = ({ className, ...props }) => /* @__PURE__ */ jsx(Nude.Root, {
 	...props,

package/dist/text-morph.d.ts

@@ -1,6 +1,7 @@
+import { JSX } from "react";
 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;
+type TextMorphProps = Omit<TextMorphProps$1, "classNames">;
+declare const TextMorph: ({ className, ...props }: TextMorphProps) => JSX.Element;
 //#endregion
 export { TextMorph, type TextMorphProps };

package/dist/text-shimmer.d.ts

@@ -1,9 +1,9 @@
-import { ComponentPropsWithRef, ElementType } from "react";
+import { ComponentPropsWithRef, ElementType, JSX } from "react";
 //#region src/text-shimmer.d.ts
-type TextShimmerProps = ComponentPropsWithRef<'span'> & {
+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;
+declare const TextShimmer: ({ as: Component, className, ...props }: TextShimmerProps) => JSX.Element;
 //#endregion
 export { TextShimmer, type TextShimmerProps };

package/dist/text.d.ts

@@ -1,38 +1,11 @@
-import { VariantProps } from "./lib/tv.js";
-import { ComponentPropsWithRef } from "react";
+import { ComponentPropsWithRef, JSX } 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;
+type TextSize = "sm" | "md" | "lg";
+type TextTone = "default" | "muted";
+type TextProps = ComponentPropsWithRef<"p"> & {
+  size?: TextSize;
+  tone?: TextTone;
+};
+declare const Text: ({ size, tone, className, ...props }: TextProps) => JSX.Element;
 //#endregion
 export { Text, type TextProps };

package/dist/textarea.d.ts

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

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

@@ -1,10 +1,10 @@
-import { ComponentPropsWithRef } from "react";
 import * as Nude from "@journ/nude/time-range-parts";
 import { RootProps, TimeRangeValue } from "@journ/nude/time-range-parts";
+import { Styled } from "@journ/nude/styled";
 //#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;
+declare const Root: typeof Nude.Root;
+declare const Start: Styled<typeof Nude.Start>;
+declare const Stop: Styled<typeof Nude.Stop>;
+declare const Duration: Styled<typeof Nude.Duration>;
 //#endregion
 export { Duration, Root, type RootProps, Start, Stop, type TimeRangeValue };

package/dist/time-range.d.ts

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

package/dist/toast-parts.d.ts

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

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

@@ -1,7 +1,7 @@
-import { ComponentPropsWithRef } from "react";
 import * as Nude from "@journ/nude/toggle-group-parts";
+import { Styled } from "@journ/nude/styled";
 //#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;
+declare const Root: Styled<typeof Nude.Root>;
+declare const Item: Styled<typeof Nude.Item>;
 //#endregion
 export { Item, Root };

package/dist/tooltip-parts.d.ts

@@ -1,9 +1,9 @@
-import { ComponentPropsWithRef } from "react";
 import * as Nude from "@journ/nude/tooltip-parts";
+import { Styled } from "@journ/nude/styled";
 //#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;
+declare const Provider: typeof Nude.Provider;
+declare const Root: typeof Nude.Root;
+declare const Trigger: typeof Nude.Trigger;
+declare const Content: Styled<typeof Nude.Content>;
 //#endregion
 export { Content, Provider, Root, Trigger };

package/dist/tooltip.d.ts

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

package/dist/touch-target.d.ts

@@ -1,7 +1,8 @@
+import { JSX } from "react";
 //#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;
+}) => JSX.Element;
 //#endregion
 export { TouchTarget };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@journ/bloom",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "Styled UI library A. Wraps nude primitives with a Tailwind style layer and ships precompiled, prefixed CSS. Sibling of lotus, web only.",
   "license": "MIT",
   "repository": {
@@ -45,7 +45,7 @@
     "lucide-react": "^1.48.0",
     "tailwind-variants": "^3.3.1",
     "@journ/lift": "0.1.1",
-    "@journ/nude": "0.1.1"
+    "@journ/nude": "0.1.2"
   },
   "devDependencies": {
     "@tailwindcss/cli": "^4.3.3",