@furcrer/fullstack-components 0.1.0

package/dist/styles.css

@@ -0,0 +1 @@
+:root{--fsc-color-surface: #ffffff;--fsc-color-surface-muted: #f7f7f7;--fsc-color-text: #171717;--fsc-color-text-muted: #737373;--fsc-color-border: #d4d4d4;--fsc-color-primary: #2563eb;--fsc-color-primary-contrast: #ffffff;--fsc-color-danger: #b91c1c;--fsc-color-danger-contrast: #ffffff;--fsc-state-focus-ring: #2563eb;--fsc-state-disabled-surface: #e5e5e5;--fsc-state-disabled-text: #737373;--fsc-state-disabled-opacity: .55;--fsc-state-error: #b91c1c;--fsc-state-error-contrast: #ffffff;--fsc-state-error-surface: #fef2f2;--fsc-state-success: #15803d;--fsc-state-success-contrast: #ffffff;--fsc-state-success-surface: #f0fdf4;--fsc-state-warning: #a16207;--fsc-state-warning-contrast: #ffffff;--fsc-state-warning-surface: #fffbeb;--fsc-space-2: .5rem;--fsc-space-3: .75rem;--fsc-space-4: 1rem;--fsc-space-6: 1.5rem;--fsc-radius-small: .25rem;--fsc-radius-medium: .5rem;--fsc-radius-large: .75rem;--fsc-font-size-xs: .75rem;--fsc-font-size-sm: .875rem;--fsc-font-size-md: 1rem;--fsc-font-size-lg: 1.125rem;--fsc-font-size-xl: 1.25rem;--fsc-font-size-2xl: 1.5rem;--fsc-font-weight-regular: 400;--fsc-font-weight-medium: 500;--fsc-font-weight-semibold: 600;--fsc-shadow-sm: 0 1px 2px rgb(0 0 0 / .08);--fsc-shadow-md: 0 4px 10px rgb(0 0 0 / .12);--fsc-shadow-lg: 0 12px 28px rgb(0 0 0 / .16)}.fsc-button,.fsc-input,.fsc-form-field input,.fsc-form-action,.fsc-crud-example button,.fsc-crud-example input{font:inherit}.fsc-button,.fsc-form-action,.fsc-crud-example button{min-height:2.25rem;padding:0 var(--fsc-space-3);border:1px solid transparent;border-radius:var(--fsc-radius-medium);font-size:var(--fsc-font-size-sm);font-weight:var(--fsc-font-weight-medium);cursor:pointer;transition:background-color .12s ease,border-color .12s ease,opacity .12s ease}.fsc-button[data-size=small]{min-height:2rem;padding-inline:var(--fsc-space-2);font-size:var(--fsc-font-size-xs)}.fsc-button[data-size=large]{min-height:2.75rem;padding-inline:var(--fsc-space-4);font-size:var(--fsc-font-size-md)}.fsc-button[data-variant=primary],.fsc-form-action[type=submit]{background:var(--fsc-color-primary);color:var(--fsc-color-primary-contrast);border-color:var(--fsc-color-primary)}.fsc-button[data-variant=secondary]{background:var(--fsc-color-surface);color:var(--fsc-color-text);border-color:var(--fsc-color-border)}.fsc-button[data-variant=ghost],.fsc-form-action[type=reset]{background:transparent;color:var(--fsc-color-text)}.fsc-button[data-loading=true]{cursor:progress}.fsc-button:disabled,.fsc-form-action:disabled,.fsc-crud-example button:disabled,.fsc-crud-example input:disabled,.fsc-input:disabled,.fsc-form-field input:disabled,select[data-size]:disabled,textarea[data-size]:disabled,input[type=checkbox][data-size]:disabled,input[type=radio][data-size]:disabled{background:var(--fsc-state-disabled-surface);color:var(--fsc-state-disabled-text);border-color:var(--fsc-color-border);opacity:var(--fsc-state-disabled-opacity);cursor:not-allowed}.fsc-input,.fsc-form-field input,select[data-size],textarea[data-size]{width:100%;min-height:2.5rem;padding:0 var(--fsc-space-3);background:var(--fsc-color-surface);color:var(--fsc-color-text);border:1px solid var(--fsc-color-border);border-radius:var(--fsc-radius-medium)}.fsc-input[data-size=small],.fsc-form-field[data-size=small] input,select[data-size=small],textarea[data-size=small]{min-height:2rem;padding-inline:var(--fsc-space-2);font-size:var(--fsc-font-size-sm)}.fsc-input[data-size=large],.fsc-form-field[data-size=large] input,select[data-size=large],textarea[data-size=large]{min-height:2.75rem;font-size:var(--fsc-font-size-lg)}.fsc-form-field{display:grid;gap:var(--fsc-space-2);color:var(--fsc-color-text)}.fsc-form-field>label{font-size:var(--fsc-font-size-sm);font-weight:var(--fsc-font-weight-medium)}.fsc-form-field>div[data-role=description]{color:var(--fsc-color-text-muted);font-size:var(--fsc-font-size-sm)}.fsc-form-field[data-invalid=true] input{border-color:var(--fsc-state-error);background:var(--fsc-state-error-surface)}.fsc-form-field>div[data-role=error]{color:var(--fsc-state-error);font-size:var(--fsc-font-size-sm)}.fsc-button:focus-visible,.fsc-input:focus-visible,.fsc-form-field input:focus-visible,.fsc-form-action:focus-visible,.fsc-crud-example button:focus-visible,.fsc-crud-example input:focus-visible,select[data-size]:focus-visible,textarea[data-size]:focus-visible,input[type=checkbox][data-size]:focus-visible,input[type=radio][data-size]:focus-visible{outline:2px solid var(--fsc-state-focus-ring);outline-offset:2px}.fsc-stat-card{min-width:14rem;padding:var(--fsc-space-4);display:grid;gap:var(--fsc-space-2);background:var(--fsc-color-surface);color:var(--fsc-color-text);border:1px solid var(--fsc-color-border);border-radius:var(--fsc-radius-medium);box-shadow:var(--fsc-shadow-sm)}.fsc-stat-card [data-role=label],.fsc-stat-card [data-role=description]{color:var(--fsc-color-text-muted);font-size:var(--fsc-font-size-sm)}.fsc-stat-card [data-role=value]{font-size:var(--fsc-font-size-2xl);font-weight:var(--fsc-font-weight-semibold)}.fsc-stat-card[data-trend=up] [data-role=trend]{color:var(--fsc-state-success)}.fsc-stat-card[data-trend=down] [data-role=trend]{color:var(--fsc-state-error)}.fsc-stat-card[data-trend=neutral] [data-role=trend]{color:var(--fsc-state-warning)}.fsc-resource-table{width:100%;border-collapse:collapse;color:var(--fsc-color-text);background:var(--fsc-color-surface)}.fsc-resource-table th,.fsc-resource-table td{padding:var(--fsc-space-3) var(--fsc-space-4);border-bottom:1px solid var(--fsc-color-border);text-align:left}.fsc-resource-table th{background:var(--fsc-color-surface-muted);font-weight:var(--fsc-font-weight-semibold)}.fsc-crud-example{display:grid;gap:var(--fsc-space-6);width:100%;color:var(--fsc-color-text)}.fsc-crud-example__toolbar{display:flex;align-items:center;gap:var(--fsc-space-3);flex-wrap:wrap}.fsc-crud-example__editor{display:grid;gap:var(--fsc-space-3);max-width:26rem;padding:var(--fsc-space-4);border:1px solid var(--fsc-color-border);border-radius:var(--fsc-radius-medium);background:var(--fsc-color-surface);box-shadow:var(--fsc-shadow-sm)}.fsc-crud-example__actions,.fsc-crud-example__row-action{display:flex;align-items:center;gap:var(--fsc-space-2)}.fsc-crud-example__field{display:grid;gap:var(--fsc-space-2)}.fsc-crud-example__field>span{font-size:var(--fsc-font-size-sm);font-weight:var(--fsc-font-weight-medium)}@media(prefers-reduced-motion:reduce){.fsc-button,.fsc-form-action{transition:none}}

package/dist/types/components/containers/Grid/Grid.d.ts

@@ -0,0 +1,7 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export interface GridProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    columns?: number | string;
+    gap?: number | string;
+}
+export declare function Grid({ children, columns, gap, ...props }: GridProps): import("react").JSX.Element;

