@egcs/newui 0.0.0-stage → 0.1.0-alpha.1

package/dist/types/content/counter/counter.recipe.d.ts

@@ -0,0 +1,81 @@
+export declare const counterLabelClass = "nui:sr-only";
+export declare const counterAnchorRecipe: import("tailwind-variants/lite").TVReturnType<{} | {} | {}, undefined, "nui:relative nui:inline-flex nui:shrink-0 nui:align-middle", {} | {}, undefined, import("tailwind-variants/lite").TVReturnTypeLike<unknown, undefined>>;
+export declare const counterRecipe: import("tailwind-variants/lite").TVReturnType<{
+    placement: {
+        inline: "";
+        "top-end": "nui:absolute nui:z-10 nui:pointer-events-none nui:shadow-[0_0_0_2px_var(--nui-counter-ring,var(--nui-background))] nui:top-0 nui:end-0 nui:translate-x-1/2 nui:-translate-y-1/2";
+        "top-start": "nui:absolute nui:z-10 nui:pointer-events-none nui:shadow-[0_0_0_2px_var(--nui-counter-ring,var(--nui-background))] nui:top-0 nui:start-0 nui:-translate-x-1/2 nui:-translate-y-1/2";
+        "bottom-end": "nui:absolute nui:z-10 nui:pointer-events-none nui:shadow-[0_0_0_2px_var(--nui-counter-ring,var(--nui-background))] nui:bottom-0 nui:end-0 nui:translate-x-1/2 nui:translate-y-1/2";
+        "bottom-start": "nui:absolute nui:z-10 nui:pointer-events-none nui:shadow-[0_0_0_2px_var(--nui-counter-ring,var(--nui-background))] nui:bottom-0 nui:start-0 nui:-translate-x-1/2 nui:translate-y-1/2";
+    };
+    size: {
+        sm: "nui:h-4 nui:min-w-4 nui:px-0.5 nui:text-[0.625rem]";
+        md: "nui:h-5 nui:min-w-5 nui:px-1 nui:text-xs";
+        lg: "nui:h-6 nui:min-w-6 nui:px-1.5 nui:text-sm";
+    };
+    variant: {
+        readonly solid: "nui:[--nui-badge-bg:var(--nui-badge-solid)] nui:[--nui-badge-bg-hover:var(--nui-badge-solid-hover)] nui:[--nui-badge-fg:var(--nui-badge-on-solid)] nui:border-transparent";
+        readonly soft: "nui:[--nui-badge-bg:var(--nui-badge-soft)] nui:[--nui-badge-bg-hover:var(--nui-badge-soft-hover)] nui:[--nui-badge-fg:var(--nui-badge-text)] nui:border-transparent";
+        readonly outline: "nui:[--nui-badge-bg:transparent] nui:[--nui-badge-bg-hover:var(--nui-badge-soft)] nui:[--nui-badge-fg:var(--nui-badge-text)] nui:border-[var(--nui-badge-border)]";
+    };
+    tone: {
+        readonly neutral: "nui:[--nui-badge-solid:var(--nui-neutral)] nui:[--nui-badge-solid-hover:var(--nui-neutral-hover)] nui:[--nui-badge-on-solid:var(--nui-on-neutral)] nui:[--nui-badge-soft:var(--nui-neutral-soft)] nui:[--nui-badge-soft-hover:var(--nui-neutral-soft-hover)] nui:[--nui-badge-text:var(--nui-neutral-text)] nui:[--nui-badge-border:var(--nui-neutral-border)]";
+        readonly primary: "nui:[--nui-badge-solid:var(--nui-primary)] nui:[--nui-badge-solid-hover:var(--nui-primary-hover)] nui:[--nui-badge-on-solid:var(--nui-on-primary)] nui:[--nui-badge-soft:var(--nui-primary-soft)] nui:[--nui-badge-soft-hover:var(--nui-primary-soft-hover)] nui:[--nui-badge-text:var(--nui-primary-text)] nui:[--nui-badge-border:var(--nui-primary-border)]";
+        readonly info: "nui:[--nui-badge-solid:var(--nui-info)] nui:[--nui-badge-solid-hover:var(--nui-info-hover)] nui:[--nui-badge-on-solid:var(--nui-on-info)] nui:[--nui-badge-soft:var(--nui-info-soft)] nui:[--nui-badge-soft-hover:var(--nui-info-soft-hover)] nui:[--nui-badge-text:var(--nui-info-text)] nui:[--nui-badge-border:var(--nui-info-border)]";
+        readonly success: "nui:[--nui-badge-solid:var(--nui-success)] nui:[--nui-badge-solid-hover:var(--nui-success-hover)] nui:[--nui-badge-on-solid:var(--nui-on-success)] nui:[--nui-badge-soft:var(--nui-success-soft)] nui:[--nui-badge-soft-hover:var(--nui-success-soft-hover)] nui:[--nui-badge-text:var(--nui-success-text)] nui:[--nui-badge-border:var(--nui-success-border)]";
+        readonly warning: "nui:[--nui-badge-solid:var(--nui-warning)] nui:[--nui-badge-solid-hover:var(--nui-warning-hover)] nui:[--nui-badge-on-solid:var(--nui-on-warning)] nui:[--nui-badge-soft:var(--nui-warning-soft)] nui:[--nui-badge-soft-hover:var(--nui-warning-soft-hover)] nui:[--nui-badge-text:var(--nui-warning-text)] nui:[--nui-badge-border:var(--nui-warning-border)]";
+        readonly danger: "nui:[--nui-badge-solid:var(--nui-danger)] nui:[--nui-badge-solid-hover:var(--nui-danger-hover)] nui:[--nui-badge-on-solid:var(--nui-on-danger)] nui:[--nui-badge-soft:var(--nui-danger-soft)] nui:[--nui-badge-soft-hover:var(--nui-danger-soft-hover)] nui:[--nui-badge-text:var(--nui-danger-text)] nui:[--nui-badge-border:var(--nui-danger-border)]";
+    };
+}, undefined, "nui-badge nui-counter nui:inline-flex nui:shrink-0 nui:items-center nui:justify-center nui:rounded-full nui:border nui:font-semibold nui:leading-none nui:tabular-nums nui:align-middle nui:whitespace-nowrap", {
+    placement: {
+        inline: "";
+        "top-end": "nui:absolute nui:z-10 nui:pointer-events-none nui:shadow-[0_0_0_2px_var(--nui-counter-ring,var(--nui-background))] nui:top-0 nui:end-0 nui:translate-x-1/2 nui:-translate-y-1/2";
+        "top-start": "nui:absolute nui:z-10 nui:pointer-events-none nui:shadow-[0_0_0_2px_var(--nui-counter-ring,var(--nui-background))] nui:top-0 nui:start-0 nui:-translate-x-1/2 nui:-translate-y-1/2";
+        "bottom-end": "nui:absolute nui:z-10 nui:pointer-events-none nui:shadow-[0_0_0_2px_var(--nui-counter-ring,var(--nui-background))] nui:bottom-0 nui:end-0 nui:translate-x-1/2 nui:translate-y-1/2";
+        "bottom-start": "nui:absolute nui:z-10 nui:pointer-events-none nui:shadow-[0_0_0_2px_var(--nui-counter-ring,var(--nui-background))] nui:bottom-0 nui:start-0 nui:-translate-x-1/2 nui:translate-y-1/2";
+    };
+    size: {
+        sm: "nui:h-4 nui:min-w-4 nui:px-0.5 nui:text-[0.625rem]";
+        md: "nui:h-5 nui:min-w-5 nui:px-1 nui:text-xs";
+        lg: "nui:h-6 nui:min-w-6 nui:px-1.5 nui:text-sm";
+    };
+    variant: {
+        readonly solid: "nui:[--nui-badge-bg:var(--nui-badge-solid)] nui:[--nui-badge-bg-hover:var(--nui-badge-solid-hover)] nui:[--nui-badge-fg:var(--nui-badge-on-solid)] nui:border-transparent";
+        readonly soft: "nui:[--nui-badge-bg:var(--nui-badge-soft)] nui:[--nui-badge-bg-hover:var(--nui-badge-soft-hover)] nui:[--nui-badge-fg:var(--nui-badge-text)] nui:border-transparent";
+        readonly outline: "nui:[--nui-badge-bg:transparent] nui:[--nui-badge-bg-hover:var(--nui-badge-soft)] nui:[--nui-badge-fg:var(--nui-badge-text)] nui:border-[var(--nui-badge-border)]";
+    };
+    tone: {
+        readonly neutral: "nui:[--nui-badge-solid:var(--nui-neutral)] nui:[--nui-badge-solid-hover:var(--nui-neutral-hover)] nui:[--nui-badge-on-solid:var(--nui-on-neutral)] nui:[--nui-badge-soft:var(--nui-neutral-soft)] nui:[--nui-badge-soft-hover:var(--nui-neutral-soft-hover)] nui:[--nui-badge-text:var(--nui-neutral-text)] nui:[--nui-badge-border:var(--nui-neutral-border)]";
+        readonly primary: "nui:[--nui-badge-solid:var(--nui-primary)] nui:[--nui-badge-solid-hover:var(--nui-primary-hover)] nui:[--nui-badge-on-solid:var(--nui-on-primary)] nui:[--nui-badge-soft:var(--nui-primary-soft)] nui:[--nui-badge-soft-hover:var(--nui-primary-soft-hover)] nui:[--nui-badge-text:var(--nui-primary-text)] nui:[--nui-badge-border:var(--nui-primary-border)]";
+        readonly info: "nui:[--nui-badge-solid:var(--nui-info)] nui:[--nui-badge-solid-hover:var(--nui-info-hover)] nui:[--nui-badge-on-solid:var(--nui-on-info)] nui:[--nui-badge-soft:var(--nui-info-soft)] nui:[--nui-badge-soft-hover:var(--nui-info-soft-hover)] nui:[--nui-badge-text:var(--nui-info-text)] nui:[--nui-badge-border:var(--nui-info-border)]";
+        readonly success: "nui:[--nui-badge-solid:var(--nui-success)] nui:[--nui-badge-solid-hover:var(--nui-success-hover)] nui:[--nui-badge-on-solid:var(--nui-on-success)] nui:[--nui-badge-soft:var(--nui-success-soft)] nui:[--nui-badge-soft-hover:var(--nui-success-soft-hover)] nui:[--nui-badge-text:var(--nui-success-text)] nui:[--nui-badge-border:var(--nui-success-border)]";
+        readonly warning: "nui:[--nui-badge-solid:var(--nui-warning)] nui:[--nui-badge-solid-hover:var(--nui-warning-hover)] nui:[--nui-badge-on-solid:var(--nui-on-warning)] nui:[--nui-badge-soft:var(--nui-warning-soft)] nui:[--nui-badge-soft-hover:var(--nui-warning-soft-hover)] nui:[--nui-badge-text:var(--nui-warning-text)] nui:[--nui-badge-border:var(--nui-warning-border)]";
+        readonly danger: "nui:[--nui-badge-solid:var(--nui-danger)] nui:[--nui-badge-solid-hover:var(--nui-danger-hover)] nui:[--nui-badge-on-solid:var(--nui-on-danger)] nui:[--nui-badge-soft:var(--nui-danger-soft)] nui:[--nui-badge-soft-hover:var(--nui-danger-soft-hover)] nui:[--nui-badge-text:var(--nui-danger-text)] nui:[--nui-badge-border:var(--nui-danger-border)]";
+    };
+}, undefined, import("tailwind-variants/lite").TVReturnTypeLike<{
+    placement: {
+        inline: "";
+        "top-end": "nui:absolute nui:z-10 nui:pointer-events-none nui:shadow-[0_0_0_2px_var(--nui-counter-ring,var(--nui-background))] nui:top-0 nui:end-0 nui:translate-x-1/2 nui:-translate-y-1/2";
+        "top-start": "nui:absolute nui:z-10 nui:pointer-events-none nui:shadow-[0_0_0_2px_var(--nui-counter-ring,var(--nui-background))] nui:top-0 nui:start-0 nui:-translate-x-1/2 nui:-translate-y-1/2";
+        "bottom-end": "nui:absolute nui:z-10 nui:pointer-events-none nui:shadow-[0_0_0_2px_var(--nui-counter-ring,var(--nui-background))] nui:bottom-0 nui:end-0 nui:translate-x-1/2 nui:translate-y-1/2";
+        "bottom-start": "nui:absolute nui:z-10 nui:pointer-events-none nui:shadow-[0_0_0_2px_var(--nui-counter-ring,var(--nui-background))] nui:bottom-0 nui:start-0 nui:-translate-x-1/2 nui:translate-y-1/2";
+    };
+    size: {
+        sm: "nui:h-4 nui:min-w-4 nui:px-0.5 nui:text-[0.625rem]";
+        md: "nui:h-5 nui:min-w-5 nui:px-1 nui:text-xs";
+        lg: "nui:h-6 nui:min-w-6 nui:px-1.5 nui:text-sm";
+    };
+    variant: {
+        readonly solid: "nui:[--nui-badge-bg:var(--nui-badge-solid)] nui:[--nui-badge-bg-hover:var(--nui-badge-solid-hover)] nui:[--nui-badge-fg:var(--nui-badge-on-solid)] nui:border-transparent";
+        readonly soft: "nui:[--nui-badge-bg:var(--nui-badge-soft)] nui:[--nui-badge-bg-hover:var(--nui-badge-soft-hover)] nui:[--nui-badge-fg:var(--nui-badge-text)] nui:border-transparent";
+        readonly outline: "nui:[--nui-badge-bg:transparent] nui:[--nui-badge-bg-hover:var(--nui-badge-soft)] nui:[--nui-badge-fg:var(--nui-badge-text)] nui:border-[var(--nui-badge-border)]";
+    };
+    tone: {
+        readonly neutral: "nui:[--nui-badge-solid:var(--nui-neutral)] nui:[--nui-badge-solid-hover:var(--nui-neutral-hover)] nui:[--nui-badge-on-solid:var(--nui-on-neutral)] nui:[--nui-badge-soft:var(--nui-neutral-soft)] nui:[--nui-badge-soft-hover:var(--nui-neutral-soft-hover)] nui:[--nui-badge-text:var(--nui-neutral-text)] nui:[--nui-badge-border:var(--nui-neutral-border)]";
+        readonly primary: "nui:[--nui-badge-solid:var(--nui-primary)] nui:[--nui-badge-solid-hover:var(--nui-primary-hover)] nui:[--nui-badge-on-solid:var(--nui-on-primary)] nui:[--nui-badge-soft:var(--nui-primary-soft)] nui:[--nui-badge-soft-hover:var(--nui-primary-soft-hover)] nui:[--nui-badge-text:var(--nui-primary-text)] nui:[--nui-badge-border:var(--nui-primary-border)]";
+        readonly info: "nui:[--nui-badge-solid:var(--nui-info)] nui:[--nui-badge-solid-hover:var(--nui-info-hover)] nui:[--nui-badge-on-solid:var(--nui-on-info)] nui:[--nui-badge-soft:var(--nui-info-soft)] nui:[--nui-badge-soft-hover:var(--nui-info-soft-hover)] nui:[--nui-badge-text:var(--nui-info-text)] nui:[--nui-badge-border:var(--nui-info-border)]";
+        readonly success: "nui:[--nui-badge-solid:var(--nui-success)] nui:[--nui-badge-solid-hover:var(--nui-success-hover)] nui:[--nui-badge-on-solid:var(--nui-on-success)] nui:[--nui-badge-soft:var(--nui-success-soft)] nui:[--nui-badge-soft-hover:var(--nui-success-soft-hover)] nui:[--nui-badge-text:var(--nui-success-text)] nui:[--nui-badge-border:var(--nui-success-border)]";
+        readonly warning: "nui:[--nui-badge-solid:var(--nui-warning)] nui:[--nui-badge-solid-hover:var(--nui-warning-hover)] nui:[--nui-badge-on-solid:var(--nui-on-warning)] nui:[--nui-badge-soft:var(--nui-warning-soft)] nui:[--nui-badge-soft-hover:var(--nui-warning-soft-hover)] nui:[--nui-badge-text:var(--nui-warning-text)] nui:[--nui-badge-border:var(--nui-warning-border)]";
+        readonly danger: "nui:[--nui-badge-solid:var(--nui-danger)] nui:[--nui-badge-solid-hover:var(--nui-danger-hover)] nui:[--nui-badge-on-solid:var(--nui-on-danger)] nui:[--nui-badge-soft:var(--nui-danger-soft)] nui:[--nui-badge-soft-hover:var(--nui-danger-soft-hover)] nui:[--nui-badge-text:var(--nui-danger-text)] nui:[--nui-badge-border:var(--nui-danger-border)]";
+    };
+}, undefined>>;

