@furcrer/fullstack-components 0.1.0

package/dist/types/generated/public-exports.d.ts

@@ -0,0 +1,123 @@
+/**
+ * Generated file. Do not edit manually.
+ */
+export { Grid } from "../components/containers/Grid/index.js";
+export type { GridProps } from "../components/containers/Grid/index.js";
+export { Stack } from "../components/containers/Stack/index.js";
+export type { StackProps } from "../components/containers/Stack/index.js";
+export { CrudExample } from "../components/data/CrudExample/index.js";
+export type { CrudExampleProps } from "../components/data/CrudExample/index.js";
+export { ResourceTable } from "../components/data/ResourceTable/index.js";
+export type { ResourceTableProps } from "../components/data/ResourceTable/index.js";
+export { ColorInput } from "../components/forms/ColorInput/index.js";
+export type { ColorInputProps } from "../components/forms/ColorInput/index.js";
+export { DateInput } from "../components/forms/DateInput/index.js";
+export type { DateInputProps } from "../components/forms/DateInput/index.js";
+export { FileInput } from "../components/forms/FileInput/index.js";
+export type { FileInputProps } from "../components/forms/FileInput/index.js";
+export { NumberInput } from "../components/forms/NumberInput/index.js";
+export type { NumberInputProps } from "../components/forms/NumberInput/index.js";
+export { PasswordInput } from "../components/forms/PasswordInput/index.js";
+export type { PasswordInputProps } from "../components/forms/PasswordInput/index.js";
+export { RadioGroup } from "../components/forms/RadioGroup/index.js";
+export type { RadioGroupProps } from "../components/forms/RadioGroup/index.js";
+export { SearchInput } from "../components/forms/SearchInput/index.js";
+export type { SearchInputProps } from "../components/forms/SearchInput/index.js";
+export { Slider } from "../components/forms/Slider/index.js";
+export type { SliderProps } from "../components/forms/Slider/index.js";
+export { Accordion } from "../components/primitives/Accordion/index.js";
+export type { AccordionProps } from "../components/primitives/Accordion/index.js";
+export { Alert } from "../components/primitives/Alert/index.js";
+export type { AlertProps } from "../components/primitives/Alert/index.js";
+export { Avatar } from "../components/primitives/Avatar/index.js";
+export type { AvatarProps } from "../components/primitives/Avatar/index.js";
+export { Badge } from "../components/primitives/Badge/index.js";
+export type { BadgeProps } from "../components/primitives/Badge/index.js";
+export { Button } from "../components/primitives/Button/index.js";
+export type { ButtonProps } from "../components/primitives/Button/index.js";
+export { Card } from "../components/primitives/Card/index.js";
+export type { CardProps } from "../components/primitives/Card/index.js";
+export { Carousel } from "../components/primitives/Carousel/index.js";
+export type { CarouselProps } from "../components/primitives/Carousel/index.js";
+export { Checkbox } from "../components/primitives/Checkbox/index.js";
+export type { CheckboxProps } from "../components/primitives/Checkbox/index.js";
+export { Combobox } from "../components/primitives/Combobox/index.js";
+export type { ComboboxProps } from "../components/primitives/Combobox/index.js";
+export { CommandPalette } from "../components/primitives/CommandPalette/index.js";
+export type { CommandPaletteProps } from "../components/primitives/CommandPalette/index.js";
+export { ContextMenu } from "../components/primitives/ContextMenu/index.js";
+export type { ContextMenuProps } from "../components/primitives/ContextMenu/index.js";
+export { DatePicker } from "../components/primitives/DatePicker/index.js";
+export type { DatePickerProps } from "../components/primitives/DatePicker/index.js";
+export { Drawer } from "../components/primitives/Drawer/index.js";
+export type { DrawerProps } from "../components/primitives/Drawer/index.js";
+export { DropdownMenu } from "../components/primitives/DropdownMenu/index.js";
+export type { DropdownMenuProps } from "../components/primitives/DropdownMenu/index.js";
+export { EmptyState } from "../components/primitives/EmptyState/index.js";
+export type { EmptyStateProps } from "../components/primitives/EmptyState/index.js";
+export { ErrorState } from "../components/primitives/ErrorState/index.js";
+export type { ErrorStateProps } from "../components/primitives/ErrorState/index.js";
+export { FileUpload } from "../components/primitives/FileUpload/index.js";
+export type { FileUploadProps } from "../components/primitives/FileUpload/index.js";
+export { FormField } from "../components/primitives/FormField/index.js";
+export type { FormFieldProps } from "../components/primitives/FormField/index.js";
+export { Heading } from "../components/primitives/Heading/index.js";
+export type { HeadingProps } from "../components/primitives/Heading/index.js";
+export { IconButton } from "../components/primitives/IconButton/index.js";
+export type { IconButtonProps } from "../components/primitives/IconButton/index.js";
+export { Input } from "../components/primitives/Input/index.js";
+export type { InputProps } from "../components/primitives/Input/index.js";
+export { Label } from "../components/primitives/Label/index.js";
+export type { LabelProps } from "../components/primitives/Label/index.js";
+export { Link } from "../components/primitives/Link/index.js";
+export type { LinkProps } from "../components/primitives/Link/index.js";
+export { LoadingState } from "../components/primitives/LoadingState/index.js";
+export type { LoadingStateProps } from "../components/primitives/LoadingState/index.js";
+export { Menubar } from "../components/primitives/Menubar/index.js";
+export type { MenubarProps } from "../components/primitives/Menubar/index.js";
+export { Modal } from "../components/primitives/Modal/index.js";
+export type { ModalProps } from "../components/primitives/Modal/index.js";
+export { MultiSelect } from "../components/primitives/MultiSelect/index.js";
+export type { MultiSelectProps } from "../components/primitives/MultiSelect/index.js";
+export { NavigationMenu } from "../components/primitives/NavigationMenu/index.js";
+export type { NavigationMenuProps } from "../components/primitives/NavigationMenu/index.js";
+export { Pagination } from "../components/primitives/Pagination/index.js";
+export type { PaginationProps } from "../components/primitives/Pagination/index.js";
+export { Popover } from "../components/primitives/Popover/index.js";
+export type { PopoverProps } from "../components/primitives/Popover/index.js";
+export { Progress } from "../components/primitives/Progress/index.js";
+export type { ProgressProps } from "../components/primitives/Progress/index.js";
+export { Radio } from "../components/primitives/Radio/index.js";
+export type { RadioProps } from "../components/primitives/Radio/index.js";
+export { ResizablePanel } from "../components/primitives/ResizablePanel/index.js";
+export type { ResizablePanelProps } from "../components/primitives/ResizablePanel/index.js";
+export { SearchBar } from "../components/primitives/SearchBar/index.js";
+export type { SearchBarProps } from "../components/primitives/SearchBar/index.js";
+export { Select } from "../components/primitives/Select/index.js";
+export type { SelectProps } from "../components/primitives/Select/index.js";
+export { Separator } from "../components/primitives/Separator/index.js";
+export type { SeparatorProps } from "../components/primitives/Separator/index.js";
+export { Sidebar } from "../components/primitives/Sidebar/index.js";
+export type { SidebarProps } from "../components/primitives/Sidebar/index.js";
+export { Skeleton } from "../components/primitives/Skeleton/index.js";
+export type { SkeletonProps } from "../components/primitives/Skeleton/index.js";
+export { Spinner } from "../components/primitives/Spinner/index.js";
+export type { SpinnerProps } from "../components/primitives/Spinner/index.js";
+export { StatCard } from "../components/primitives/StatCard/index.js";
+export type { StatCardProps } from "../components/primitives/StatCard/index.js";
+export { Stepper } from "../components/primitives/Stepper/index.js";
+export type { StepperProps } from "../components/primitives/Stepper/index.js";
+export { Switch } from "../components/primitives/Switch/index.js";
+export type { SwitchProps } from "../components/primitives/Switch/index.js";
+export { Tabs } from "../components/primitives/Tabs/index.js";
+export type { TabsProps } from "../components/primitives/Tabs/index.js";
+export { Text } from "../components/primitives/Text/index.js";
+export type { TextProps } from "../components/primitives/Text/index.js";
+export { Textarea } from "../components/primitives/Textarea/index.js";
+export type { TextareaProps } from "../components/primitives/Textarea/index.js";
+export { Toast } from "../components/primitives/Toast/index.js";
+export type { ToastProps } from "../components/primitives/Toast/index.js";
+export { Tooltip } from "../components/primitives/Tooltip/index.js";
+export type { TooltipProps } from "../components/primitives/Tooltip/index.js";
+export { TreeView } from "../components/primitives/TreeView/index.js";
+export type { TreeViewProps } from "../components/primitives/TreeView/index.js";

