@vhyxui/react 0.1.0-alpha.1

package/dist/alert.d.ts

@@ -0,0 +1,25 @@
+import { ComponentContract } from '@vhyxui/core';
+import { default as default_2 } from 'react';
+
+export declare const Alert: default_2.ForwardRefExoticComponent<default_2.PropsWithoutRef<AlertProps> & default_2.RefAttributes<HTMLDivElement>>;
+
+/** Props for the Alert component. */
+export declare interface AlertProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    /** Semantic variant. @default 'default' */
+    variant?: AlertVariant;
+    /** Optional title rendered in bold above the message. */
+    title?: string;
+    /** Icon override. Defaults to a variant-appropriate symbol when omitted. */
+    icon?: default_2.ReactNode;
+    /** When true, renders a Dismiss button. @default false */
+    dismissible?: boolean;
+    /** Callback fired when the Dismiss button is clicked. */
+    onDismiss?: () => void;
+    /** VhyxSeal contract override. Merged on top of the default alertContract. */
+    contract?: Partial<ComponentContract>;
+}
+
+/** Visual variant of the Alert. */
+export declare type AlertVariant = 'default' | 'success' | 'warning' | 'danger' | 'info';
+
+export { }

package/dist/alert.js

@@ -0,0 +1,4 @@
+import { A as o } from "./Alert-am3ANPTH.js";
+export {
+  o as Alert
+};

package/dist/badge.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Badge-RM7n86Rq.cjs");exports.Badge=e.Badge;

package/dist/badge.d.ts

@@ -0,0 +1,31 @@
+import { default as default_2 } from 'react';
+
+export declare const Badge: default_2.ForwardRefExoticComponent<default_2.PropsWithoutRef<BadgeProps> & default_2.RefAttributes<HTMLSpanElement>>;
+
+/** Props for the Badge component. */
+export declare interface BadgeProps extends default_2.HTMLAttributes<HTMLSpanElement> {
+    /** Visual variant. @default 'default' */
+    variant?: BadgeVariant;
+    /** Size of the badge. @default 'md' */
+    size?: BadgeSize;
+    /**
+     * When true, renders a small circular dot indicator with no text.
+     * Useful for notification indicators.
+     */
+    dot?: boolean;
+    /**
+     * Numeric count to display. When count exceeds max, displays "{max}+".
+     * Ignored when dot=true.
+     */
+    count?: number;
+    /** Maximum count before truncation. @default 99 */
+    max?: number;
+}
+
+/** Size of the Badge. */
+export declare type BadgeSize = 'sm' | 'md' | 'lg';
+
+/** Visual variant of the Badge. */
+export declare type BadgeVariant = 'default' | 'success' | 'warning' | 'danger' | 'info' | 'outline';
+
+export { }

package/dist/badge.js

@@ -0,0 +1,4 @@
+import { B as o } from "./Badge-Fuc7l-1E.js";
+export {
+  o as Badge
+};

package/dist/breadcrumb.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Breadcrumb-StitgXXx.cjs");exports.Breadcrumb=e.Breadcrumb;

package/dist/breadcrumb.d.ts

