@plexui/vue 0.0.0-stage → 0.1.1

package/dist/types/components/Badge/Badge.d.ts

@@ -0,0 +1,62 @@
+import { type HTMLAttributes, type PropType } from "vue";
+import type { SemanticColors, Sizes, Variants } from "@plexui/styles/types";
+export type BadgeColor = SemanticColors<"secondary" | "success" | "danger" | "warning" | "info" | "discovery" | "caution">;
+declare const BadgeComponent: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** Visual style of the badge. @default "soft" */
+    variant: {
+        type: PropType<Variants<"solid" | "soft" | "outline">>;
+        default: string;
+    };
+    /** Size scale of the badge: `sm` 20px, `md` 22px, `lg` 24px. @default "sm" */
+    size: {
+        type: PropType<Sizes<"sm" | "md" | "lg">>;
+        default: string;
+    };
+    /** Determines if the badge should be a fully rounded pill shape. @default false */
+    pill: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Color of the badge, related to its meaning or intent. @default "secondary" */
+    color: {
+        type: PropType<BadgeColor>;
+        default: string;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Visual style of the badge. @default "soft" */
+    variant: {
+        type: PropType<Variants<"solid" | "soft" | "outline">>;
+        default: string;
+    };
+    /** Size scale of the badge: `sm` 20px, `md` 22px, `lg` 24px. @default "sm" */
+    size: {
+        type: PropType<Sizes<"sm" | "md" | "lg">>;
+        default: string;
+    };
+    /** Determines if the badge should be a fully rounded pill shape. @default false */
+    pill: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Color of the badge, related to its meaning or intent. @default "secondary" */
+    color: {
+        type: PropType<BadgeColor>;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    size: "sm" | "md" | "lg";
+    color: "secondary" | "danger" | "success" | "info" | "discovery" | "caution" | "warning";
+    variant: "solid" | "soft" | "outline";
+    pill: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type BadgeOwnProps = InstanceType<typeof BadgeComponent>["$props"];
+/** Badge props plus the native <div> attributes that fall through to it, as in React. */
+export type BadgeProps = BadgeOwnProps & Omit<HTMLAttributes, keyof BadgeOwnProps>;
+export declare const Badge: typeof BadgeComponent & {
+    new (): {
+        $props: BadgeProps;
+    };
+};
+export {};

package/dist/types/components/Badge/index.d.ts

@@ -0,0 +1 @@
+export { Badge, type BadgeColor, type BadgeProps } from "./Badge.js";

package/dist/types/components/Breadcrumb/Breadcrumb.d.ts

@@ -0,0 +1,76 @@
+import { type HTMLAttributes, type PropType } from "vue";
+declare const BreadcrumbComponent: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** Text size: `sm` for a trail above a compact header, `md` above a page title. @default "md" */
+    size: {
+        type: PropType<"sm" | "md">;
+        default: string;
+    };
+    /** Accessible name of the navigation landmark. @default "Breadcrumb" */
+    ariaLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Text size: `sm` for a trail above a compact header, `md` above a page title. @default "md" */
+    size: {
+        type: PropType<"sm" | "md">;
+        default: string;
+    };
+    /** Accessible name of the navigation landmark. @default "Breadcrumb" */
+    ariaLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    size: "sm" | "md";
+    ariaLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type BreadcrumbOwnProps = InstanceType<typeof BreadcrumbComponent>["$props"];
+/** Breadcrumb props plus the attributes that fall through to the <nav>. */
+export type BreadcrumbProps = BreadcrumbOwnProps & Omit<HTMLAttributes, keyof BreadcrumbOwnProps>;
+/**
+ * The trail of pages that leads to the current one. Each `BreadcrumbItem` is
+ * a link, a button (`@click`) or the current page (`current`). The
+ * `separator` slot replaces the chevron between items.
+ */
+export declare const Breadcrumb: typeof BreadcrumbComponent & {
+    new (): {
+        $props: BreadcrumbProps;
+    };
+};
+/** One step of the trail (React `Breadcrumb.Item`). */
+export declare const BreadcrumbItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** Link destination. Internal paths use the `linkComponent` of `PlexUIProvider` */
+    href: StringConstructor;
+    /** Router link destination, for link components that take `to` */
+    to: PropType<string | Record<string, unknown>>;
+    /** The current page: not a link, marked `aria-current="page"`. @default false */
+    current: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Makes an item without a destination act as a button (`@click`) */
+    onClick: PropType<(event: MouseEvent) => void>;
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Link destination. Internal paths use the `linkComponent` of `PlexUIProvider` */
+    href: StringConstructor;
+    /** Router link destination, for link components that take `to` */
+    to: PropType<string | Record<string, unknown>>;
+    /** The current page: not a link, marked `aria-current="page"`. @default false */
+    current: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Makes an item without a destination act as a button (`@click`) */
+    onClick: PropType<(event: MouseEvent) => void>;
+}>> & Readonly<{}>, {
+    current: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type BreadcrumbItemProps = InstanceType<typeof BreadcrumbItem>["$props"] & {
+    class?: HTMLAttributes["class"];
+};
+export {};

package/dist/types/components/Breadcrumb/index.d.ts

@@ -0,0 +1 @@
+export { Breadcrumb, BreadcrumbItem, type BreadcrumbItemProps, type BreadcrumbProps } from "./Breadcrumb.js";

package/dist/types/components/Button/Button.d.ts

@@ -0,0 +1,159 @@
+import { type ButtonHTMLAttributes, type PropType } from "vue";
+import type { ControlSize, SemanticColors, Sizes, Variants } from "@plexui/styles/types";
+export type ButtonColor = SemanticColors<"primary" | "secondary" | "danger" | "success" | "info" | "discovery" | "caution" | "warning">;
+declare const ButtonComponent: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** @default "button" */
+    type: {
+        type: PropType<"button" | "submit" | "reset">;
+        default: string;
+    };
+    /** Color for the button. @default "primary" */
+    color: {
+        type: PropType<ButtonColor>;
+        default: string;
+    };
+    /** Style variant for the Button. @default "solid" */
+    variant: {
+        type: PropType<Variants<"solid" | "soft" | "outline" | "ghost">>;
+        default: string;
+    };
+    /** Determines if the button should be a fully rounded pill shape. @default false */
+    pill: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Determines if the button should have matching width and height, based on the `size`. @default false */
+    uniform: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Controls size of the button: height, plus defaults for `gutterSize`, `iconSize` and font size. @default "md" */
+    size: {
+        type: PropType<ControlSize>;
+        default: string;
+    };
+    /** Controls the size of icons within the button, defaults to value from `size`. */
+    iconSize: PropType<Sizes<"sm" | "md" | "lg" | "xl" | "2xl">>;
+    /** Controls gutter on the edges of the button, defaults to value from `size`. */
+    gutterSize: PropType<Sizes<"3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl">>;
+    /** Displays loading indicator on top of button contents. @default false */
+    loading: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /** Displays selected styles on the button, varying by `variant`. @default false */
+    selected: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /** Determines if the button should take up 100% of available width. @default false */
+    block: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /** Applies a negative margin using the current gutter to optically align the button with surrounding content. */
+    opticallyAlign: PropType<"start" | "end">;
+    /** Disables the button visually and from interactions. @default false */
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /** Controls the visual tone when the button is disabled. "relaxed" will use a default cursor instead of not-allowed. */
+    disabledTone: PropType<"relaxed">;
+    /** Determines whether the button should be made inert, without introducing visual change. Defaults to `loading`. */
+    inert: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (_event: MouseEvent) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** @default "button" */
+    type: {
+        type: PropType<"button" | "submit" | "reset">;
+        default: string;
+    };
+    /** Color for the button. @default "primary" */
+    color: {
+        type: PropType<ButtonColor>;
+        default: string;
+    };
+    /** Style variant for the Button. @default "solid" */
+    variant: {
+        type: PropType<Variants<"solid" | "soft" | "outline" | "ghost">>;
+        default: string;
+    };
+    /** Determines if the button should be a fully rounded pill shape. @default false */
+    pill: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Determines if the button should have matching width and height, based on the `size`. @default false */
+    uniform: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Controls size of the button: height, plus defaults for `gutterSize`, `iconSize` and font size. @default "md" */
+    size: {
+        type: PropType<ControlSize>;
+        default: string;
+    };
+    /** Controls the size of icons within the button, defaults to value from `size`. */
+    iconSize: PropType<Sizes<"sm" | "md" | "lg" | "xl" | "2xl">>;
+    /** Controls gutter on the edges of the button, defaults to value from `size`. */
+    gutterSize: PropType<Sizes<"3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl">>;
+    /** Displays loading indicator on top of button contents. @default false */
+    loading: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /** Displays selected styles on the button, varying by `variant`. @default false */
+    selected: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /** Determines if the button should take up 100% of available width. @default false */
+    block: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /** Applies a negative margin using the current gutter to optically align the button with surrounding content. */
+    opticallyAlign: PropType<"start" | "end">;
+    /** Disables the button visually and from interactions. @default false */
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /** Controls the visual tone when the button is disabled. "relaxed" will use a default cursor instead of not-allowed. */
+    disabledTone: PropType<"relaxed">;
+    /** Determines whether the button should be made inert, without introducing visual change. Defaults to `loading`. */
+    inert: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onClick?: ((_event: MouseEvent) => any) | undefined;
+}>, {
+    type: "button" | "reset" | "submit";
+    disabled: boolean;
+    size: "3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
+    color: "primary" | "secondary" | "danger" | "success" | "info" | "discovery" | "caution" | "warning";
+    block: boolean;
+    inert: boolean;
+    variant: "solid" | "soft" | "outline" | "ghost";
+    pill: boolean;
+    uniform: boolean;
+    loading: boolean;
+    selected: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type ButtonOwnProps = InstanceType<typeof ButtonComponent>["$props"];
+/** Button props plus the native <button> attributes that fall through to it, as in React. */
+export type ButtonProps = ButtonOwnProps & Omit<ButtonHTMLAttributes, keyof ButtonOwnProps>;
+export declare const Button: typeof ButtonComponent & {
+    new (): {
+        $props: ButtonProps;
+    };
+};
+export {};

package/dist/types/components/Button/ButtonLink.d.ts

@@ -0,0 +1,106 @@
+import { type PropType } from "vue";
+import type { ControlSize, Sizes, Variants } from "@plexui/styles/types";
+import type { LinkComponent } from "../PlexUIProvider/index.js";
+import type { ButtonColor } from "./Button.js";
+type RouteTarget = string | Record<string, unknown>;
+/** Vue port of `ButtonLink` from packages/ui/src/components/Button/Button.tsx. */
+export declare const ButtonLink: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** Color for the link. @default "primary" */
+    color: {
+        type: PropType<ButtonColor>;
+        default: string;
+    };
+    /** Style variant. @default "solid" */
+    variant: {
+        type: PropType<Variants<"solid" | "soft" | "outline" | "ghost">>;
+        default: string;
+    };
+    /** Fully rounded pill shape. @default false */
+    pill: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Control height and typography scale. @default "md" */
+    size: {
+        type: PropType<ControlSize>;
+        default: string;
+    };
+    gutterSize: PropType<Sizes<"3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl">>;
+    iconSize: PropType<Sizes<"sm" | "md" | "lg" | "xl" | "2xl">>;
+    /** Force external-link behavior. */
+    external: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    block: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    opticallyAlign: PropType<"start" | "end">;
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    disabledTone: PropType<"relaxed">;
+    /** Link component override (e.g. a router link). */
+    as: PropType<LinkComponent>;
+    href: StringConstructor;
+    to: PropType<RouteTarget>;
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (_event: MouseEvent) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Color for the link. @default "primary" */
+    color: {
+        type: PropType<ButtonColor>;
+        default: string;
+    };
+    /** Style variant. @default "solid" */
+    variant: {
+        type: PropType<Variants<"solid" | "soft" | "outline" | "ghost">>;
+        default: string;
+    };
+    /** Fully rounded pill shape. @default false */
+    pill: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Control height and typography scale. @default "md" */
+    size: {
+        type: PropType<ControlSize>;
+        default: string;
+    };
+    gutterSize: PropType<Sizes<"3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl">>;
+    iconSize: PropType<Sizes<"sm" | "md" | "lg" | "xl" | "2xl">>;
+    /** Force external-link behavior. */
+    external: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    block: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    opticallyAlign: PropType<"start" | "end">;
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    disabledTone: PropType<"relaxed">;
+    /** Link component override (e.g. a router link). */
+    as: PropType<LinkComponent>;
+    href: StringConstructor;
+    to: PropType<RouteTarget>;
+}>> & Readonly<{
+    onClick?: ((_event: MouseEvent) => any) | undefined;
+}>, {
+    disabled: boolean;
+    size: "3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
+    color: "primary" | "secondary" | "danger" | "success" | "info" | "discovery" | "caution" | "warning";
+    block: boolean;
+    external: boolean;
+    variant: "solid" | "soft" | "outline" | "ghost";
+    pill: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export {};

package/dist/types/components/Button/CopyButton.d.ts

@@ -0,0 +1,37 @@
+import { type PropType } from "vue";
+import { type ClipboardContent } from "../../lib/copyToClipboard.js";
+import { type ButtonProps } from "./Button.js";
+declare const CopyButtonComponent: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    copyValue: {
+        type: PropType<string | ClipboardContent | (() => string) | (() => ClipboardContent)>;
+        required: true;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (_event: MouseEvent) => true;
+    /** The clipboard write settled; `copied` says whether it succeeded (React's `onCopy`). */
+    copy: (_copied: boolean) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    copyValue: {
+        type: PropType<string | ClipboardContent | (() => string) | (() => ClipboardContent)>;
+        required: true;
+    };
+}>> & Readonly<{
+    onClick?: ((_event: MouseEvent) => any) | undefined;
+    onCopy?: ((_copied: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type CopyButtonOwnProps = InstanceType<typeof CopyButtonComponent>["$props"];
+/** CopyButton props plus every Button prop, which pass through to the Button. */
+export type CopyButtonProps = CopyButtonOwnProps & Omit<ButtonProps, keyof CopyButtonOwnProps>;
+/**
+ * Port of packages/ui/src/components/Button/CopyButton.tsx. Every Button
+ * prop passes through; the default slot receives `{ copied }`, like the
+ * React render-function child.
+ */
+export declare const CopyButton: typeof CopyButtonComponent & {
+    new (): {
+        $props: CopyButtonProps;
+    };
+};
+export {};

package/dist/types/components/Button/index.d.ts

@@ -0,0 +1,3 @@
+export { Button, type ButtonColor, type ButtonProps } from "./Button.js";
+export { ButtonLink } from "./ButtonLink.js";
+export { CopyButton, type CopyButtonProps } from "./CopyButton.js";

package/dist/types/components/ButtonGroup/ButtonGroup.d.ts

@@ -0,0 +1,75 @@
+import { type HTMLAttributes, type PropType } from "vue";
+export type ButtonGroupOrientation = "horizontal" | "vertical";
+declare const ButtonGroupComponent: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** Direction of the joined buttons. @default "horizontal" */
+    orientation: {
+        type: PropType<ButtonGroupOrientation>;
+        default: string;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** Direction of the joined buttons. @default "horizontal" */
+    orientation: {
+        type: PropType<ButtonGroupOrientation>;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    orientation: ButtonGroupOrientation;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type ButtonGroupOwnProps = InstanceType<typeof ButtonGroupComponent>["$props"];
+/** ButtonGroup props plus the native <div> attributes that fall through to it, as in React. */
+export type ButtonGroupProps = ButtonGroupOwnProps & Omit<HTMLAttributes, keyof ButtonGroupOwnProps>;
+/** Joins buttons, inputs and other controls into a single visual unit. */
+export declare const ButtonGroup: typeof ButtonGroupComponent & {
+    new (): {
+        $props: ButtonGroupProps;
+    };
+};
+/** Thin divider between items (React `ButtonGroup.Separator`). Other props go to `Separator`. */
+export declare const ButtonGroupSeparator: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /**
+     * When omitted, uses `"vertical"`, the axis that looks right between
+     * horizontal items. Pass explicitly inside a vertical group.
+     */
+    orientation: PropType<ButtonGroupOrientation>;
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * When omitted, uses `"vertical"`, the axis that looks right between
+     * horizontal items. Pass explicitly inside a vertical group.
+     */
+    orientation: PropType<ButtonGroupOrientation>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type ButtonGroupSeparatorProps = InstanceType<typeof ButtonGroupSeparator>["$props"] & {
+    decorative?: boolean;
+};
+/** Muted label sharing the group's joined geometry (React `ButtonGroup.Text`). */
+export declare const ButtonGroupText: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /**
+     * Render the passed child (label, span, ...) instead of a `<div>`, while
+     * keeping the group's visual treatment.
+     * @default false
+     */
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Render the passed child (label, span, ...) instead of a `<div>`, while
+     * keeping the group's visual treatment.
+     * @default false
+     */
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    asChild: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type ButtonGroupTextProps = InstanceType<typeof ButtonGroupText>["$props"] & HTMLAttributes;
+export {};

package/dist/types/components/ButtonGroup/index.d.ts

@@ -0,0 +1 @@
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, type ButtonGroupOrientation, type ButtonGroupProps, type ButtonGroupSeparatorProps, type ButtonGroupTextProps, } from "./ButtonGroup.js";

package/dist/types/components/Card/Card.d.ts

@@ -0,0 +1,99 @@
+import { type AnchorHTMLAttributes, type DefineComponent, type HTMLAttributes, type PropType } from "vue";
+import type { LinkComponent } from "../PlexUIProvider/index.js";
+export type CardVariant = "outline" | "solid" | "ghost";
+export type CardSize = "sm" | "md" | "lg";
+declare const CardComponent: DefineComponent<import("vue").ExtractPropTypes<{
+    /**
+     * Visual variant of the card: `"outline"` (1px border), `"solid"` (muted
+     * background) or `"ghost"` (no border, no background).
+     * @default "outline"
+     */
+    variant: {
+        type: PropType<CardVariant>;
+        default: string;
+    };
+    /** Padding scale. @default "md" */
+    size: {
+        type: PropType<CardSize>;
+        default: string;
+    };
+    /** Adds hover/focus affordances. Automatic when `href` is provided. @default false */
+    interactive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** When provided, the Card renders as a link. */
+    href: StringConstructor;
+    /** Explicitly flag as external, otherwise detected from `href`. */
+    external: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /** Override the rendered link component (e.g. a router link). */
+    as: PropType<LinkComponent>;
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Visual variant of the card: `"outline"` (1px border), `"solid"` (muted
+     * background) or `"ghost"` (no border, no background).
+     * @default "outline"
+     */
+    variant: {
+        type: PropType<CardVariant>;
+        default: string;
+    };
+    /** Padding scale. @default "md" */
+    size: {
+        type: PropType<CardSize>;
+        default: string;
+    };
+    /** Adds hover/focus affordances. Automatic when `href` is provided. @default false */
+    interactive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** When provided, the Card renders as a link. */
+    href: StringConstructor;
+    /** Explicitly flag as external, otherwise detected from `href`. */
+    external: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /** Override the rendered link component (e.g. a router link). */
+    as: PropType<LinkComponent>;
+}>> & Readonly<{}>, {
+    size: CardSize;
+    external: boolean;
+    variant: CardVariant;
+    interactive: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type CardOwnProps = InstanceType<typeof CardComponent>["$props"];
+/** Card props plus the native <div> / <a> attributes that fall through to it, as in React. */
+export type CardProps = CardOwnProps & Omit<HTMLAttributes & AnchorHTMLAttributes, keyof CardOwnProps>;
+/** Surface primitive. Renders a `<div>`, or a link when `href` is set. */
+export declare const Card: typeof CardComponent & {
+    new (): {
+        $props: CardProps;
+    };
+};
+type CardPart = DefineComponent & {
+    new (): {
+        $props: CardSlotProps;
+    };
+};
+/** Title + description + optional action (React `Card.Header`). */
+export declare const CardHeader: CardPart;
+/** Card heading, an `<h3>` (React `Card.Title`). */
+export declare const CardTitle: CardPart;
+/** Subtitle or explanation, a `<p>` (React `Card.Description`). */
+export declare const CardDescription: CardPart;
+/** Primary body region (React `Card.Content`). */
+export declare const CardContent: CardPart;
+/** Trailing actions row (React `Card.Footer`). */
+export declare const CardFooter: CardPart;
+/** Absolute top-right slot inside `CardHeader` (React `Card.Action`). */
+export declare const CardAction: CardPart;
+/** Props of the Card parts: native attributes of their element. */
+export type CardSlotProps = HTMLAttributes;
+export {};

package/dist/types/components/Card/index.d.ts

@@ -0,0 +1 @@
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type CardProps, type CardSize, type CardSlotProps, type CardVariant, } from "./Card.js";