package/dist/types/content/disclosure-chevron.d.ts

@@ -0,0 +1 @@
+export declare function DisclosureChevron(): import("solid-js").JSX.Element;

package/dist/types/content/disclosure.recipe.d.ts

@@ -0,0 +1,43 @@
+export declare const disclosureRecipe: import("tailwind-variants/lite").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-variants/lite").ClassValue | {
+            body?: import("tailwind-variants/lite").ClassValue;
+            trigger?: import("tailwind-variants/lite").ClassValue;
+            content?: import("tailwind-variants/lite").ClassValue;
+            indicator?: import("tailwind-variants/lite").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants/lite").ClassValue | {
+            body?: import("tailwind-variants/lite").ClassValue;
+            trigger?: import("tailwind-variants/lite").ClassValue;
+            content?: import("tailwind-variants/lite").ClassValue;
+            indicator?: import("tailwind-variants/lite").ClassValue;
+        };
+    };
+} | {}, {
+    trigger: string;
+    indicator: string;
+    content: string;
+    body: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants/lite").ClassValue | {
+            body?: import("tailwind-variants/lite").ClassValue;
+            trigger?: import("tailwind-variants/lite").ClassValue;
+            content?: import("tailwind-variants/lite").ClassValue;
+            indicator?: import("tailwind-variants/lite").ClassValue;
+        };
+    };
+} | {}, {
+    trigger: string;
+    indicator: string;
+    content: string;
+    body: string;
+}, import("tailwind-variants/lite").TVReturnTypeLike<unknown, {
+    trigger: string;
+    indicator: string;
+    content: string;
+    body: string;
+}>>;