@@ -0,0 +1,81 @@
+import { ComponentContract } from '@vhyxui/core';
+import { default as default_2 } from 'react';
+
+export declare const Breadcrumb: default_2.ComponentType<BreadcrumbProps & default_2.RefAttributes<HTMLElement>> & {
+    Item: typeof BreadcrumbItem;
+    Link: typeof BreadcrumbLink;
+    Page: typeof BreadcrumbPage;
+    Ellipsis: typeof BreadcrumbEllipsis;
+};
+
+/** Collapsed items indicator — rendered when maxItems is exceeded. */
+declare function BreadcrumbEllipsis({ className, ...rest }: BreadcrumbEllipsisProps): default_2.ReactElement;
+
+declare namespace BreadcrumbEllipsis {
+    var displayName: string;
+}
+
+export declare interface BreadcrumbEllipsisProps extends default_2.HTMLAttributes<HTMLSpanElement> {
+}
+
+/**
+ * A single item in the breadcrumb list.
+ * Renders as an `<li>` with the separator automatically appended.
+ */
+declare function BreadcrumbItem({ children, className, ...rest }: BreadcrumbItemProps): default_2.ReactElement;
+
+declare namespace BreadcrumbItem {
+    var displayName: string;
+}
+
+export declare interface BreadcrumbItemProps extends default_2.LiHTMLAttributes<HTMLLIElement> {
+    children?: default_2.ReactNode;
+}
+
+/** An ancestor page link in the breadcrumb trail. */
+declare function BreadcrumbLink({ children, className, asChild, ...rest }: BreadcrumbLinkProps): default_2.ReactElement;
+
+declare namespace BreadcrumbLink {
+    var displayName: string;
+}
+
+export declare interface BreadcrumbLinkProps extends default_2.AnchorHTMLAttributes<HTMLAnchorElement> {
+    /**
+     * When true, renders as the child element via Slot instead of <a>.
+     * Use with Next.js Link or other routing components.
+     */
+    asChild?: boolean;
+    children?: default_2.ReactNode;
+}
+
+/**
+ * The current page in the breadcrumb hierarchy.
+ * Not a link — receives aria-current="page".
+ */
+declare function BreadcrumbPage({ children, className, ...rest }: BreadcrumbPageProps): default_2.ReactElement;
+
+declare namespace BreadcrumbPage {
+    var displayName: string;
+}
+
+export declare interface BreadcrumbPageProps extends default_2.HTMLAttributes<HTMLSpanElement> {
+    children?: default_2.ReactNode;
+}
+
+/** Root props for the Breadcrumb compound component. */
+export declare interface BreadcrumbProps extends default_2.HTMLAttributes<HTMLElement> {
+    /**
+     * Separator element rendered between items. Defaults to "/" (aria-hidden).
+     */
+    separator?: default_2.ReactNode;
+    /**
+     * When set, collapses the middle items with an ellipsis when
+     * the item count exceeds this number. Not yet implemented — reserved.
+     */
+    maxItems?: number;
+    /** VhyxSeal contract override. */
+    contract?: Partial<ComponentContract>;
+    children?: default_2.ReactNode;
+}
+
+export { }

package/dist/breadcrumb.js

@@ -0,0 +1,4 @@
+import { B as e } from "./Breadcrumb-Db7ASomJ.js";
+export {
+  e as Breadcrumb
+};

package/dist/button.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Button-CfYG4zkG.cjs");exports.Button=t.Button;

package/dist/button.d.ts

@@ -0,0 +1,36 @@
+import { ComponentContract } from '@vhyxui/core';
+import { default as default_2 } from 'react';
+
+export declare const Button: default_2.ForwardRefExoticComponent<default_2.PropsWithoutRef<ButtonProps> & default_2.RefAttributes<HTMLButtonElement>>;
+
+/** Props for the Button component. */
+export declare interface ButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Visual style of the button. @default 'primary' */
+    variant?: ButtonVariant;
+    /** Size of the button, maps to --vhyx-size-* height tokens. @default 'md' */
+    size?: ButtonSize;
+    /** When true, shows a spinner and disables interaction. */
+    loading?: boolean;
+    /** Optional icon element rendered alongside button text. */
+    icon?: default_2.ReactNode;
+    /** Side the icon appears on. @default 'left' */
+    iconPosition?: 'left' | 'right';
+    /** When true, renders icon only with no text. Requires aria-label for accessibility. */
+    iconOnly?: boolean;
+    /**
+     * When true, renders as the child element instead of a <button>.
+     * All Button props are merged onto the child via Slot.
+     * Use for navigation links or custom trigger elements.
+     */
+    asChild?: boolean;
+    /** VhyxSeal contract override — merged with the default button contract. */
+    contract?: Partial<ComponentContract>;
+}
+
+/** Size tokens available on the Button component. */
+export declare type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';
+
+/** All variants available on the Button component. */
+export declare type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'destructive' | 'link';
+
+export { }

package/dist/button.js

@@ -0,0 +1,4 @@
+import { B as r } from "./Button-B32xz0b5.js";
+export {
+  r as Button
+};

package/dist/card.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Card-d5xrWgQS.cjs");exports.Card=e.Card;

package/dist/card.d.ts