package/dist/types/components/containers/Grid/Grid.fixture.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentPreviewProps } from "../../../types/metadata.js";
+export declare function GridFixture({ props }: ComponentPreviewProps): import("react").JSX.Element;

package/dist/types/components/containers/Grid/index.d.ts

@@ -0,0 +1,2 @@
+export { Grid } from "./Grid.js";
+export type { GridProps } from "./Grid.js";

package/dist/types/components/containers/Stack/Stack.d.ts

@@ -0,0 +1,7 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export interface StackProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    direction?: "row" | "column";
+    gap?: number | string;
+}
+export declare function Stack({ children, direction, gap, ...props }: StackProps): import("react").JSX.Element;

package/dist/types/components/containers/Stack/Stack.fixture.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentPreviewProps } from "../../../types/metadata.js";
+export declare function StackFixture({ props }: ComponentPreviewProps): import("react").JSX.Element;

package/dist/types/components/containers/Stack/index.d.ts

@@ -0,0 +1,2 @@
+export { Stack } from "./Stack.js";
+export type { StackProps } from "./Stack.js";

package/dist/types/components/data/CrudExample/CrudExample.d.ts

@@ -0,0 +1,4 @@
+export interface CrudExampleProps {
+    onEvent?: (event: "create" | "update" | "delete" | "error") => void;
+}
+export declare function CrudExample({ onEvent }?: CrudExampleProps): import("react").JSX.Element;