package/dist/types/content/heading/heading.d.ts

@@ -0,0 +1,7 @@
+import type { JSX } from "solid-js";
+import type { VariantProps } from "tailwind-variants/lite";
+import { headingRecipe } from "./heading.recipe";
+export type HeadingProps = JSX.HTMLAttributes<HTMLHeadingElement> & VariantProps<typeof headingRecipe> & {
+    as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+};
+export declare function Heading(props: HeadingProps): JSX.Element;

package/dist/types/content/heading/heading.recipe.d.ts

@@ -0,0 +1,28 @@
+export declare const headingRecipe: import("tailwind-variants/lite").TVReturnType<{
+    size: {
+        "1": "nui:text-5xl nui:leading-tight";
+        "2": "nui:text-[length:var(--nui-font-size-display-md)] nui:leading-tight";
+        "3": "nui:text-[length:var(--nui-font-size-display-sm)] nui:leading-tight";
+        "4": "nui:text-2xl nui:leading-tight";
+        "5": "nui:text-xl nui:leading-snug";
+        "6": "nui:text-base nui:leading-snug";
+    };
+}, undefined, "nui:m-0 nui:font-semibold nui:tracking-tight nui:text-foreground nui:text-balance nui:wrap-break-word", {
+    size: {
+        "1": "nui:text-5xl nui:leading-tight";
+        "2": "nui:text-[length:var(--nui-font-size-display-md)] nui:leading-tight";
+        "3": "nui:text-[length:var(--nui-font-size-display-sm)] nui:leading-tight";
+        "4": "nui:text-2xl nui:leading-tight";
+        "5": "nui:text-xl nui:leading-snug";
+        "6": "nui:text-base nui:leading-snug";
+    };
+}, undefined, import("tailwind-variants/lite").TVReturnTypeLike<{
+    size: {
+        "1": "nui:text-5xl nui:leading-tight";
+        "2": "nui:text-[length:var(--nui-font-size-display-md)] nui:leading-tight";
+        "3": "nui:text-[length:var(--nui-font-size-display-sm)] nui:leading-tight";
+        "4": "nui:text-2xl nui:leading-tight";
+        "5": "nui:text-xl nui:leading-snug";
+        "6": "nui:text-base nui:leading-snug";
+    };
+}, undefined>>;