@@ -0,0 +1,72 @@
+import { ComponentContract } from '@vhyxui/core';
+import { default as default_2 } from 'react';
+
+export declare const Card: default_2.ComponentType<CardProps & default_2.RefAttributes<HTMLDivElement>> & {
+    Header: typeof CardHeader;
+    Body: typeof CardBody;
+    Footer: typeof CardFooter;
+    Image: typeof CardImage;
+};
+
+declare function CardBody({ children, className, ...rest }: CardBodyProps): default_2.ReactElement;
+
+declare namespace CardBody {
+    var displayName: string;
+}
+
+export declare interface CardBodyProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    children?: default_2.ReactNode;
+}
+
+declare function CardFooter({ children, className, ...rest }: CardFooterProps): default_2.ReactElement;
+
+declare namespace CardFooter {
+    var displayName: string;
+}
+
+export declare interface CardFooterProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    children?: default_2.ReactNode;
+}
+
+declare function CardHeader({ children, className, ...rest }: CardHeaderProps): default_2.ReactElement;
+
+declare namespace CardHeader {
+    var displayName: string;
+}
+
+export declare interface CardHeaderProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    children?: default_2.ReactNode;
+}
+
+declare function CardImage({ children, className, ...rest }: CardImageProps): default_2.ReactElement;
+
+declare namespace CardImage {
+    var displayName: string;
+}
+
+export declare interface CardImageProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    children?: default_2.ReactNode;
+}
+
+/** Padding size applied to the Card. */
+export declare type CardPadding = 'none' | 'sm' | 'md' | 'lg';
+
+/** Root props for the Card compound component. */
+export declare interface CardProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    /** Visual variant. @default 'default' */
+    variant?: CardVariant;
+    /** Padding inside the card. @default 'md' */
+    padding?: CardPadding;
+    /**
+     * When true, adds hover and active states — use for clickable cards.
+     * Add onClick and role="button" or wrap with a link separately.
+     */
+    interactive?: boolean;
+    /** VhyxSeal contract override. */
+    contract?: Partial<ComponentContract>;
+}
+
+/** Visual variant of the Card. */
+export declare type CardVariant = 'default' | 'outline' | 'ghost' | 'elevated';
+
+export { }

package/dist/card.js

@@ -0,0 +1,4 @@
+import { C as o } from "./Card-D7ZNeWtE.js";
+export {
+  o as Card
+};

package/dist/checkbox.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Checkbox-DvkT6QP9.cjs");exports.Checkbox=e.Checkbox;

package/dist/checkbox.d.ts

@@ -0,0 +1,33 @@
+import { ComponentContract } from '@vhyxui/core';
+import { default as default_2 } from 'react';
+
+export declare const Checkbox: default_2.ForwardRefExoticComponent<default_2.PropsWithoutRef<CheckboxProps> & default_2.RefAttributes<HTMLButtonElement>>;
+
+/** Props for the Checkbox component. */
+export declare interface CheckboxProps extends Omit<default_2.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange' | 'defaultChecked'> {
+    /** Controlled checked state. */
+    checked?: CheckedState;
+    /** Uncontrolled default checked state. @default false */
+    defaultChecked?: CheckedState;
+    /** Called when the checked state changes. */
+    onCheckedChange?: (checked: CheckedState) => void;
+    /** When true, renders the indeterminate state (dash mark). */
+    indeterminate?: boolean;
+    /** Size of the checkbox. @default 'md' */
+    size?: CheckboxSize;
+    /**
+     * When true, renders as the child element instead of <button role="checkbox">.
+     * ARIA attributes and click handler are merged onto the child via Slot.
+     */
+    asChild?: boolean;
+    /** VhyxSeal contract override — merged with the default checkbox contract. */
+    contract?: Partial<ComponentContract>;
+}
+
+/** Size tokens available on the Checkbox component. */
+export declare type CheckboxSize = 'sm' | 'md' | 'lg';
+
+/** Checkbox checked value — boolean or 'indeterminate'. */
+export declare type CheckedState = boolean | 'indeterminate';
+
+export { }

package/dist/checkbox.js

@@ -0,0 +1,4 @@
+import { C as r } from "./Checkbox-DWl91ci_.js";
+export {
+  r as Checkbox
+};

package/dist/dialog.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Dialog-gPT4noD8.cjs");exports.Dialog=e.Dialog;

package/dist/dialog.d.ts

