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

package/dist/types/compositions/panel/panel-row.parts.d.ts

@@ -0,0 +1,8 @@
+import type { JSX } from "solid-js";
+type PartProps = JSX.HTMLAttributes<HTMLDivElement>;
+export declare function PanelRow(props: PartProps): JSX.Element;
+export declare function PanelItemContent(props: PartProps): JSX.Element;
+export declare function PanelItemTitle(props: JSX.HTMLAttributes<HTMLParagraphElement>): JSX.Element;
+export declare function PanelItemDescription(props: JSX.HTMLAttributes<HTMLParagraphElement>): JSX.Element;
+export declare function PanelItemActions(props: PartProps): JSX.Element;
+export {};

package/dist/types/compositions/panel/panel.d.ts

@@ -0,0 +1,28 @@
+import type { JSX } from "solid-js";
+import type { VariantProps } from "tailwind-variants/lite";
+import { PanelBody, PanelDescription, PanelFooter, PanelHeader, PanelItem, PanelLink, PanelList, PanelTitle, PanelToolbar } from "./panel.parts";
+import { panelRecipe } from "./panel.recipe";
+import { PanelBar, PanelBarActions, PanelBarGroup } from "./panel-bar.parts";
+import { PanelItemActions, PanelItemContent, PanelItemDescription, PanelItemTitle, PanelRow } from "./panel-row.parts";
+export type PanelRootProps = JSX.HTMLAttributes<HTMLElement> & VariantProps<typeof panelRecipe>;
+export declare function PanelRoot(props: PanelRootProps): JSX.Element;
+export declare const Panel: {
+    Root: typeof PanelRoot;
+    Bar: typeof PanelBar;
+    BarGroup: typeof PanelBarGroup;
+    BarActions: typeof PanelBarActions;
+    Header: typeof PanelHeader;
+    Title: typeof PanelTitle;
+    Description: typeof PanelDescription;
+    Toolbar: typeof PanelToolbar;
+    Body: typeof PanelBody;
+    List: typeof PanelList;
+    Item: typeof PanelItem;
+    Row: typeof PanelRow;
+    ItemContent: typeof PanelItemContent;
+    ItemTitle: typeof PanelItemTitle;
+    ItemDescription: typeof PanelItemDescription;
+    ItemActions: typeof PanelItemActions;
+    Link: typeof PanelLink;
+    Footer: typeof PanelFooter;
+};

package/dist/types/compositions/panel/panel.parts.d.ts

@@ -0,0 +1,19 @@
+import type { JSX } from "solid-js";
+import type { VariantProps } from "tailwind-variants/lite";
+import type { HeadingProps } from "../../content/heading/heading";
+import type { TextProps } from "../../content/text/text";
+import { panelHeaderRecipe } from "./panel-header.recipe";
+type PartProps = JSX.HTMLAttributes<HTMLDivElement>;
+export type PanelHeaderProps = PartProps & VariantProps<typeof panelHeaderRecipe>;
+export declare function PanelHeader(props: PanelHeaderProps): JSX.Element;
+export declare function PanelTitle(props: HeadingProps): JSX.Element;
+export declare function PanelDescription(props: TextProps): JSX.Element;
+export declare function PanelToolbar(props: PartProps): JSX.Element;
+export declare function PanelBody(props: PartProps): JSX.Element;
+export declare function PanelList(props: JSX.HTMLAttributes<HTMLUListElement>): JSX.Element;
+export declare function PanelItem(props: JSX.LiHTMLAttributes<HTMLLIElement>): JSX.Element;
+export declare function PanelLink(props: JSX.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    href: string;
+}): JSX.Element;
+export declare function PanelFooter(props: PartProps): JSX.Element;
+export {};

package/dist/types/compositions/panel/panel.recipe.d.ts