package/dist/types/content/index.d.ts

@@ -0,0 +1,26 @@
+export type { AccordionRootProps } from "./accordion/accordion";
+export { Accordion } from "./accordion/accordion";
+export type { AccordionItemContentProps, AccordionItemHeadingProps, AccordionItemIndicatorProps, AccordionItemProps, AccordionItemTriggerProps, } from "./accordion/accordion.parts";
+export type { AvatarFallbackProps, AvatarImageProps, AvatarRootProps, } from "./avatar/avatar";
+export { Avatar } from "./avatar/avatar";
+export type { BadgeGroupProps, BadgeProps } from "./badge/badge";
+export { Badge, BadgeGroup } from "./badge/badge";
+export type { CardRootProps } from "./card/card";
+export { Card } from "./card/card";
+export type { CardFooterProps } from "./card/card.parts";
+export type { CollapsibleRootProps } from "./collapsible/collapsible";
+export { Collapsible } from "./collapsible/collapsible";
+export type { CollapsibleContentProps, CollapsibleIndicatorProps, CollapsibleTriggerProps, } from "./collapsible/collapsible.parts";
+export type { CounterAnchorProps, CounterProps } from "./counter/counter";
+export { Counter, CounterAnchor } from "./counter/counter";
+export type { HeadingProps } from "./heading/heading";
+export { Heading } from "./heading/heading";
+export type { ProseProps } from "./prose/prose";
+export { Prose } from "./prose/prose";
+export type { SeparatorProps } from "./separator/separator";
+export { Separator } from "./separator/separator";
+export type { TextProps } from "./text/text";
+export { Text } from "./text/text";
+export type { TimelineItemProps, TimelineRootProps } from "./timeline/timeline";
+export { Timeline } from "./timeline/timeline";
+export type { TimelineContentProps, TimelineDescriptionProps, TimelineIndicatorProps, TimelineTimeProps, TimelineTitleProps, } from "./timeline/timeline.parts";