@@ -0,0 +1,112 @@
+import { ComponentContract } from '@vhyxui/core';
+import { default as default_2 } from 'react';
+
+export declare const Dialog: default_2.ComponentType<DialogProps & default_2.RefAttributes<HTMLDivElement>> & {
+    Trigger: default_2.ForwardRefExoticComponent<DialogTriggerProps & default_2.RefAttributes<HTMLButtonElement>>;
+    Portal: typeof DialogPortal;
+    Overlay: default_2.ForwardRefExoticComponent<DialogOverlayProps & default_2.RefAttributes<HTMLDivElement>>;
+    Content: default_2.ForwardRefExoticComponent<DialogContentProps & default_2.RefAttributes<HTMLDivElement>>;
+    Header: typeof DialogHeader;
+    Footer: typeof DialogFooter;
+    Title: typeof DialogTitle;
+    Description: typeof DialogDescription;
+    Close: default_2.ForwardRefExoticComponent<DialogCloseProps & default_2.RefAttributes<HTMLButtonElement>>;
+};
+
+export declare interface DialogCloseProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
+    children?: default_2.ReactNode;
+    /**
+     * When true, renders as the child element via Slot instead of <button>.
+     * Use to avoid nested interactive elements when composing with Button.
+     */
+    asChild?: boolean;
+}
+
+export declare interface DialogContentProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    /** Override the accessible label for the close button inside. */
+    closeLabel?: string;
+}
+
+/** Optional accessible description. */
+declare function DialogDescription({ children, className, ...rest }: DialogDescriptionProps): default_2.ReactElement;
+
+declare namespace DialogDescription {
+    var displayName: string;
+}
+
+export declare interface DialogDescriptionProps extends default_2.HTMLAttributes<HTMLParagraphElement> {
+    children?: default_2.ReactNode;
+}
+
+/** Optional layout wrapper for the dialog footer (actions). */
+declare function DialogFooter({ children, className, ...rest }: DialogFooterProps): default_2.ReactElement;
+
+declare namespace DialogFooter {
+    var displayName: string;
+}
+
+export declare interface DialogFooterProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    children?: default_2.ReactNode;
+}
+
+/** Optional layout wrapper for the dialog header area. */
+declare function DialogHeader({ children, className, ...rest }: DialogHeaderProps): default_2.ReactElement;
+
+declare namespace DialogHeader {
+    var displayName: string;
+}
+
+export declare interface DialogHeaderProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    children?: default_2.ReactNode;
+}
+
+export declare interface DialogOverlayProps extends default_2.HTMLAttributes<HTMLDivElement> {
+}
+
+/** Renders its children in document.body. */
+declare function DialogPortal({ children }: DialogPortalProps): default_2.ReactPortal | null;
+
+declare namespace DialogPortal {
+    var displayName: string;
+}
+
+export declare interface DialogPortalProps {
+    children?: default_2.ReactNode;
+}
+
+/** Root props for the Dialog compound component. */
+export declare interface DialogProps {
+    /** Controlled open state. */
+    open?: boolean;
+    /** Default open state for uncontrolled mode. @default false */
+    defaultOpen?: boolean;
+    /** Called when the open state changes. */
+    onOpenChange?: (open: boolean) => void;
+    /** When true, blocks interaction with the rest of the page. @default true */
+    modal?: boolean;
+    /** Controls the maximum width of the dialog panel. @default 'md' */
+    size?: 'sm' | 'md' | 'lg';
+    /** VhyxSeal contract override. */
+    contract?: Partial<ComponentContract>;
+    /** Dialog sub-components as children. */
+    children: default_2.ReactNode;
+}
+
+/** The dialog's accessible title. Required for screen reader announcement. */
+declare function DialogTitle({ children, className, ...rest }: DialogTitleProps): default_2.ReactElement;
+
+declare namespace DialogTitle {
+    var displayName: string;
+}
+
+export declare interface DialogTitleProps extends default_2.HTMLAttributes<HTMLHeadingElement> {
+    children?: default_2.ReactNode;
+}
+
+export declare interface DialogTriggerProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
+    /** When true, renders as the child element via Slot instead of <button>. */
+    asChild?: boolean;
+    children?: default_2.ReactNode;
+}
+
+export { }

package/dist/dialog.js

@@ -0,0 +1,4 @@
+import { D as r } from "./Dialog-CtYu14zl.js";
+export {
+  r as Dialog
+};

package/dist/drawer.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Drawer-BygSIQQn.cjs");exports.Drawer=e.Drawer;

package/dist/drawer.d.ts