package/dist/types/components/data/CrudExample/CrudExample.preview.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentPreviewProps } from "../../../types/metadata.js";
+export declare function CrudExamplePreview({ onEvent }: ComponentPreviewProps): import("react").JSX.Element;

package/dist/types/components/data/CrudExample/index.d.ts

@@ -0,0 +1,2 @@
+export { CrudExample } from "./CrudExample.js";
+export type { CrudExampleProps } from "./CrudExample.js";

package/dist/types/components/data/ResourceTable/ResourceTable.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode, TableHTMLAttributes } from "react";
+import type { CreateTableOptions } from "../../../data/table-controller.js";
+import type { DataRecord, TableColumn } from "../../../data/types.js";
+export interface ResourceTableProps<TData extends DataRecord = DataRecord> extends Omit<TableHTMLAttributes<HTMLTableElement>, "children" | "resource"> {
+    resource: CreateTableOptions<TData>["resource"];
+    columns?: TableColumn<TData>[];
+    pageSize?: number;
+    emptyState?: ReactNode;
+    /** Changes to this value trigger a reload of the current table query. */
+    reloadKey?: string | number;
+}
+export declare function ResourceTable<TData extends DataRecord>({ resource, columns, pageSize, emptyState, reloadKey, className, ...tableProps }: ResourceTableProps<TData>): import("react").JSX.Element;

package/dist/types/components/data/ResourceTable/ResourceTable.preview.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentPreviewProps } from "../../../types/metadata.js";
+export declare function ResourceTablePreview({ onEvent }: ComponentPreviewProps): import("react").JSX.Element;

package/dist/types/components/data/ResourceTable/index.d.ts

@@ -0,0 +1,2 @@
+export { ResourceTable } from "./ResourceTable.js";
+export type { ResourceTableProps } from "./ResourceTable.js";

package/dist/types/components/forms/ColorInput/ColorInput.d.ts

@@ -0,0 +1,5 @@
+import type { InputHTMLAttributes } from "react";
+export interface ColorInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"> {
+    value?: string;
+}
+export declare function ColorInput(props: ColorInputProps): import("react").JSX.Element;

package/dist/types/components/forms/ColorInput/ColorInput.fixture.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentPreviewProps } from "../../../types/metadata.js";
+export declare function ColorInputFixture({ props }: ComponentPreviewProps): import("react").JSX.Element;

package/dist/types/components/forms/ColorInput/index.d.ts

@@ -0,0 +1,2 @@
+export { ColorInput } from "./ColorInput.js";
+export type { ColorInputProps } from "./ColorInput.js";

package/dist/types/components/forms/DateInput/DateInput.d.ts