package/dist/types/content/prose/prose.d.ts

@@ -0,0 +1,5 @@
+import type { JSX } from "solid-js";
+import type { VariantProps } from "tailwind-variants/lite";
+import { proseRecipe } from "./prose.recipe";
+export type ProseProps = JSX.HTMLAttributes<HTMLDivElement> & VariantProps<typeof proseRecipe>;
+export declare function Prose(props: ProseProps): JSX.Element;

package/dist/types/content/prose/prose.recipe.d.ts

@@ -0,0 +1,19 @@
+export declare const proseRecipe: import("tailwind-variants/lite").TVReturnType<{
+    size: {
+        sm: "nui:text-sm";
+        md: "nui:text-base";
+        lg: "nui:text-lg";
+    };
+}, undefined, "nui-prose nui:max-w-prose nui:min-w-0 nui:leading-relaxed nui:text-foreground nui:wrap-break-word", {
+    size: {
+        sm: "nui:text-sm";
+        md: "nui:text-base";
+        lg: "nui:text-lg";
+    };
+}, undefined, import("tailwind-variants/lite").TVReturnTypeLike<{
+    size: {
+        sm: "nui:text-sm";
+        md: "nui:text-base";
+        lg: "nui:text-lg";
+    };
+}, undefined>>;

package/dist/types/content/separator/separator.d.ts

@@ -0,0 +1,7 @@
+import type { JSX } from "solid-js";
+import type { VariantProps } from "tailwind-variants/lite";
+import { separatorRecipe } from "./separator.recipe";
+export type SeparatorProps = JSX.HTMLAttributes<HTMLHRElement> & VariantProps<typeof separatorRecipe> & {
+    decorative?: boolean;
+};
+export declare function Separator(props: SeparatorProps): JSX.Element;

package/dist/types/content/separator/separator.recipe.d.ts

@@ -0,0 +1,16 @@
+export declare const separatorRecipe: import("tailwind-variants/lite").TVReturnType<{
+    orientation: {
+        horizontal: "nui:h-px nui:w-full";
+        vertical: "nui:h-auto nui:min-h-4 nui:w-px nui:self-stretch";
+    };
+}, undefined, "nui:m-0 nui:shrink-0 nui:border-0 nui:bg-border", {
+    orientation: {
+        horizontal: "nui:h-px nui:w-full";
+        vertical: "nui:h-auto nui:min-h-4 nui:w-px nui:self-stretch";
+    };
+}, undefined, import("tailwind-variants/lite").TVReturnTypeLike<{
+    orientation: {
+        horizontal: "nui:h-px nui:w-full";
+        vertical: "nui:h-auto nui:min-h-4 nui:w-px nui:self-stretch";
+    };
+}, undefined>>;

package/dist/types/content/text/text.d.ts

@@ -0,0 +1,7 @@
+import type { JSX } from "solid-js";
+import type { VariantProps } from "tailwind-variants/lite";
+import { textRecipe } from "./text.recipe";
+export type TextProps = JSX.HTMLAttributes<HTMLElement> & VariantProps<typeof textRecipe> & {
+    as?: "p" | "span" | "div";
+};
+export declare function Text(props: TextProps): JSX.Element;

package/dist/types/content/text/text.recipe.d.ts

@@ -0,0 +1,43 @@
+export declare const textRecipe: import("tailwind-variants/lite").TVReturnType<{
+    size: {
+        "1": "nui:text-5xl nui:leading-tight";
+        "2": "nui:text-[length:var(--nui-font-size-display-md)] nui:leading-tight";
+        "3": "nui:text-[length:var(--nui-font-size-display-sm)] nui:leading-tight";
+        "4": "nui:text-2xl nui:leading-tight";
+        "5": "nui:text-xl nui:leading-relaxed";
+        "6": "nui:text-base nui:leading-relaxed";
+        "7": "nui:text-xs nui:leading-relaxed";
+    };
+    tone: {
+        default: "nui:text-foreground";
+        muted: "nui:text-muted-foreground";
+    };
+}, undefined, "nui:m-0 nui:wrap-break-word", {
+    size: {
+        "1": "nui:text-5xl nui:leading-tight";
+        "2": "nui:text-[length:var(--nui-font-size-display-md)] nui:leading-tight";
+        "3": "nui:text-[length:var(--nui-font-size-display-sm)] nui:leading-tight";
+        "4": "nui:text-2xl nui:leading-tight";
+        "5": "nui:text-xl nui:leading-relaxed";
+        "6": "nui:text-base nui:leading-relaxed";
+        "7": "nui:text-xs nui:leading-relaxed";
+    };
+    tone: {
+        default: "nui:text-foreground";
+        muted: "nui:text-muted-foreground";
+    };
+}, undefined, import("tailwind-variants/lite").TVReturnTypeLike<{
+    size: {
+        "1": "nui:text-5xl nui:leading-tight";
+        "2": "nui:text-[length:var(--nui-font-size-display-md)] nui:leading-tight";
+        "3": "nui:text-[length:var(--nui-font-size-display-sm)] nui:leading-tight";
+        "4": "nui:text-2xl nui:leading-tight";
+        "5": "nui:text-xl nui:leading-relaxed";
+        "6": "nui:text-base nui:leading-relaxed";
+        "7": "nui:text-xs nui:leading-relaxed";
+    };
+    tone: {
+        default: "nui:text-foreground";
+        muted: "nui:text-muted-foreground";
+    };
+}, undefined>>;