package/dist/types/index.d.ts

@@ -0,0 +1,17 @@
+import "./styles.css";
+export * from "./types/index.js";
+export * from "./tokens/index.js";
+export * from "./theme/index.js";
+export * from "./forms/types.js";
+export * from "./forms/form-store.js";
+export * from "./forms/field.js";
+export * from "./forms/react.js";
+export * from "./forms/react-field.js";
+export * from "./forms/react-form.js";
+export { FormField as BoundFormField } from "./forms/FormField.js";
+export type { FormFieldProps as BoundFormFieldProps } from "./forms/FormField.js";
+export * from "./forms/FormActions.js";
+export * from "./forms/adapters.js";
+export * from "./forms/resource-form.js";
+export * from "./data/index.js";
+export * from "./generated/public-exports.js";

package/dist/types/theme/index.d.ts

@@ -0,0 +1,4 @@
+export { applyTheme, createTheme, darkTheme, defaultTheme, themeToCss, themeToCssVariables, validateTheme, } from "./theme.js";
+export type { Theme, ThemeColors, ThemeOverrides, ThemeStates } from "./theme.js";
+export { ThemeProvider, useTheme, } from "./provider.js";
+export type { ResolvedThemeMode, ThemeContextValue, ThemeMode, ThemeProviderProps, } from "./provider.js";