@@ -0,0 +1,5 @@
+import type { InputHTMLAttributes } from "react";
+export interface DateInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"> {
+    value?: string;
+}
+export declare function DateInput(props: DateInputProps): import("react").JSX.Element;

package/dist/types/components/forms/DateInput/DateInput.fixture.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentPreviewProps } from "../../../types/metadata.js";
+export declare function DateInputFixture({ props }: ComponentPreviewProps): import("react").JSX.Element;

package/dist/types/components/forms/DateInput/index.d.ts

@@ -0,0 +1,2 @@
+export { DateInput } from "./DateInput.js";
+export type { DateInputProps } from "./DateInput.js";

package/dist/types/components/forms/FileInput/FileInput.d.ts

@@ -0,0 +1,4 @@
+import type { InputHTMLAttributes } from "react";
+export interface FileInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"> {
+}
+export declare function FileInput(props: FileInputProps): import("react").JSX.Element;

package/dist/types/components/forms/FileInput/FileInput.fixture.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentPreviewProps } from "../../../types/metadata.js";
+export declare function FileInputFixture({ props }: ComponentPreviewProps): import("react").JSX.Element;

package/dist/types/components/forms/FileInput/index.d.ts

@@ -0,0 +1,2 @@
+export { FileInput } from "./FileInput.js";
+export type { FileInputProps } from "./FileInput.js";

package/dist/types/components/forms/NumberInput/NumberInput.d.ts

@@ -0,0 +1,4 @@
+import type { InputHTMLAttributes } from "react";
+export interface NumberInputProps extends InputHTMLAttributes<HTMLInputElement> {
+}
+export declare function NumberInput(props: NumberInputProps): import("react").JSX.Element;

package/dist/types/components/forms/NumberInput/NumberInput.fixture.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentPreviewProps } from "../../../types/metadata.js";
+export declare function NumberInputFixture({ props }: ComponentPreviewProps): import("react").JSX.Element;

package/dist/types/components/forms/NumberInput/index.d.ts

@@ -0,0 +1,2 @@
+export { NumberInput } from "./NumberInput.js";
+export type { NumberInputProps } from "./NumberInput.js";

package/dist/types/components/forms/PasswordInput/PasswordInput.d.ts

@@ -0,0 +1,4 @@
+import type { InputHTMLAttributes } from "react";
+export interface PasswordInputProps extends InputHTMLAttributes<HTMLInputElement> {
+}
+export declare function PasswordInput(props: PasswordInputProps): import("react").JSX.Element;

package/dist/types/components/forms/PasswordInput/PasswordInput.fixture.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentPreviewProps } from "../../../types/metadata.js";
+export declare function PasswordInputFixture({ props }: ComponentPreviewProps): import("react").JSX.Element;

package/dist/types/components/forms/PasswordInput/index.d.ts

@@ -0,0 +1,2 @@
+export { PasswordInput } from "./PasswordInput.js";
+export type { PasswordInputProps } from "./PasswordInput.js";

package/dist/types/components/forms/RadioGroup/RadioGroup.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from "react";
+export interface RadioOption {
+    value: string;
+    label: ReactNode;
+    disabled?: boolean;
+}
+export interface RadioGroupProps {
+    name: string;
+    options: RadioOption[];
+    value?: string;
+    onValueChange?: (value: string) => void;
+}
+export declare function RadioGroup({ name, options, value, onValueChange }: RadioGroupProps): import("react").JSX.Element;

package/dist/types/components/forms/RadioGroup/RadioGroup.fixture.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentPreviewProps } from "../../../types/metadata.js";
+export declare function RadioGroupFixture({ props }: ComponentPreviewProps): import("react").JSX.Element;

package/dist/types/components/forms/RadioGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { RadioGroup } from "./RadioGroup.js";
+export type { RadioGroupProps } from "./RadioGroup.js";

package/dist/types/components/forms/SearchInput/SearchInput.d.ts

@@ -0,0 +1,4 @@
+import type { InputHTMLAttributes } from "react";
+export interface SearchInputProps extends InputHTMLAttributes<HTMLInputElement> {
+}
+export declare function SearchInput(props: SearchInputProps): import("react").JSX.Element;

package/dist/types/components/forms/SearchInput/SearchInput.fixture.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentPreviewProps } from "../../../types/metadata.js";
+export declare function SearchInputFixture({ props }: ComponentPreviewProps): import("react").JSX.Element;

