@konstructio/ui 0.1.2-alpha.52 → 0.1.2-alpha.53

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

@@ -0,0 +1,8 @@
+export declare const badgeVariants: (props?: ({
+    variant?: "info" | "warning" | "danger" | "default" | "success" | "violet" | "orange" | null | undefined;
+    size?: "default" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const buttonDismissVariants: (props?: ({
+    variant?: "info" | "warning" | "danger" | "default" | "success" | "violet" | "orange" | null | undefined;
+    size?: "default" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -0,0 +1,29 @@
+import { FC } from 'react';
+import { BreadcrumbProps } from './Breadcrumb.types';
+/**
+ * A breadcrumb navigation component showing the current location in a hierarchy.
+ *
+ * @example
+ * ```tsx
+ * // Basic breadcrumb
+ * <Breadcrumb
+ *   steps={[
+ *     { label: 'Home', to: '/' },
+ *     { label: 'Settings', to: '/settings' },
+ *     { label: 'Profile', isActive: true },
+ *   ]}
+ * />
+ *
+ * // With custom Link component (e.g., react-router)
+ * <Breadcrumb
+ *   steps={[
+ *     { label: 'Dashboard', to: '/dashboard', component: Link },
+ *     { label: 'Users', to: '/users', component: Link },
+ *     { label: 'Edit User', isActive: true },
+ *   ]}
+ * />
+ * ```
+ *
+ * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-breadcrumb--docs Storybook}
+ */
+export declare const Breadcrumb: FC<BreadcrumbProps>;

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

@@ -0,0 +1,41 @@
+import { VariantProps } from 'class-variance-authority';
+import { FC, HTMLAttributes } from 'react';
+import { Theme } from '../../domain/theme';
+import { breadcrumbVariants } from './Breadcrumb.variants';
+/**
+ * A single step in the breadcrumb navigation.
+ */
+export type Step = {
+    /** Display text for the breadcrumb item */
+    label: string;
+    /** URL to navigate to when clicked */
+    to?: string;
+    /** Link target (_self or _blank) */
+    target?: '_self' | '_blank';
+    /** Whether this step is the current/active page */
+    isActive?: boolean;
+    /** Custom component to render (e.g., Link from react-router) */
+    component?: FC<any>;
+};
+/**
+ * Props for the Breadcrumb component.
+ *
+ * @example
+ * ```tsx
+ * <Breadcrumb
+ *   steps={[
+ *     { label: 'Home', to: '/' },
+ *     { label: 'Products', to: '/products' },
+ *     { label: 'Current Page', isActive: true },
+ *   ]}
+ * />
+ * ```
+ */
+export interface BreadcrumbProps extends VariantProps<typeof breadcrumbVariants>, HTMLAttributes<HTMLOListElement> {
+    /** Array of breadcrumb steps */
+    steps: Step[];
+    /** CSS classes for the nav wrapper */
+    wrapperClassName?: string;
+    /** Theme override for this component */
+    theme?: Theme;
+}

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

@@ -0,0 +1,2 @@
+export declare const breadcrumbWrapperVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const breadcrumbVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { ItemProps } from './Item.types';
+export declare const Item: FC<ItemProps>;

package/dist/components/Breadcrumb/components/Item/Item.js

@@ -1,6 +1,6 @@
 import { jsx as e, Fragment as p } from "react/jsx-runtime";
 import { cn as m } from "../../../../utils/index.js";
-import { u as h, L as b } from "../../../../useBreadcrumb-BAHbGQ_O.js";
+import { u as h, L as b } from "../../../../useBreadcrumb-vSs0pRo3.js";
 import { breadcrumbLinkVariants as d, breadcrumbLabelVariants as k } from "./Item.variants.js";
 const g = ({
   isActive: r,

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

@@ -0,0 +1,6 @@
+import { Theme } from '../../../../domain/theme';
+import { Step } from '../../Breadcrumb.types';
+export interface ItemProps extends Step {
+    isLast: boolean;
+    theme?: Theme;
+}

package/dist/components/Breadcrumb/components/Item/Item.variants.d.ts

@@ -0,0 +1,6 @@
+export declare const breadcrumbLinkVariants: (props?: ({
+    isActive?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const breadcrumbLabelVariants: (props?: ({
+    isActive?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -0,0 +1 @@
+export * from './Item/Item';

package/dist/components/Breadcrumb/hooks/useBreadcrumb.d.ts

@@ -0,0 +1,3 @@
+export declare const useBreadcrumb: () => {
+    isInsideRouter: boolean;
+};

package/dist/components/Breadcrumb/hooks/useBreadcrumb.js

@@ -1,4 +1,4 @@
-import { u } from "../../../useBreadcrumb-BAHbGQ_O.js";
+import { u } from "../../../useBreadcrumb-vSs0pRo3.js";
 export {
   u as useBreadcrumb
 };

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

@@ -0,0 +1,33 @@
+import { FC } from 'react';
+import { ButtonProps } from './Button.types';
+/**
+ * A customizable button component with multiple variants and styles.
+ *
+ * @example
+ * ```tsx
+ * // Primary button (default)
+ * <Button>Click me</Button>
+ *
+ * // Secondary button
+ * <Button variant="secondary">Secondary</Button>
+ *
+ * // Danger button
+ * <Button variant="danger">Delete</Button>
+ *
+ * // Link style button
+ * <Button variant="link">Learn more</Button>
+ *
+ * // Circle icon button
+ * <Button shape="circle" size="large"><Icon /></Button>
+ *
+ * // Compact button
+ * <Button appearance="compact">Compact</Button>
+ *
+ * // As child (renders child element with button styles)
+ * <Button asChild><a href="/page">Link</a></Button>
+ * ```
+ *
+ * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-button--docs Storybook}
+ */
+declare const Button: FC<ButtonProps>;
+export { Button };

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

@@ -0,0 +1,24 @@
+import { VariantProps } from 'class-variance-authority';
+import { ButtonHTMLAttributes, Ref } from 'react';
+import { Theme } from '../../domain/theme';
+import { buttonVariants } from './Button.variants';
+/**
+ * Props for the Button component.
+ *
+ * @example
+ * ```tsx
+ * <Button variant="primary">Click me</Button>
+ * <Button variant="secondary" disabled>Disabled</Button>
+ * <Button variant="danger" shape="circle"><TrashIcon /></Button>
+ * ```
+ */
+export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'disabled'>, VariantProps<typeof buttonVariants> {
+    /** Ref to the underlying button element */
+    ref?: Ref<HTMLButtonElement>;
+    /** Merge props onto child element instead of rendering a button */
+    asChild?: boolean;
+    /** Whether the button is disabled */
+    disabled?: boolean;
+    /** Theme override for this component */
+    theme?: Theme;
+}

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

@@ -0,0 +1,8 @@
+export declare const buttonVariants: (props?: ({
+    variant?: "danger" | "link" | "primary" | "secondary" | "tertiary" | null | undefined;
+    shape?: "circle" | null | undefined;
+    version?: "default" | "alternate" | null | undefined;
+    disabled?: boolean | null | undefined;
+    size?: "medium" | "large" | null | undefined;
+    appearance?: "compact" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

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

@@ -0,0 +1,28 @@
+import { FC } from 'react';
+import { CardProps } from './Card.types';
+/**
+ * A container card component with optional hover and active states.
+ *
+ * @example
+ * ```tsx
+ * // Basic card
+ * <Card>
+ *   <h3>Card Title</h3>
+ *   <p>Card content goes here</p>
+ * </Card>
+ *
+ * // Hoverable card
+ * <Card canHover onClick={handleClick}>
+ *   Hover to see effect
+ * </Card>
+ *
+ * // Active/selected card
+ * <Card isActive>
+ *   This card is selected
+ * </Card>
+ * ```
+ *
+ * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-card--docs Storybook}
+ */
+declare const Card: FC<CardProps>;
+export { Card };

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

@@ -0,0 +1,24 @@
+import { VariantProps } from 'class-variance-authority';
+import { HTMLAttributes, PropsWithChildren } from 'react';
+import { Theme } from '../../domain/theme';
+import { cardVariants } from './Card.variants';
+/**
+ * Props for the Card component.
+ *
+ * @example
+ * ```tsx
+ * <Card>Basic card content</Card>
+ * <Card canHover>Hoverable card</Card>
+ * <Card isActive>Active/selected card</Card>
+ * ```
+ */
+export interface CardProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants>, PropsWithChildren {
+    /** Enable hover effect */
+    canHover?: boolean;
+    /** Show active/selected state */
+    isActive?: boolean;
+    /** Theme override for this component */
+    theme?: Theme;
+    /** CSS classes for the outer wrapper */
+    wrapperClassName?: string;
+}

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

@@ -0,0 +1,8 @@
+export declare const cardBaseVariants: (props?: ({
+    isActive?: boolean | null | undefined;
+    canHover?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const cardVariants: (props?: ({
+    isActive?: boolean | null | undefined;
+    canHover?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,26 @@
+import { FC } from 'react';
+import { CheckboxProps } from './Checkbox.types';
+/**
+ * A checkbox component built on Radix UI primitives.
+ * Supports controlled and uncontrolled modes with label support.
+ *
+ * @example
+ * ```tsx
+ * // Basic checkbox with label
+ * <Checkbox label="Accept terms and conditions" />
+ *
+ * // Controlled checkbox
+ * <Checkbox
+ *   label="Subscribe to newsletter"
+ *   defaultChecked={subscribed}
+ *   onChange={(checked) => setSubscribed(checked)}
+ * />
+ *
+ * // Disabled checkbox
+ * <Checkbox label="Premium feature" disabled />
+ * ```
+ *
+ * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-checkbox--docs Storybook}
+ */
+declare const Checkbox: FC<CheckboxProps>;
+export { Checkbox };

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

@@ -0,0 +1,36 @@
+import { CheckboxProps as CheckboxPropsPrimitive } from '@radix-ui/react-checkbox';
+import { VariantProps } from 'class-variance-authority';
+import { Theme } from '../../domain/theme';
+import { checkboxVariants } from './Checkbox.variants';
+/**
+ * Props for the Checkbox component.
+ *
+ * @example
+ * ```tsx
+ * <Checkbox label="Accept terms" onChange={(checked) => setAccepted(checked)} />
+ * <Checkbox label="Remember me" defaultChecked />
+ * <Checkbox label="Disabled option" disabled />
+ * ```
+ */
+export interface CheckboxProps extends Omit<CheckboxPropsPrimitive, 'onChange'>, Omit<VariantProps<typeof checkboxVariants>, 'checked'> {
+    /** ID of element that labels the checkbox for accessibility */
+    ariaLabelledBy?: string;
+    /** Additional CSS classes */
+    className?: string;
+    /** Initial checked state */
+    defaultChecked?: boolean;
+    /** Whether the checkbox is disabled */
+    disabled?: boolean;
+    /** HTML id attribute */
+    id?: string;
+    /** Label text displayed next to checkbox */
+    label?: string;
+    /** CSS classes for the label */
+    labelClassName?: string;
+    /** Form field name */
+    name?: string;
+    /** Theme override for this component */
+    theme?: Theme;
+    /** Callback when checked state changes */
+    onChange?: (checked: boolean) => void;
+}

package/dist/components/Checkbox/Checkbox.variants.d.ts

@@ -0,0 +1,5 @@
+export declare const checkboxVariants: (props?: ({
+    variant?: "default" | null | undefined;
+    checked?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const labelVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/components/Command/Command.d.ts

@@ -0,0 +1,27 @@
+import { FC } from 'react';
+import { CommandProps } from './Command.types';
+import { CommandGroup, CommandItem, CommandSeparator } from './components';
+/**
+ * A command palette dialog for keyboard-driven navigation and actions.
+ * Built on cmdk and Radix UI Dialog for accessibility.
+ *
+ * @example
+ * ```tsx
+ * const [open, setOpen] = useState(false);
+ *
+ * <Command open={open} onOpenChange={setOpen} title="Commands">
+ *   <CommandGroup heading="Navigation">
+ *     <CommandItem onSelect={() => navigate('/home')}>Home</CommandItem>
+ *     <CommandItem onSelect={() => navigate('/settings')}>Settings</CommandItem>
+ *   </CommandGroup>
+ *   <CommandSeparator />
+ *   <CommandGroup heading="Actions">
+ *     <CommandItem onSelect={() => logout()}>Logout</CommandItem>
+ *   </CommandGroup>
+ * </Command>
+ * ```
+ *
+ * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-command--docs Storybook}
+ */
+declare const Command: FC<CommandProps>;
+export { Command, CommandGroup, CommandItem, CommandSeparator };

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

@@ -0,0 +1,31 @@
+import { Theme } from '../../domain/theme';
+import { DialogProps } from '@radix-ui/react-dialog';
+import { PropsWithChildren } from 'react';
+/**
+ * Props for the Command component.
+ * A command palette dialog for keyboard-driven navigation and actions.
+ *
+ * @example
+ * ```tsx
+ * <Command open={open} onOpenChange={setOpen} title="Command Palette">
+ *   <CommandGroup heading="Actions">
+ *     <CommandItem onSelect={() => createNew()}>Create new</CommandItem>
+ *     <CommandItem onSelect={() => openSettings()}>Settings</CommandItem>
+ *   </CommandGroup>
+ * </Command>
+ * ```
+ */
+export interface CommandProps extends PropsWithChildren<DialogProps> {
+    /** Text shown when no results match the search */
+    emptyResults?: string;
+    /** Placeholder text for the search input */
+    placeholder?: string;
+    /** Accessible title for the dialog (visually hidden) */
+    title?: string;
+    /** Additional CSS classes for the title */
+    titleClassName?: string;
+    /** Additional CSS classes for the command wrapper */
+    wrapperClassName?: string;
+    /** Theme override for this component */
+    theme?: Theme;
+}

package/dist/components/Command/Command.variants.d.ts

@@ -0,0 +1,3 @@
+export declare const wrapperVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const inputVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const searchInconInputVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;

package/dist/components/Command/components/Command.d.ts

@@ -0,0 +1,18 @@
+declare const Command: import('react').ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import('react').HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof import('react').HTMLAttributes<HTMLDivElement>> & {
+    label?: string;
+    shouldFilter?: boolean;
+    filter?: (value: string, search: string, keywords?: string[]) => number;
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    loop?: boolean;
+    disablePointerSelection?: boolean;
+    vimBindings?: boolean;
+} & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export { Command };

package/dist/components/Command/components/CommandEmpty.d.ts

@@ -0,0 +1,8 @@
+declare const CommandEmpty: import('react').ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import('react').HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof import('react').HTMLAttributes<HTMLDivElement>> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export { CommandEmpty };

package/dist/components/Command/components/CommandGroup.d.ts

@@ -0,0 +1,12 @@
+declare const CommandGroup: import('react').ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import('react').HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof import('react').HTMLAttributes<HTMLDivElement>>, "heading" | "value"> & {
+    heading?: React.ReactNode;
+    value?: string;
+    forceMount?: boolean;
+} & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export { CommandGroup };

package/dist/components/Command/components/CommandInput.d.ts

@@ -0,0 +1,9 @@
+declare const CommandInput: import('react').ForwardRefExoticComponent<Omit<Omit<Pick<Pick<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof import('react').InputHTMLAttributes<HTMLInputElement>> & {
+    ref?: React.Ref<HTMLInputElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof import('react').InputHTMLAttributes<HTMLInputElement>>, "type" | "onChange" | "value"> & {
+    value?: string;
+    onValueChange?: (search: string) => void;
+} & import('react').RefAttributes<HTMLInputElement>, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
+export { CommandInput };

package/dist/components/Command/components/CommandItem.d.ts

@@ -0,0 +1,14 @@
+declare const CommandItem: import('react').ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import('react').HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof import('react').HTMLAttributes<HTMLDivElement>>, "onSelect" | "disabled" | "value"> & {
+    disabled?: boolean;
+    onSelect?: (value: string) => void;
+    value?: string;
+    keywords?: string[];
+    forceMount?: boolean;
+} & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export { CommandItem };

package/dist/components/Command/components/CommandList.d.ts

@@ -0,0 +1,10 @@
+declare const CommandList: import('react').ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import('react').HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof import('react').HTMLAttributes<HTMLDivElement>> & {
+    label?: string;
+} & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export { CommandList };

package/dist/components/Command/components/CommandSeparator.d.ts

@@ -0,0 +1,8 @@
+declare const CommandSeparator: import('react').ForwardRefExoticComponent<Omit<Pick<Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import('react').HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof import('react').HTMLAttributes<HTMLDivElement>> & {
+    alwaysRender?: boolean;
+} & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export { CommandSeparator };

package/dist/components/Command/components/CommandShortcut.d.ts

@@ -0,0 +1,6 @@
+import { HTMLAttributes } from 'react';
+declare const CommandShortcut: {
+    ({ className, ...props }: HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { CommandShortcut };

package/dist/components/Command/components/DialogContent.d.ts

@@ -0,0 +1,2 @@
+declare const DialogContent: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-dialog').DialogContentProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export { DialogContent };

package/dist/components/Command/components/DialogOverlay.d.ts

@@ -0,0 +1,2 @@
+declare const DialogOverlay: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-dialog').DialogOverlayProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export { DialogOverlay };

package/dist/components/Command/components/index.d.ts

@@ -0,0 +1,9 @@
+export * from './CommandEmpty';
+export * from './CommandGroup';
+export * from './CommandInput';
+export * from './CommandItem';
+export * from './CommandList';
+export * from './CommandSeparator';
+export * from './CommandShortcut';
+export * from './DialogContent';
+export * from './Command';

package/dist/components/Command/contexts/Command.context.d.ts

@@ -0,0 +1,2 @@
+import { State } from './Command.types';
+export declare const CommandContext: import('react').Context<State>;

package/dist/components/Command/contexts/Command.provider.d.ts

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from 'react';
+export declare const CommandProvider: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Command/contexts/Command.types.d.ts

@@ -0,0 +1,5 @@
+export type State = {
+    isOpen: boolean;
+    setOpen: (status?: boolean) => void;
+    toggleOpen: () => void;
+};

package/dist/components/Command/contexts/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Command.context';
+export * from './Command.provider';
+export * from './Command.types';

package/dist/components/Counter/Counter.d.ts

@@ -0,0 +1,36 @@
+import { FC } from 'react';
+import { CounterProps } from './Counter.types';
+/**
+ * A numeric input component with increment/decrement buttons.
+ * Also exported as `NumberInput` for convenience.
+ *
+ * @example
+ * ```tsx
+ * // Basic counter
+ * <Counter
+ *   label="Quantity"
+ *   value={count}
+ *   onChange={({ target }) => setCount(target.value)}
+ * />
+ *
+ * // With min/max limits
+ * <Counter
+ *   label="Number of nodes"
+ *   value={nodes}
+ *   min={1}
+ *   max={10}
+ *   onChange={({ target }) => setNodes(target.value)}
+ * />
+ *
+ * // Disabled increment/decrement
+ * <Counter
+ *   value={5}
+ *   canIncrement={value < max}
+ *   canDecrement={value > min}
+ *   onChange={handleChange}
+ * />
+ * ```
+ *
+ * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-counter--docs Storybook}
+ */
+export declare const Counter: FC<CounterProps>;

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

@@ -0,0 +1,51 @@
+import { VariantProps } from 'class-variance-authority';
+import { Theme } from '../../domain/theme';
+import { counterVariants } from './Counter.variants';
+/**
+ * Props for the Counter (NumberInput) component.
+ *
+ * @example
+ * ```tsx
+ * <Counter
+ *   label="Quantity"
+ *   value={quantity}
+ *   min={1}
+ *   max={10}
+ *   onChange={({ target }) => setQuantity(target.value)}
+ * />
+ * ```
+ */
+export interface CounterProps extends VariantProps<typeof counterVariants> {
+    /** Allow decrement button to be clicked */
+    canDecrement?: boolean;
+    /** Allow increment button to be clicked */
+    canIncrement?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+    /** CSS classes for decrement button */
+    decrementButtonClassName?: string;
+    /** CSS classes for increment button */
+    incrementButtonClassName?: string;
+    /** Initial value (deprecated, use value) */
+    init?: number;
+    /** Show required indicator */
+    isRequired?: boolean;
+    /** Label displayed above the counter */
+    label?: string;
+    /** Maximum allowed value */
+    max?: number;
+    /** Minimum allowed value */
+    min?: number;
+    /** Form field name */
+    name?: string;
+    /** Theme override for this component */
+    theme?: Theme;
+    /** Current numeric value */
+    value?: number;
+    /** Callback when value changes */
+    onChange?: ({ target: { value } }: {
+        target: {
+            value: number;
+        };
+    }) => void;
+}

package/dist/components/Counter/Counter.variants.d.ts

@@ -0,0 +1,7 @@
+export declare const counterVariants: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+export declare const buttonVariants: (props?: ({
+    button?: "left" | "rigth" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const labelVariants: (props?: ({
+    variant?: "default" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;