package/dist/types/theme/provider.d.ts

@@ -0,0 +1,20 @@
+import type { ReactNode } from "react";
+import { type Theme } from "./theme.js";
+export type ThemeMode = "light" | "dark" | "system";
+export type ResolvedThemeMode = "light" | "dark";
+export interface ThemeProviderProps {
+    children: ReactNode;
+    mode?: ThemeMode;
+    defaultMode?: ThemeMode;
+    lightTheme?: Theme;
+    darkTheme?: Theme;
+    container?: HTMLElement | null;
+}
+export interface ThemeContextValue {
+    mode: ThemeMode;
+    resolvedMode: ResolvedThemeMode;
+    theme: Theme;
+    setMode: (mode: ThemeMode) => void;
+}
+export declare function ThemeProvider({ children, mode, defaultMode, lightTheme, darkTheme, container, }: ThemeProviderProps): import("react").JSX.Element;
+export declare function useTheme(): ThemeContextValue;

package/dist/types/theme/theme.d.ts

@@ -0,0 +1,47 @@
+import { fontSize, fontWeight, radius, shadows, spacing, zIndex } from "../tokens/index.js";
+export interface ThemeColors {
+    surface: string;
+    surfaceMuted: string;
+    text: string;
+    textMuted: string;
+    border: string;
+    primary: string;
+    primaryContrast: string;
+    danger: string;
+    dangerContrast: string;
+}
+export interface ThemeStates {
+    focusRing: string;
+    disabledSurface: string;
+    disabledText: string;
+    disabledOpacity: number;
+    error: string;
+    errorContrast: string;
+    errorSurface: string;
+    success: string;
+    successContrast: string;
+    successSurface: string;
+    warning: string;
+    warningContrast: string;
+    warningSurface: string;
+}
+export interface Theme {
+    colors: ThemeColors;
+    states: ThemeStates;
+    spacing: typeof spacing;
+    radius: typeof radius;
+    fontSize: typeof fontSize;
+    fontWeight: typeof fontWeight;
+    shadows: typeof shadows;
+    zIndex: typeof zIndex;
+}
+export type ThemeOverrides = {
+    [K in keyof Theme]?: Partial<Theme[K]>;
+};
+export declare const defaultTheme: Theme;
+export declare function createTheme(overrides?: ThemeOverrides): Theme;
+export declare const darkTheme: Theme;
+export declare function themeToCssVariables(theme: Theme): Record<string, string>;
+export declare function themeToCss(theme: Theme): string;
+export declare function validateTheme(theme: Theme): string[];
+export declare function applyTheme(element: HTMLElement, theme: Theme, resolvedMode?: "light" | "dark"): () => void;