package/dist/types/components/forms/SearchInput/index.d.ts

@@ -0,0 +1,2 @@
+export { SearchInput } from "./SearchInput.js";
+export type { SearchInputProps } from "./SearchInput.js";

package/dist/types/components/forms/Slider/Slider.d.ts

@@ -0,0 +1,5 @@
+import type { InputHTMLAttributes } from "react";
+export interface SliderProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"> {
+    value?: number;
+}
+export declare function Slider(props: SliderProps): import("react").JSX.Element;

package/dist/types/components/forms/Slider/Slider.fixture.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentPreviewProps } from "../../../types/metadata.js";
+export declare function SliderFixture({ props }: ComponentPreviewProps): import("react").JSX.Element;

package/dist/types/components/forms/Slider/index.d.ts

@@ -0,0 +1,2 @@
+export { Slider } from "./Slider.js";
+export type { SliderProps } from "./Slider.js";

package/dist/types/components/primitives/Accordion/Accordion.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from "react";
+export interface AccordionItem {
+    id: string;
+    title: ReactNode;
+    content: ReactNode;
+}
+export interface AccordionProps {
+    items: AccordionItem[];
+}
+export declare function Accordion({ items }: AccordionProps): import("react").JSX.Element;

package/dist/types/components/primitives/Accordion/Accordion.fixture.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentPreviewProps } from "../../../types/metadata.js";
+export declare function AccordionFixture({ props }: ComponentPreviewProps): import("react").JSX.Element;

package/dist/types/components/primitives/Accordion/index.d.ts

@@ -0,0 +1,2 @@
+export { Accordion } from "./Accordion.js";
+export type { AccordionProps } from "./Accordion.js";

package/dist/types/components/primitives/Alert/Alert.d.ts

@@ -0,0 +1,6 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export interface AlertProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    variant?: "info" | "success" | "warning" | "danger";
+}
+export declare function Alert({ children, variant, ...props }: AlertProps): import("react").JSX.Element;

package/dist/types/components/primitives/Alert/Alert.fixture.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentPreviewProps } from "../../../types/metadata.js";
+export declare function AlertFixture({ props }: ComponentPreviewProps): import("react").JSX.Element;

package/dist/types/components/primitives/Alert/index.d.ts

@@ -0,0 +1,2 @@
+export { Alert } from "./Alert.js";
+export type { AlertProps } from "./Alert.js";

package/dist/types/components/primitives/Avatar/Avatar.d.ts

@@ -0,0 +1,8 @@
+import type { ImgHTMLAttributes, ReactNode } from "react";
+export interface AvatarProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, "alt"> {
+    src?: string;
+    alt?: string;
+    fallback?: ReactNode;
+    size?: "small" | "medium" | "large";
+}
+export declare function Avatar({ src, alt, fallback, ...props }: AvatarProps): import("react").JSX.Element;

package/dist/types/components/primitives/Avatar/Avatar.fixture.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentPreviewProps } from "../../../types/metadata.js";
+export declare function AvatarFixture({ props }: ComponentPreviewProps): import("react").JSX.Element;

package/dist/types/components/primitives/Avatar/index.d.ts

@@ -0,0 +1,2 @@
+export { Avatar } from "./Avatar.js";
+export type { AvatarProps } from "./Avatar.js";

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

@@ -0,0 +1,3 @@
+import type { BadgeProps } from "./Badge.types.js";
+/** Small status or category indicator primitive. */
+export declare function Badge({ children, variant, size, ...props }: BadgeProps): import("react").JSX.Element;

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

@@ -0,0 +1,3 @@
+import type { ComponentPreviewProps } from "../../../types/metadata.js";
+/** Playground fixture for the Badge primitive. */
+export declare function BadgeFixture({ props }: ComponentPreviewProps): import("react").JSX.Element;

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

@@ -0,0 +1,9 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
+    /** Content displayed inside the badge. */
+    children: ReactNode;
+    /** Visual style of the badge. */
+    variant?: "neutral" | "success" | "warning" | "danger" | "info";
+    /** Controls the badge size. */
+    size?: "small" | "medium" | "large";
+}

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

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

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