@@ -0,0 +1,76 @@
+export declare const panelRecipe: import("tailwind-variants/lite").TVReturnType<{
+    tone: {
+        default: {
+            root: string;
+        };
+        subtle: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    bar: string;
+    barGroup: string;
+    barActions: string;
+    toolbar: string;
+    body: string;
+    list: string;
+    item: string;
+    row: string;
+    itemContent: string;
+    itemTitle: string;
+    itemDescription: string;
+    itemActions: string;
+    link: string;
+    footer: string;
+}, undefined, {
+    tone: {
+        default: {
+            root: string;
+        };
+        subtle: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    bar: string;
+    barGroup: string;
+    barActions: string;
+    toolbar: string;
+    body: string;
+    list: string;
+    item: string;
+    row: string;
+    itemContent: string;
+    itemTitle: string;
+    itemDescription: string;
+    itemActions: string;
+    link: string;
+    footer: string;
+}, import("tailwind-variants/lite").TVReturnTypeLike<{
+    tone: {
+        default: {
+            root: string;
+        };
+        subtle: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    bar: string;
+    barGroup: string;
+    barActions: string;
+    toolbar: string;
+    body: string;
+    list: string;
+    item: string;
+    row: string;
+    itemContent: string;
+    itemTitle: string;
+    itemDescription: string;
+    itemActions: string;
+    link: string;
+    footer: string;
+}>>;

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

@@ -0,0 +1,16 @@
+import { Accordion as ArkAccordion } from "@ark-ui/solid/accordion";
+import type { VariantProps } from "tailwind-variants/lite";
+import { AccordionItem, AccordionItemContent, AccordionItemHeading, AccordionItemIndicator, AccordionItemTrigger } from "./accordion.parts";
+import { accordionRecipe } from "./accordion.recipe";
+export type AccordionRootProps = Omit<ArkAccordion.RootProps, "orientation"> & VariantProps<typeof accordionRecipe>;
+export declare function AccordionRoot(props: AccordionRootProps): import("solid-js").JSX.Element;
+export declare const Accordion: {
+    Root: typeof AccordionRoot;
+    Item: typeof AccordionItem;
+    ItemHeading: typeof AccordionItemHeading;
+    ItemTrigger: typeof AccordionItemTrigger;
+    ItemIndicator: typeof AccordionItemIndicator;
+    ItemContent: typeof AccordionItemContent;
+    Context: (props: ArkAccordion.ContextProps) => import("solid-js").JSX.Element;
+    ItemContext: (props: ArkAccordion.ItemContextProps) => import("solid-js").JSX.Element;
+};

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

@@ -0,0 +1,14 @@
+import { Accordion as ArkAccordion } from "@ark-ui/solid/accordion";
+import type { JSX } from "solid-js";
+export type AccordionItemProps = ArkAccordion.ItemProps;
+export type AccordionItemTriggerProps = ArkAccordion.ItemTriggerProps;
+export type AccordionItemContentProps = ArkAccordion.ItemContentProps;
+export type AccordionItemIndicatorProps = ArkAccordion.ItemIndicatorProps;
+export type AccordionItemHeadingProps = JSX.HTMLAttributes<HTMLHeadingElement> & {
+    as?: "h2" | "h3" | "h4" | "h5" | "h6";
+};
+export declare function AccordionItem(props: AccordionItemProps): JSX.Element;
+export declare function AccordionItemHeading(props: AccordionItemHeadingProps): JSX.Element;
+export declare function AccordionItemTrigger(props: AccordionItemTriggerProps): JSX.Element;
+export declare function AccordionItemContent(props: AccordionItemContentProps): JSX.Element;
+export declare function AccordionItemIndicator(props: AccordionItemIndicatorProps): JSX.Element;

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

@@ -0,0 +1,40 @@
+export declare const accordionRecipe: import("tailwind-variants/lite").TVReturnType<{
+    variant: {
+        outline: {
+            root: string;
+        };
+        soft: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    item: string;
+    heading: string;
+}, undefined, {
+    variant: {
+        outline: {
+            root: string;
+        };
+        soft: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    item: string;
+    heading: string;
+}, import("tailwind-variants/lite").TVReturnTypeLike<{
+    variant: {
+        outline: {
+            root: string;
+        };
+        soft: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    item: string;
+    heading: string;
+}>>;

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

@@ -0,0 +1,14 @@
+import { Avatar as ArkAvatar } from "@ark-ui/solid/avatar";
+import type { VariantProps } from "tailwind-variants/lite";
+import { avatarRecipe } from "./avatar.recipe";
+export type AvatarRootProps = ArkAvatar.RootProps & VariantProps<typeof avatarRecipe>;
+export type AvatarImageProps = ArkAvatar.ImageProps;
+export type AvatarFallbackProps = ArkAvatar.FallbackProps;
+export declare function AvatarRoot(props: AvatarRootProps): import("solid-js").JSX.Element;
+export declare function AvatarImage(props: AvatarImageProps): import("solid-js").JSX.Element;
+export declare function AvatarFallback(props: AvatarFallbackProps): import("solid-js").JSX.Element;
+export declare const Avatar: {
+    Root: typeof AvatarRoot;
+    Image: typeof AvatarImage;
+    Fallback: typeof AvatarFallback;
+};

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

@@ -0,0 +1,91 @@
+export declare const avatarRecipe: import("tailwind-variants/lite").TVReturnType<{
+    size: {
+        xs: {
+            root: string;
+        };
+        sm: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+        xl: {
+            root: string;
+        };
+    };
+    shape: {
+        circle: {
+            root: string;
+        };
+        square: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    image: string;
+    fallback: string;
+}, undefined, {
+    size: {
+        xs: {
+            root: string;
+        };
+        sm: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+        xl: {
+            root: string;
+        };
+    };
+    shape: {
+        circle: {
+            root: string;
+        };
+        square: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    image: string;
+    fallback: string;
+}, import("tailwind-variants/lite").TVReturnTypeLike<{
+    size: {
+        xs: {
+            root: string;
+        };
+        sm: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+        xl: {
+            root: string;
+        };
+    };
+    shape: {
+        circle: {
+            root: string;
+        };
+        square: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    image: string;
+    fallback: string;
+}>>;

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

@@ -0,0 +1,16 @@
+import type { JSX } from "solid-js";
+import type { VariantProps } from "tailwind-variants/lite";
+import { badgeGroupRecipe, badgeRecipe } from "./badge.recipe";
+type BadgeElementProps = (JSX.HTMLAttributes<HTMLSpanElement> & {
+    as?: "span";
+}) | (JSX.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    as: "a";
+    href: string;
+}) | (JSX.ButtonHTMLAttributes<HTMLButtonElement> & {
+    as: "button";
+});
+export type BadgeProps = BadgeElementProps & VariantProps<typeof badgeRecipe>;
+export type BadgeGroupProps = JSX.HTMLAttributes<HTMLDivElement> & VariantProps<typeof badgeGroupRecipe>;
+export declare function Badge(props: BadgeProps): JSX.Element;
+export declare function BadgeGroup(props: BadgeGroupProps): JSX.Element;
+export {};

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

@@ -0,0 +1,101 @@
+export declare const badgeAppearanceVariants: {
+    readonly 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)]";
+    };
+    readonly 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)]";
+    };
+};
+export declare const badgeRecipe: import("tailwind-variants/lite").TVReturnType<{
+    size: {
+        sm: "nui:min-h-5 nui:px-1.5 nui:py-0.5 nui:text-xs";
+        md: "nui:min-h-6 nui:px-2 nui:py-0.5 nui:text-xs";
+        lg: "nui:min-h-7 nui:px-2.5 nui:py-1 nui:text-sm";
+    };
+    rounded: {
+        true: "nui:rounded-full";
+        false: "nui:rounded-md";
+    };
+    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:inline-flex nui:max-w-full nui:min-w-0 nui:items-center nui:justify-center nui:gap-1 nui:border nui:font-medium nui:leading-snug nui:align-middle nui:wrap-anywhere nui:no-underline nui:transition-colors nui:motion-reduce:transition-none nui:focus-visible:outline-[length:var(--nui-focus-width)] nui:focus-visible:outline-offset-[var(--nui-focus-offset)] nui:focus-visible:outline-focus-ring", {
+    size: {
+        sm: "nui:min-h-5 nui:px-1.5 nui:py-0.5 nui:text-xs";
+        md: "nui:min-h-6 nui:px-2 nui:py-0.5 nui:text-xs";
+        lg: "nui:min-h-7 nui:px-2.5 nui:py-1 nui:text-sm";
+    };
+    rounded: {
+        true: "nui:rounded-full";
+        false: "nui:rounded-md";
+    };
+    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<{
+    size: {
+        sm: "nui:min-h-5 nui:px-1.5 nui:py-0.5 nui:text-xs";
+        md: "nui:min-h-6 nui:px-2 nui:py-0.5 nui:text-xs";
+        lg: "nui:min-h-7 nui:px-2.5 nui:py-1 nui:text-sm";
+    };
+    rounded: {
+        true: "nui:rounded-full";
+        false: "nui:rounded-md";
+    };
+    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>>;
+export declare const badgeGroupRecipe: import("tailwind-variants/lite").TVReturnType<{
+    attached: {
+        true: "nui:gap-0 nui:[&>*]:rounded-none nui:[&>*+*]:-ml-px nui:[&>*:first-child]:rounded-l-md nui:[&>*:last-child]:rounded-r-md nui:[&>*:focus-visible]:relative nui:[&>*:focus-visible]:z-10";
+        false: "nui:flex-wrap nui:gap-2";
+    };
+}, undefined, "nui:inline-flex nui:max-w-full nui:items-center nui:align-middle", {
+    attached: {
+        true: "nui:gap-0 nui:[&>*]:rounded-none nui:[&>*+*]:-ml-px nui:[&>*:first-child]:rounded-l-md nui:[&>*:last-child]:rounded-r-md nui:[&>*:focus-visible]:relative nui:[&>*:focus-visible]:z-10";
+        false: "nui:flex-wrap nui:gap-2";
+    };
+}, undefined, import("tailwind-variants/lite").TVReturnTypeLike<{
+    attached: {
+        true: "nui:gap-0 nui:[&>*]:rounded-none nui:[&>*+*]:-ml-px nui:[&>*:first-child]:rounded-l-md nui:[&>*:last-child]:rounded-r-md nui:[&>*:focus-visible]:relative nui:[&>*:focus-visible]:z-10";
+        false: "nui:flex-wrap nui:gap-2";
+    };
+}, undefined>>;

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

@@ -0,0 +1,19 @@
+import type { JSX } from "solid-js";
+import type { VariantProps } from "tailwind-variants/lite";
+import { CardActions, CardContent, CardDescription, CardFooter, CardFooterItem, CardHeader, CardMedia, CardTitle } from "./card.parts";
+import { cardRecipe } from "./card.recipe";
+export type CardRootProps = JSX.HTMLAttributes<HTMLElement> & VariantProps<typeof cardRecipe> & {
+    as?: "div" | "article" | "section";
+};
+export declare function CardRoot(props: CardRootProps): JSX.Element;
+export declare const Card: {
+    Root: typeof CardRoot;
+    Header: typeof CardHeader;
+    Title: typeof CardTitle;
+    Description: typeof CardDescription;
+    Actions: typeof CardActions;
+    Media: typeof CardMedia;
+    Content: typeof CardContent;
+    Footer: typeof CardFooter;
+    FooterItem: typeof CardFooterItem;
+};

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

@@ -0,0 +1,16 @@
+import type { JSX } from "solid-js";
+import type { VariantProps } from "tailwind-variants/lite";
+import type { HeadingProps } from "../heading/heading";
+import type { TextProps } from "../text/text";
+import { cardFooterRecipe } from "./card.recipe";
+type PartProps = JSX.HTMLAttributes<HTMLDivElement>;
+export type CardFooterProps = PartProps & VariantProps<typeof cardFooterRecipe>;
+export declare function CardHeader(props: PartProps): JSX.Element;
+export declare function CardTitle(props: HeadingProps): JSX.Element;
+export declare function CardDescription(props: TextProps): JSX.Element;
+export declare function CardActions(props: PartProps): JSX.Element;
+export declare function CardContent(props: PartProps): JSX.Element;
+export declare function CardMedia(props: PartProps): JSX.Element;
+export declare function CardFooter(props: CardFooterProps): JSX.Element;
+export declare function CardFooterItem(props: PartProps): JSX.Element;
+export {};

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

@@ -0,0 +1,78 @@
+export declare const cardRecipe: import("tailwind-variants/lite").TVReturnType<{
+    variant: {
+        outline: {
+            root: string;
+        };
+        soft: {
+            root: string;
+        };
+        elevated: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    header: string;
+    title: string;
+    description: string;
+    actions: string;
+    content: string;
+    media: string;
+}, undefined, {
+    variant: {
+        outline: {
+            root: string;
+        };
+        soft: {
+            root: string;
+        };
+        elevated: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    header: string;
+    title: string;
+    description: string;
+    actions: string;
+    content: string;
+    media: string;
+}, import("tailwind-variants/lite").TVReturnTypeLike<{
+    variant: {
+        outline: {
+            root: string;
+        };
+        soft: {
+            root: string;
+        };
+        elevated: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    header: string;
+    title: string;
+    description: string;
+    actions: string;
+    content: string;
+    media: string;
+}>>;
+export declare const cardFooterRecipe: import("tailwind-variants/lite").TVReturnType<{
+    variant: {
+        simple: "nui:flex nui:flex-wrap nui:items-center nui:gap-3 nui:p-5";
+        divided: "nui:flex nui:items-stretch nui:border-t nui:border-border nui:[&>*+*]:border-l nui:[&>*+*]:border-border";
+    };
+}, undefined, "nui:mt-auto nui:min-w-0", {
+    variant: {
+        simple: "nui:flex nui:flex-wrap nui:items-center nui:gap-3 nui:p-5";
+        divided: "nui:flex nui:items-stretch nui:border-t nui:border-border nui:[&>*+*]:border-l nui:[&>*+*]:border-border";
+    };
+}, undefined, import("tailwind-variants/lite").TVReturnTypeLike<{
+    variant: {
+        simple: "nui:flex nui:flex-wrap nui:items-center nui:gap-3 nui:p-5";
+        divided: "nui:flex nui:items-stretch nui:border-t nui:border-border nui:[&>*+*]:border-l nui:[&>*+*]:border-border";
+    };
+}, undefined>>;
+export declare const cardFooterItemRecipe: import("tailwind-variants/lite").TVReturnType<{} | {} | {}, undefined, "nui:flex nui:min-w-0 nui:flex-1 nui:items-center nui:justify-center nui:p-2 nui:text-center nui:[&>a]:flex-1 nui:[&>button]:flex-1", {} | {}, undefined, import("tailwind-variants/lite").TVReturnTypeLike<unknown, undefined>>;

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

@@ -0,0 +1,13 @@
+import { Collapsible as ArkCollapsible } from "@ark-ui/solid/collapsible";
+import type { VariantProps } from "tailwind-variants/lite";
+import { CollapsibleContent, CollapsibleIndicator, CollapsibleTrigger } from "./collapsible.parts";
+import { collapsibleRecipe } from "./collapsible.recipe";
+export type CollapsibleRootProps = ArkCollapsible.RootProps & VariantProps<typeof collapsibleRecipe>;
+export declare function CollapsibleRoot(props: CollapsibleRootProps): import("solid-js").JSX.Element;
+export declare const Collapsible: {
+    Root: typeof CollapsibleRoot;
+    Trigger: typeof CollapsibleTrigger;
+    Indicator: typeof CollapsibleIndicator;
+    Content: typeof CollapsibleContent;
+    Context: (props: ArkCollapsible.ContextProps) => import("solid-js").JSX.Element;
+};

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

@@ -0,0 +1,7 @@
+import { Collapsible as ArkCollapsible } from "@ark-ui/solid/collapsible";
+export type CollapsibleTriggerProps = ArkCollapsible.TriggerProps;
+export type CollapsibleContentProps = ArkCollapsible.ContentProps;
+export type CollapsibleIndicatorProps = ArkCollapsible.IndicatorProps;
+export declare function CollapsibleTrigger(props: CollapsibleTriggerProps): import("solid-js").JSX.Element;
+export declare function CollapsibleContent(props: CollapsibleContentProps): import("solid-js").JSX.Element;
+export declare function CollapsibleIndicator(props: CollapsibleIndicatorProps): import("solid-js").JSX.Element;

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

@@ -0,0 +1,16 @@
+export declare const collapsibleRecipe: import("tailwind-variants/lite").TVReturnType<{
+    variant: {
+        outline: "nui:bg-background";
+        soft: "nui:bg-surface";
+    };
+}, undefined, "nui:w-full nui:min-w-0 nui:overflow-hidden nui:rounded-xl nui:border nui:border-border", {
+    variant: {
+        outline: "nui:bg-background";
+        soft: "nui:bg-surface";
+    };
+}, undefined, import("tailwind-variants/lite").TVReturnTypeLike<{
+    variant: {
+        outline: "nui:bg-background";
+        soft: "nui:bg-surface";
+    };
+}, undefined>>;

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

@@ -0,0 +1,12 @@
+import type { JSX } from "solid-js";
+import type { VariantProps } from "tailwind-variants/lite";
+import { counterRecipe } from "./counter.recipe";
+export type CounterAnchorProps = JSX.HTMLAttributes<HTMLDivElement>;
+export declare function CounterAnchor(props: CounterAnchorProps): JSX.Element;
+export type CounterProps = Omit<JSX.HTMLAttributes<HTMLSpanElement>, "children"> & VariantProps<typeof counterRecipe> & {
+    value: number;
+    max?: number;
+    showZero?: boolean;
+    label?: string;
+};
+export declare function Counter(props: CounterProps): JSX.Element;