@@ -0,0 +1,110 @@
+import { ComponentContract } from '@vhyxui/core';
+import { default as default_2 } from 'react';
+
+export declare const Drawer: default_2.ComponentType<DrawerProps & default_2.RefAttributes<HTMLDivElement>> & {
+    Trigger: default_2.ForwardRefExoticComponent<DrawerTriggerProps & default_2.RefAttributes<HTMLButtonElement>>;
+    Portal: typeof DrawerPortal;
+    Overlay: default_2.ForwardRefExoticComponent<DrawerOverlayProps & default_2.RefAttributes<HTMLDivElement>>;
+    Content: default_2.ForwardRefExoticComponent<DrawerContentProps & default_2.RefAttributes<HTMLDivElement>>;
+    Header: typeof DrawerHeader;
+    Footer: typeof DrawerFooter;
+    Title: typeof DrawerTitle;
+    Description: typeof DrawerDescription;
+    Close: default_2.ForwardRefExoticComponent<DrawerCloseProps & default_2.RefAttributes<HTMLButtonElement>>;
+};
+
+export declare interface DrawerCloseProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
+    children?: default_2.ReactNode;
+    /**
+     * When true, renders as the child element via Slot instead of <button>.
+     * Use to avoid nested interactive elements when composing with Button.
+     */
+    asChild?: boolean;
+}
+
+export declare interface DrawerContentProps extends default_2.HTMLAttributes<HTMLDivElement> {
+}
+
+declare function DrawerDescription({ children, className, ...rest }: DrawerDescriptionProps): default_2.ReactElement;
+
+declare namespace DrawerDescription {
+    var displayName: string;
+}
+
+export declare interface DrawerDescriptionProps extends default_2.HTMLAttributes<HTMLParagraphElement> {
+    children?: default_2.ReactNode;
+}
+
+declare function DrawerFooter({ children, className, ...rest }: DrawerFooterProps): default_2.ReactElement;
+
+declare namespace DrawerFooter {
+    var displayName: string;
+}
+
+export declare interface DrawerFooterProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    children?: default_2.ReactNode;
+}
+
+declare function DrawerHeader({ children, className, ...rest }: DrawerHeaderProps): default_2.ReactElement;
+
+declare namespace DrawerHeader {
+    var displayName: string;
+}
+
+export declare interface DrawerHeaderProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    children?: default_2.ReactNode;
+}
+
+export declare interface DrawerOverlayProps extends default_2.HTMLAttributes<HTMLDivElement> {
+}
+
+/** Renders its children in document.body when the drawer is open. */
+declare function DrawerPortal({ children }: DrawerPortalProps): default_2.ReactPortal | null;
+
+declare namespace DrawerPortal {
+    var displayName: string;
+}
+
+export declare interface DrawerPortalProps {
+    children?: default_2.ReactNode;
+}
+
+/** Root props for the Drawer compound component. */
+export declare interface DrawerProps {
+    /** Controlled open state. */
+    open?: boolean;
+    /** Called when the open state changes. */
+    onOpenChange?: (open: boolean) => void;
+    /** Side the drawer slides in from. @default 'right' */
+    side?: DrawerSide;
+    /** Size of the drawer panel. @default 'md' */
+    size?: DrawerSize;
+    /** VhyxSeal contract override. */
+    contract?: Partial<ComponentContract>;
+    /** Drawer sub-components as children. */
+    children: default_2.ReactNode;
+}
+
+/** Side the Drawer slides in from. */
+export declare type DrawerSide = 'left' | 'right' | 'top' | 'bottom';
+
+/** Size of the Drawer panel. */
+export declare type DrawerSize = 'sm' | 'md' | 'lg' | 'full';
+
+declare function DrawerTitle({ children, className, ...rest }: DrawerTitleProps): default_2.ReactElement;
+
+declare namespace DrawerTitle {
+    var displayName: string;
+}
+
+export declare interface DrawerTitleProps extends default_2.HTMLAttributes<HTMLHeadingElement> {
+    children?: default_2.ReactNode;
+}
+
+export declare interface DrawerTriggerProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
+    /** When true, renders as the child element via Slot instead of <button>. */
+    asChild?: boolean;
+    children?: default_2.ReactNode;
+}
+
+export { }

package/dist/drawer.js

@@ -0,0 +1,4 @@
+import { D as e } from "./Drawer-BFJxsPG1.js";
+export {
+  e as Drawer
+};

package/dist/form.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Field-D6FSsUGj.cjs");exports.Field=e.Field;exports.Form=e.Form;exports.useFormContext=e.useFormContext;