@@ -0,0 +1,6 @@
+import type { ButtonHTMLAttributes } from "react";
+import type { ButtonProps } from "./Button.types.js";
+type NativeButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof ButtonProps>;
+/** Interactive button primitive for actions and form submissions. */
+export declare function Button({ children, variant, size, loading, disabled, type, className, ...props }: ButtonProps & NativeButtonProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,3 @@
+import type { ComponentPreviewProps } from "../../../types/metadata.js";
+/** Playground fixture for the Button primitive. */
+export declare function ButtonFixture({ props, onEvent }: ComponentPreviewProps): import("react").JSX.Element;

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

@@ -0,0 +1,15 @@
+import type { MouseEventHandler, ReactNode } from "react";
+export interface ButtonProps {
+    /** Content displayed inside the button. */
+    children: ReactNode;
+    /** Visual style of the button. */
+    variant?: "primary" | "secondary" | "ghost";
+    /** Controls the button size. */
+    size?: "small" | "medium" | "large";
+    /** Prevents interaction with the button. */
+    disabled?: boolean;
+    /** Shows the loading state. */
+    loading?: boolean;
+    /** Called when the button is activated. */
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+}

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

@@ -0,0 +1,2 @@
+export { Button } from "./Button.js";
+export type { ButtonProps } from "./Button.types.js";

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

@@ -0,0 +1,3 @@
+import type { CardProps } from "./Card.types.js";
+/** Generic surface primitive for grouping related content. */
+export declare function Card({ children, padding, variant, ...props }: CardProps): import("react").JSX.Element;

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

@@ -0,0 +1,3 @@
+import type { ComponentPreviewProps } from "../../../types/metadata.js";
+/** Playground fixture for the Card primitive. */
+export declare function CardFixture({ props }: ComponentPreviewProps): import("react").JSX.Element;

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

@@ -0,0 +1,9 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export interface CardProps extends HTMLAttributes<HTMLDivElement> {
+    /** Content rendered inside the card. */
+    children: ReactNode;
+    /** Controls the card padding. */
+    padding?: "none" | "small" | "medium" | "large";
+    /** Controls the card visual surface. */
+    variant?: "default" | "outlined";
+}

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

@@ -0,0 +1,2 @@
+export { Card } from "./Card.js";
+export type { CardProps } from "./Card.types.js";

package/dist/types/components/primitives/Carousel/Carousel.d.ts

@@ -0,0 +1,7 @@
+import { type ReactNode } from "react";
+export interface CarouselProps {
+    items: ReactNode[];
+    initialIndex?: number;
+    onIndexChange?: (index: number) => void;
+}
+export declare function Carousel({ items, initialIndex, onIndexChange }: CarouselProps): import("react").JSX.Element | null;

package/dist/types/components/primitives/Carousel/Carousel.fixture.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentPreviewProps } from "../../../types/metadata.js";
+export declare function CarouselFixture({ props }: ComponentPreviewProps): import("react").JSX.Element;

package/dist/types/components/primitives/Carousel/index.d.ts

@@ -0,0 +1,2 @@
+export { Carousel } from "./Carousel.js";
+export type { CarouselProps } from "./Carousel.js";

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

@@ -0,0 +1,3 @@
+import type { CheckboxProps } from "./Checkbox.types.js";
+/** Native checkbox primitive for boolean form values. */
+export declare function Checkbox({ size, disabled, ...props }: CheckboxProps): import("react").JSX.Element;

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

@@ -0,0 +1,3 @@
+import type { ComponentPreviewProps } from "../../../types/metadata.js";
+/** Playground fixture for the Checkbox primitive. */
+export declare function CheckboxFixture({ props, onEvent }: ComponentPreviewProps): import("react").JSX.Element;

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

@@ -0,0 +1,5 @@
+import type { InputHTMLAttributes } from "react";
+export type CheckboxProps = Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size" | "children"> & {
+    /** Visual size of the checkbox. */
+    size?: "small" | "medium" | "large";
+};

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

@@ -0,0 +1,2 @@
+export { Checkbox } from "./Checkbox.js";
+export type { CheckboxProps } from "./Checkbox.types.js";

package/dist/types/components/primitives/Combobox/Combobox.d.ts