package/dist/types/content/timeline/timeline.d.ts

@@ -0,0 +1,17 @@
+import { type JSX } from "solid-js";
+import type { VariantProps } from "tailwind-variants/lite";
+import { TimelineContent, TimelineDescription, TimelineIndicator, TimelineTime, TimelineTitle } from "./timeline.parts";
+import { timelineItemRecipe, timelineRecipe } from "./timeline.recipe";
+export type TimelineRootProps = JSX.OlHTMLAttributes<HTMLOListElement> & VariantProps<typeof timelineRecipe>;
+export type TimelineItemProps = JSX.LiHTMLAttributes<HTMLLIElement> & VariantProps<typeof timelineItemRecipe>;
+export declare function TimelineRoot(props: TimelineRootProps): JSX.Element;
+export declare function TimelineItem(props: TimelineItemProps): JSX.Element;
+export declare const Timeline: {
+    Root: typeof TimelineRoot;
+    Item: typeof TimelineItem;
+    Indicator: typeof TimelineIndicator;
+    Content: typeof TimelineContent;
+    Title: typeof TimelineTitle;
+    Description: typeof TimelineDescription;
+    Time: typeof TimelineTime;
+};

package/dist/types/content/timeline/timeline.parts.d.ts

@@ -0,0 +1,13 @@
+import { type JSX } from "solid-js";
+import { type HeadingProps } from "../heading/heading";
+import { type TextProps } from "../text/text";
+export type TimelineIndicatorProps = JSX.HTMLAttributes<HTMLDivElement>;
+export type TimelineContentProps = JSX.HTMLAttributes<HTMLDivElement>;
+export type TimelineTitleProps = HeadingProps;
+export type TimelineDescriptionProps = TextProps;
+export type TimelineTimeProps = JSX.IntrinsicElements["time"];
+export declare function TimelineIndicator(props: TimelineIndicatorProps): JSX.Element;
+export declare function TimelineContent(props: TimelineContentProps): JSX.Element;
+export declare function TimelineTitle(props: TimelineTitleProps): JSX.Element;
+export declare function TimelineDescription(props: TimelineDescriptionProps): JSX.Element;
+export declare function TimelineTime(props: TimelineTimeProps): JSX.Element;

package/dist/types/content/timeline/timeline.recipe.d.ts