package/dist/types/theme/theme.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tokens/index.d.ts

@@ -0,0 +1 @@
+export * from "./tokens.js";

package/dist/types/tokens/tokens.d.ts

@@ -0,0 +1,55 @@
+export declare const spacing: {
+    readonly 0: "0rem";
+    readonly 1: "0.25rem";
+    readonly 2: "0.5rem";
+    readonly 3: "0.75rem";
+    readonly 4: "1rem";
+    readonly 5: "1.25rem";
+    readonly 6: "1.5rem";
+    readonly 8: "2rem";
+    readonly 10: "2.5rem";
+    readonly 12: "3rem";
+    readonly 16: "4rem";
+};
+export declare const radius: {
+    readonly none: "0";
+    readonly small: "0.25rem";
+    readonly medium: "0.5rem";
+    readonly large: "0.75rem";
+    readonly full: "9999px";
+};
+export declare const fontSize: {
+    readonly xs: "0.75rem";
+    readonly sm: "0.875rem";
+    readonly md: "1rem";
+    readonly lg: "1.125rem";
+    readonly xl: "1.25rem";
+    readonly "2xl": "1.5rem";
+    readonly "3xl": "1.875rem";
+};
+export declare const fontWeight: {
+    readonly regular: 400;
+    readonly medium: 500;
+    readonly semibold: 600;
+    readonly bold: 700;
+};
+export declare const shadows: {
+    readonly none: "none";
+    readonly sm: "0 1px 2px rgb(0 0 0 / 0.08)";
+    readonly md: "0 4px 10px rgb(0 0 0 / 0.12)";
+    readonly lg: "0 12px 28px rgb(0 0 0 / 0.16)";
+};
+export declare const zIndex: {
+    readonly base: 0;
+    readonly dropdown: 100;
+    readonly sticky: 200;
+    readonly overlay: 300;
+    readonly modal: 400;
+    readonly toast: 500;
+};
+export type SpacingToken = keyof typeof spacing;
+export type RadiusToken = keyof typeof radius;
+export type FontSizeToken = keyof typeof fontSize;
+export type FontWeightToken = keyof typeof fontWeight;
+export type ShadowToken = keyof typeof shadows;
+export type ZIndexToken = keyof typeof zIndex;

package/dist/types/tooling/discovery/discover.d.ts

@@ -0,0 +1,9 @@
+import type { ComponentMetadata } from "../../types/metadata.js";
+export interface DiscoveryResult {
+    components: ComponentMetadata[];
+}
+export interface DiscoveryOptions {
+    componentsDir: string[];
+    sourceRoot?: string;
+}
+export declare function discoverComponents(options: DiscoveryOptions): DiscoveryResult;

package/dist/types/tooling/discovery/discover.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tooling/discovery/generate-exports.d.ts

@@ -0,0 +1,6 @@
+import type { ComponentMetadata } from "../../types/metadata.js";
+export interface ExportGenerationOptions {
+    outputFile: string;
+    sourceRoot: string;
+}
+export declare function generateExportsSource(components: ComponentMetadata[], options: ExportGenerationOptions): string;

package/dist/types/tooling/discovery/generate-registry.d.ts

@@ -0,0 +1,6 @@
+import type { ComponentMetadata } from "../../types/metadata.js";
+export interface RegistryGenerationOptions {
+    outputFile?: string;
+    sourceRoot?: string;
+}
+export declare function generateRegistrySource(components: ComponentMetadata[], options?: RegistryGenerationOptions): string;

package/dist/types/tooling/discovery/generate-registry.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tooling/discovery/generate.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tooling/discovery/vite-plugin.d.ts