@@ -0,0 +1,14 @@
+import { type ReactNode } from "react";
+export interface ComboboxOption {
+    value: string;
+    label: ReactNode;
+    disabled?: boolean;
+}
+export interface ComboboxProps {
+    options: ComboboxOption[];
+    value?: string;
+    defaultValue?: string;
+    placeholder?: string;
+    onValueChange?: (value: string) => void;
+}
+export declare function Combobox({ options, value, defaultValue, placeholder, onValueChange }: ComboboxProps): import("react").JSX.Element;

package/dist/types/components/primitives/Combobox/Combobox.fixture.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentPreviewProps } from "../../../types/metadata.js";
+export declare function ComboboxFixture({ props }: ComponentPreviewProps): import("react").JSX.Element;

package/dist/types/components/primitives/Combobox/index.d.ts

@@ -0,0 +1,2 @@
+export { Combobox } from "./Combobox.js";
+export type { ComboboxProps } from "./Combobox.js";

package/dist/types/components/primitives/CommandPalette/CommandPalette.d.ts

@@ -0,0 +1,14 @@
+import { type ReactNode } from "react";
+export interface CommandItem {
+    id: string;
+    label: ReactNode;
+    keywords?: string[];
+    onSelect?: () => void;
+    disabled?: boolean;
+}
+export interface CommandPaletteProps {
+    items: CommandItem[];
+    open?: boolean;
+    placeholder?: string;
+}
+export declare function CommandPalette({ items, open, placeholder }: CommandPaletteProps): import("react").JSX.Element | null;

package/dist/types/components/primitives/CommandPalette/CommandPalette.fixture.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentPreviewProps } from "../../../types/metadata.js";
+export declare function CommandPaletteFixture({ props }: ComponentPreviewProps): import("react").JSX.Element;

package/dist/types/components/primitives/CommandPalette/index.d.ts

@@ -0,0 +1,2 @@
+export { CommandPalette } from "./CommandPalette.js";
+export type { CommandPaletteProps } from "./CommandPalette.js";

package/dist/types/components/primitives/ContextMenu/ContextMenu.d.ts

@@ -0,0 +1,11 @@
+import { type ReactNode } from "react";
+export interface ContextMenuItem {
+    label: ReactNode;
+    onSelect?: () => void;
+    disabled?: boolean;
+}
+export interface ContextMenuProps {
+    children: ReactNode;
+    items: ContextMenuItem[];
+}
+export declare function ContextMenu({ children, items }: ContextMenuProps): import("react").JSX.Element;

package/dist/types/components/primitives/ContextMenu/ContextMenu.fixture.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentPreviewProps } from "../../../types/metadata.js";
+export declare function ContextMenuFixture({ props }: ComponentPreviewProps): import("react").JSX.Element;

package/dist/types/components/primitives/ContextMenu/index.d.ts

@@ -0,0 +1,2 @@
+export { ContextMenu } from "./ContextMenu.js";
+export type { ContextMenuProps } from "./ContextMenu.js";

package/dist/types/components/primitives/DatePicker/DatePicker.d.ts

@@ -0,0 +1,8 @@
+export interface DatePickerProps {
+    value?: string;
+    defaultValue?: string;
+    min?: string;
+    max?: string;
+    onValueChange?: (value: string) => void;
+}
+export declare function DatePicker({ value, defaultValue, min, max, onValueChange }: DatePickerProps): import("react").JSX.Element;

package/dist/types/components/primitives/DatePicker/DatePicker.fixture.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentPreviewProps } from "../../../types/metadata.js";
+export declare function DatePickerFixture({ props }: ComponentPreviewProps): import("react").JSX.Element;

package/dist/types/components/primitives/DatePicker/index.d.ts

@@ -0,0 +1,2 @@
+export { DatePicker } from "./DatePicker.js";
+export type { DatePickerProps } from "./DatePicker.js";

package/dist/types/components/primitives/Drawer/Drawer.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from "react";
+export interface DrawerProps {
+    open: boolean;
+    children: ReactNode;
+    title?: ReactNode;
+    onClose?: () => void;
+    side?: "left" | "right";
+}
+export declare function Drawer({ open, children, title, onClose, side }: DrawerProps): import("react").JSX.Element | null;