@@ -0,0 +1,89 @@
+export declare const timelineRecipe: import("tailwind-variants/lite").TVReturnType<{
+    density: {
+        comfortable: {
+            root: string;
+        };
+        compact: {
+            root: string;
+        };
+    };
+    orientation: {
+        vertical: {};
+        horizontal: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    item: string;
+    indicator: string;
+    dot: string;
+    content: string;
+    time: string;
+}, undefined, {
+    density: {
+        comfortable: {
+            root: string;
+        };
+        compact: {
+            root: string;
+        };
+    };
+    orientation: {
+        vertical: {};
+        horizontal: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    item: string;
+    indicator: string;
+    dot: string;
+    content: string;
+    time: string;
+}, import("tailwind-variants/lite").TVReturnTypeLike<{
+    density: {
+        comfortable: {
+            root: string;
+        };
+        compact: {
+            root: string;
+        };
+    };
+    orientation: {
+        vertical: {};
+        horizontal: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    item: string;
+    indicator: string;
+    dot: string;
+    content: string;
+    time: string;
+}>>;
+export declare const timelineItemRecipe: import("tailwind-variants/lite").TVReturnType<{
+    status: {
+        default: "nui:[--nui-timeline-marker-bg:var(--nui-surface)] nui:[--nui-timeline-marker-border:var(--nui-border)] nui:[--nui-timeline-marker-fg:var(--nui-muted-foreground)]";
+        complete: "nui:[--nui-timeline-marker-bg:var(--nui-success-soft)] nui:[--nui-timeline-marker-border:var(--nui-success-border)] nui:[--nui-timeline-marker-fg:var(--nui-success-text)]";
+        current: "nui:[--nui-timeline-marker-bg:var(--nui-primary-soft)] nui:[--nui-timeline-marker-border:var(--nui-primary-focus)] nui:[--nui-timeline-marker-fg:var(--nui-primary-text)]";
+        pending: "nui:[--nui-timeline-marker-bg:var(--nui-surface)] nui:[--nui-timeline-marker-border:var(--nui-border)] nui:[--nui-timeline-marker-fg:var(--nui-neutral-8)]";
+    };
+}, undefined, undefined, {
+    status: {
+        default: "nui:[--nui-timeline-marker-bg:var(--nui-surface)] nui:[--nui-timeline-marker-border:var(--nui-border)] nui:[--nui-timeline-marker-fg:var(--nui-muted-foreground)]";
+        complete: "nui:[--nui-timeline-marker-bg:var(--nui-success-soft)] nui:[--nui-timeline-marker-border:var(--nui-success-border)] nui:[--nui-timeline-marker-fg:var(--nui-success-text)]";
+        current: "nui:[--nui-timeline-marker-bg:var(--nui-primary-soft)] nui:[--nui-timeline-marker-border:var(--nui-primary-focus)] nui:[--nui-timeline-marker-fg:var(--nui-primary-text)]";
+        pending: "nui:[--nui-timeline-marker-bg:var(--nui-surface)] nui:[--nui-timeline-marker-border:var(--nui-border)] nui:[--nui-timeline-marker-fg:var(--nui-neutral-8)]";
+    };
+}, undefined, import("tailwind-variants/lite").TVReturnTypeLike<{
+    status: {
+        default: "nui:[--nui-timeline-marker-bg:var(--nui-surface)] nui:[--nui-timeline-marker-border:var(--nui-border)] nui:[--nui-timeline-marker-fg:var(--nui-muted-foreground)]";
+        complete: "nui:[--nui-timeline-marker-bg:var(--nui-success-soft)] nui:[--nui-timeline-marker-border:var(--nui-success-border)] nui:[--nui-timeline-marker-fg:var(--nui-success-text)]";
+        current: "nui:[--nui-timeline-marker-bg:var(--nui-primary-soft)] nui:[--nui-timeline-marker-border:var(--nui-primary-focus)] nui:[--nui-timeline-marker-fg:var(--nui-primary-text)]";
+        pending: "nui:[--nui-timeline-marker-bg:var(--nui-surface)] nui:[--nui-timeline-marker-border:var(--nui-border)] nui:[--nui-timeline-marker-fg:var(--nui-neutral-8)]";
+    };
+}, undefined>>;

package/dist/types/data/badge-delta/badge-delta.d.ts

@@ -0,0 +1,5 @@
+import type { JSX } from "solid-js";
+import type { BadgeProps } from "../../content/badge/badge";
+import type { DeltaOptions } from "../delta/delta";
+export type BadgeDeltaProps = Omit<JSX.HTMLAttributes<HTMLSpanElement>, "children"> & DeltaOptions & Pick<BadgeProps, "variant" | "size" | "rounded">;
+export declare function BadgeDelta(props: BadgeDeltaProps): JSX.Element;

package/dist/types/data/bar-list/bar-list.d.ts

@@ -0,0 +1,15 @@
+import type { JSX } from "solid-js";
+export type BarListTone = "primary" | "neutral" | "success" | "warning" | "danger" | "info";
+export type BarListProps<T> = Omit<JSX.HTMLAttributes<HTMLElement>, "children" | "title"> & {
+    title: string;
+    description?: string;
+    data: readonly T[];
+    label: (datum: T) => string;
+    value: (datum: T) => number;
+    valueFormat?: (value: number) => string;
+    tone?: BarListTone | ((datum: T) => BarListTone);
+    /** Optional shared scale. Never smaller than the largest valid value. */
+    maxValue?: number;
+    emptyMessage?: string;
+};
+export declare function BarList<T>(props: BarListProps<T>): JSX.Element;

package/dist/types/data/chart/bar-chart.d.ts

@@ -0,0 +1,2 @@
+import type { BarChartProps } from "./chart.types";
+export declare function BarChart<Datum>(props: BarChartProps<Datum>): import("solid-js").JSX.Element;

package/dist/types/data/chart/chart-data.d.ts

@@ -0,0 +1,4 @@
+import type { ChartBaseProps, ChartSeries } from "./chart.types";
+export declare function ChartData<Datum>(props: ChartBaseProps<Datum> & {
+    series: ChartSeries<Datum>[];
+}): import("solid-js").JSX.Element;

package/dist/types/data/chart/chart.axes.d.ts

@@ -0,0 +1,2 @@
+import type { XYChartProps } from "./chart.types";
+export declare function ChartAxes<Datum>(props: XYChartProps<Datum>): import("solid-js").JSX.Element;

package/dist/types/data/chart/chart.details.d.ts

@@ -0,0 +1,7 @@
+import { type JSX } from "solid-js";
+import type { ChartLegendItem } from "./chart.types";
+export declare function ChartDetails(props: {
+    title: string;
+    legend: ChartLegendItem[];
+    children: JSX.Element;
+}): JSX.Element;

package/dist/types/data/chart/chart.frame.d.ts

@@ -0,0 +1,11 @@
+import { type JSX } from "solid-js";
+import type { ChartLegendItem } from "./chart.types";
+export type ChartFrameProps = Omit<JSX.HTMLAttributes<HTMLElement>, "title"> & {
+    title: string;
+    description?: string | undefined;
+    height: number;
+    legend: ChartLegendItem[];
+    empty: boolean;
+    dataTable: JSX.Element;
+};
+export declare function ChartFrame(props: ChartFrameProps): JSX.Element;

package/dist/types/data/chart/chart.helpers.d.ts

@@ -0,0 +1,7 @@
+import type { ChartLegendItem, ChartSeries, ChartTone, XYChartProps } from "./chart.types";
+export declare function chartColor(tone: ChartTone | undefined, index: number): string;
+export declare const formatChartValue: (value: number) => string;
+export declare const chartX: (_datum: unknown, index: number) => number;
+export declare function seriesLegend<Datum>(series: ChartSeries<Datum>[]): ChartLegendItem[];
+export declare function chartTooltip<Datum>(props: XYChartProps<Datum>, datum: Datum): HTMLDivElement;
+export declare const chartBaseKeys: readonly ["title", "description", "data", "label", "height", "valueFormat", "series", "axisFormat"];

package/dist/types/data/chart/chart.recipe.d.ts

@@ -0,0 +1,91 @@
+export declare const chartRecipe: import("tailwind-variants/lite").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-variants/lite").ClassValue | {
+            title?: import("tailwind-variants/lite").ClassValue;
+            caption?: import("tailwind-variants/lite").ClassValue;
+            details?: import("tailwind-variants/lite").ClassValue;
+            legend?: import("tailwind-variants/lite").ClassValue;
+            root?: import("tailwind-variants/lite").ClassValue;
+            description?: import("tailwind-variants/lite").ClassValue;
+            plot?: import("tailwind-variants/lite").ClassValue;
+            legendItem?: import("tailwind-variants/lite").ClassValue;
+            swatch?: import("tailwind-variants/lite").ClassValue;
+            detailsHeader?: import("tailwind-variants/lite").ClassValue;
+            dataTrigger?: import("tailwind-variants/lite").ClassValue;
+            dataContent?: import("tailwind-variants/lite").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants/lite").ClassValue | {
+            title?: import("tailwind-variants/lite").ClassValue;
+            caption?: import("tailwind-variants/lite").ClassValue;
+            details?: import("tailwind-variants/lite").ClassValue;
+            legend?: import("tailwind-variants/lite").ClassValue;
+            root?: import("tailwind-variants/lite").ClassValue;
+            description?: import("tailwind-variants/lite").ClassValue;
+            plot?: import("tailwind-variants/lite").ClassValue;
+            legendItem?: import("tailwind-variants/lite").ClassValue;
+            swatch?: import("tailwind-variants/lite").ClassValue;
+            detailsHeader?: import("tailwind-variants/lite").ClassValue;
+            dataTrigger?: import("tailwind-variants/lite").ClassValue;
+            dataContent?: import("tailwind-variants/lite").ClassValue;
+        };
+    };
+} | {}, {
+    root: string;
+    caption: string;
+    title: string;
+    description: string;
+    plot: string;
+    legend: string;
+    legendItem: string;
+    swatch: string;
+    details: string;
+    detailsHeader: string;
+    dataTrigger: string;
+    dataContent: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants/lite").ClassValue | {
+            title?: import("tailwind-variants/lite").ClassValue;
+            caption?: import("tailwind-variants/lite").ClassValue;
+            details?: import("tailwind-variants/lite").ClassValue;
+            legend?: import("tailwind-variants/lite").ClassValue;
+            root?: import("tailwind-variants/lite").ClassValue;
+            description?: import("tailwind-variants/lite").ClassValue;
+            plot?: import("tailwind-variants/lite").ClassValue;
+            legendItem?: import("tailwind-variants/lite").ClassValue;
+            swatch?: import("tailwind-variants/lite").ClassValue;
+            detailsHeader?: import("tailwind-variants/lite").ClassValue;
+            dataTrigger?: import("tailwind-variants/lite").ClassValue;
+            dataContent?: import("tailwind-variants/lite").ClassValue;
+        };
+    };
+} | {}, {
+    root: string;
+    caption: string;
+    title: string;
+    description: string;
+    plot: string;
+    legend: string;
+    legendItem: string;
+    swatch: string;
+    details: string;
+    detailsHeader: string;
+    dataTrigger: string;
+    dataContent: string;
+}, import("tailwind-variants/lite").TVReturnTypeLike<unknown, {
+    root: string;
+    caption: string;
+    title: string;
+    description: string;
+    plot: string;
+    legend: string;
+    legendItem: string;
+    swatch: string;
+    details: string;
+    detailsHeader: string;
+    dataTrigger: string;
+    dataContent: string;
+}>>;