@@ -0,0 +1,8 @@
+import type { Plugin } from "vite";
+export interface ComponentDiscoveryPluginOptions {
+    componentsDir?: string[];
+    sourceRoot?: string;
+    outputFile?: string;
+    exportsFile?: string;
+}
+export declare function componentDiscoveryPlugin(pluginOptions?: ComponentDiscoveryPluginOptions): Plugin;

package/dist/types/types/component.d.ts

@@ -0,0 +1,12 @@
+import type { CSSProperties, ReactNode } from "react";
+/** Shared props available to components that render visual UI. */
+export interface BaseComponentProps {
+    /** Optional CSS class name for external styling. */
+    className?: string;
+    /** Optional inline styles for the component root element. */
+    style?: CSSProperties;
+}
+/** Props for components whose primary content is supplied as children. */
+export interface ContentComponentProps extends BaseComponentProps {
+    children?: ReactNode;
+}

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

@@ -0,0 +1,2 @@
+export * from "./component.js";
+export * from "./metadata.js";

package/dist/types/types/metadata.d.ts

@@ -0,0 +1,48 @@
+export type PropKind = "string" | "number" | "boolean" | "enum" | "function" | "object" | "array" | "react-node" | "unknown";
+export type PropControl = "text" | "number" | "boolean" | "select" | "json" | "event" | "none" | "custom";
+export interface PropMetadata {
+    name: string;
+    kind: PropKind;
+    type: string;
+    required: boolean;
+    description?: string;
+    values?: string[];
+    control?: PropControl;
+    defaultValue?: unknown;
+}
+export interface ComponentEventMetadata {
+    name: string;
+    description?: string;
+}
+export interface ComponentVariantMetadata {
+    name: string;
+    values: string[];
+}
+export interface ComponentMetadata {
+    id: string;
+    name: string;
+    exportName: string;
+    category: string[];
+    description?: string;
+    sourcePath: string;
+    importPath: string;
+    previewPath?: string;
+    fixturePath?: string;
+    props: PropMetadata[];
+    events: ComponentEventMetadata[];
+    variants: ComponentVariantMetadata[];
+}
+export interface ComponentPreviewProps {
+    metadata: ComponentMetadata;
+    props: Record<string, unknown>;
+    setProps: (props: Record<string, unknown>) => void;
+    resetProps: () => void;
+    onEvent: (name: string) => void;
+}
+export type ComponentFixture = (props: ComponentPreviewProps) => unknown;
+export interface ComponentRegistryEntry {
+    metadata: ComponentMetadata;
+    load: () => Promise<unknown>;
+    fixture?: () => Promise<unknown>;
+    preview?: () => Promise<unknown>;
+}

package/package.json

@@ -0,0 +1,56 @@
+{
+  "name": "@furcrer/fullstack-components",
+  "version": "0.1.0",
+  "private": false,
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/types/index.d.ts",
+  "typings": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./styles.css": "./dist/styles.css"
+  },
+  "scripts": {
+    "generate": "node scripts/generate-components.mjs",
+    "build:types": "npm run generate && node scripts/clean-declarations.mjs && tsc -p tsconfig.build.json && node scripts/rewrite-declaration-imports.mjs",
+    "build": "npm run generate && npm run build:types && vite build",
+    "dev": "npm run generate && vite --config dev/vite.config.ts",
+    "test": "npm run generate && vitest run",
+    "test:watch": "vitest",
+    "test:e2e": "playwright test",
+    "test:package": "node scripts/package-consumer-smoke.mjs",
+    "typecheck": "npm run generate && tsc --noEmit",
+    "check": "node scripts/check.mjs",
+    "release:check": "node scripts/release-check.mjs",
+    "test:consumer:vite": "node scripts/package-vite-consumer-smoke.mjs"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "devDependencies": {
+    "@playwright/test": "^1.55.0",
+    "@testing-library/jest-dom": "^6.0.0",
+    "@testing-library/react": "^16.0.0",
+    "@types/node": "^22.0.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@vitejs/plugin-react": "^5.0.0",
+    "jsdom": "^26.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "tsx": "^4.20.0",
+    "typescript": "^5.8.0",
+    "vitest": "^3.0.0",
+    "fallow": "^3.22.0",
+    "vite": "^7.3.6"
+  }
+}