package/dist/types/components/primitives/Drawer/Drawer.fixture.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentPreviewProps } from "../../../types/metadata.js";
+export declare function DrawerFixture({ props }: ComponentPreviewProps): import("react").JSX.Element;

package/dist/types/components/primitives/Drawer/index.d.ts

@@ -0,0 +1,2 @@
+export { Drawer } from "./Drawer.js";
+export type { DrawerProps } from "./Drawer.js";

package/dist/types/components/primitives/DropdownMenu/DropdownMenu.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from "react";
+export interface DropdownMenuItem {
+    label: ReactNode;
+    onSelect?: () => void;
+    disabled?: boolean;
+}
+export interface DropdownMenuProps {
+    label: ReactNode;
+    items: DropdownMenuItem[];
+}
+export declare function DropdownMenu({ label, items }: DropdownMenuProps): import("react").JSX.Element;

package/dist/types/components/primitives/DropdownMenu/DropdownMenu.fixture.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentPreviewProps } from "../../../types/metadata.js";
+export declare function DropdownMenuFixture({ props }: ComponentPreviewProps): import("react").JSX.Element;

package/dist/types/components/primitives/DropdownMenu/index.d.ts

@@ -0,0 +1,2 @@
+export { DropdownMenu } from "./DropdownMenu.js";
+export type { DropdownMenuProps } from "./DropdownMenu.js";

package/dist/types/components/primitives/EmptyState/EmptyState.d.ts

@@ -0,0 +1,3 @@
+import type { EmptyStateProps } from "./EmptyState.types.js";
+/** Neutral presentation for a view with no available content. */
+export declare function EmptyState({ title, description, action, ...props }: EmptyStateProps): import("react").JSX.Element;

package/dist/types/components/primitives/EmptyState/EmptyState.fixture.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentPreviewProps } from "../../../types/metadata.js";
+/** Playground fixture for the EmptyState primitive. */
+export declare function EmptyStateFixture({ props }: ComponentPreviewProps): import("react").JSX.Element;

package/dist/types/components/primitives/EmptyState/EmptyState.types.d.ts

@@ -0,0 +1,9 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export interface EmptyStateProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
+    /** Main message describing the empty state. */
+    title: ReactNode;
+    /** Optional supporting explanation. */
+    description?: ReactNode;
+    /** Optional action displayed below the message. */
+    action?: ReactNode;
+}

package/dist/types/components/primitives/EmptyState/index.d.ts

@@ -0,0 +1,2 @@
+export { EmptyState } from "./EmptyState.js";
+export type { EmptyStateProps } from "./EmptyState.types.js";

package/dist/types/components/primitives/ErrorState/ErrorState.d.ts

@@ -0,0 +1,3 @@
+import type { ErrorStateProps } from "./ErrorState.types.js";
+/** Accessible presentation for a failed view or data operation. */
+export declare function ErrorState({ title, description, action, ...props }: ErrorStateProps): import("react").JSX.Element;

package/dist/types/components/primitives/ErrorState/ErrorState.fixture.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentPreviewProps } from "../../../types/metadata.js";
+/** Playground fixture for the ErrorState primitive. */
+export declare function ErrorStateFixture({ props }: ComponentPreviewProps): import("react").JSX.Element;

package/dist/types/components/primitives/ErrorState/ErrorState.types.d.ts

@@ -0,0 +1,9 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export interface ErrorStateProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
+    /** Main message describing the failure. */
+    title?: ReactNode;
+    /** Optional explanation of the failure. */
+    description?: ReactNode;
+    /** Optional action for recovering from the failure. */
+    action?: ReactNode;
+}

package/dist/types/components/primitives/ErrorState/index.d.ts

@@ -0,0 +1,2 @@
+export { ErrorState } from "./ErrorState.js";
+export type { ErrorStateProps } from "./ErrorState.types.js";

package/dist/types/components/primitives/FileUpload/FileUpload.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from "react";
+export interface FileUploadProps {
+    accept?: string;
+    multiple?: boolean;
+    children?: ReactNode;
+    onFilesChange?: (files: File[]) => void;
+}
+export declare function FileUpload({ accept, multiple, children, onFilesChange }: FileUploadProps): import("react").JSX.Element;