package/dist/types/data/chart/chart.types.d.ts

@@ -0,0 +1,30 @@
+import type { JSX } from "solid-js";
+export type ChartTone = "primary" | "success" | "warning" | "danger" | "info" | "neutral";
+export type ChartSeries<Datum> = {
+    label: string;
+    value: (datum: Datum) => number;
+    tone?: ChartTone;
+};
+export type ChartLegendItem = {
+    label: string;
+    color: string;
+};
+export type ChartBaseProps<Datum> = Omit<JSX.HTMLAttributes<HTMLElement>, "title" | "children"> & {
+    title: string;
+    description?: string;
+    data: Datum[];
+    label: (datum: Datum) => string;
+    height?: number;
+    valueFormat?: (value: number) => string;
+};
+export type XYChartProps<Datum> = ChartBaseProps<Datum> & {
+    series: ChartSeries<Datum>[];
+    axisFormat?: (value: number) => string;
+};
+export type LineChartProps<Datum> = XYChartProps<Datum>;
+export type BarChartProps<Datum> = XYChartProps<Datum>;
+export type DonutChartProps<Datum> = ChartBaseProps<Datum> & {
+    value: (datum: Datum) => number;
+    tone?: (datum: Datum) => ChartTone;
+    valueLabel?: string;
+};

package/dist/types/data/chart/donut-chart.d.ts

@@ -0,0 +1,2 @@
+import type { DonutChartProps } from "./chart.types";
+export declare function DonutChart<Datum>(props: DonutChartProps<Datum>): import("solid-js").JSX.Element;

package/dist/types/data/chart/index.d.ts

@@ -0,0 +1,4 @@
+export { BarChart } from "./bar-chart";
+export type { BarChartProps, ChartSeries, ChartTone, DonutChartProps, LineChartProps, } from "./chart.types";
+export { DonutChart } from "./donut-chart";
+export { LineChart } from "./line-chart";