formstack-ui 0.0.1

package/dist/lib/demo-schemas.d.ts

@@ -0,0 +1,2 @@
+import type { FormSchema } from "../types/schema";
+export declare const KITCHEN_SINK_SCHEMA: FormSchema;

package/dist/lib/index.d.ts

@@ -0,0 +1,17 @@
+export { SchemaForm } from "../components/SchemaForm";
+export { FormikSchemaForm } from "../components/FormikSchemaForm";
+export { FormBuilder } from "../components/builder/FormBuilder";
+export type { FormSchema } from "../types/schema";
+export { GridContainer, GridItem } from "../components/ui/Grid";
+export { TextInput } from "../components/ui/TextInput";
+export { Textarea } from "../components/ui/Textarea";
+export { Select } from "../components/ui/Select";
+export { Checkbox } from "../components/ui/Checkbox";
+export { Switch } from "../components/ui/Switch";
+export { RadioGroup } from "../components/ui/RadioGroup";
+export { Autocomplete } from "../components/ui/select/Autocomplete";
+export { FileInput } from "../components/ui/FileInput";
+export { DatePicker, TimePicker, DateTimePicker, DateRangePicker } from "../components/ui/date";
+export { ThemeProvider, useFormTheme } from "../components/theme/ThemeContext";
+export type { FormTheme } from "../components/theme/types";
+export { defaultTheme } from "../components/theme/defaultTheme";

package/dist/lib/schema-helpers.d.ts

@@ -0,0 +1,29 @@
+import { z } from "zod";
+import type { FormSchema, FieldSchema } from "../types/schema";
+/**
+ * Enhanced getByPath: Checks for flat key FIRST (best for dot-notated names in flat state)
+ * Falls back to nested access if flat key is not found.
+ */
+export declare const getByPath: (obj: any, path: string) => any;
+export declare function checkVisibility(field: FieldSchema, values: any): boolean;
+/**
+ * Check if field should be disabled based on disable rules
+ */
+export declare function checkDisabled(field: FieldSchema, values: any): boolean;
+/**
+ * Check if field value should be cleared based on clear value rules
+ */
+export declare function checkShouldClearValue(field: FieldSchema, values: any, previousValues?: any): boolean;
+/**
+ * Generates flat defaults for fields, even those with dot-notation
+ */
+export declare function generateDefaultValues(schema: FormSchema): Record<string, any>;
+/**
+ * Generates a Zod schema that treats field.name as a flat key.
+ * Strictly follows the order: Base Type -> Basic Rules -> Special Refinement (Required) -> Optionality.
+ */
+export declare function generateZodSchema(schema: FormSchema): z.ZodObject<Record<string, z.ZodTypeAny>, "strip", z.ZodTypeAny, {
+    [x: string]: any;
+}, {
+    [x: string]: any;
+}>;

package/dist/types/schema.d.ts

@@ -0,0 +1,136 @@
+export type FieldDirection = "horizontal" | "vertical";
+export interface ResponsiveDirection {
+    xs?: FieldDirection;
+    sm?: FieldDirection;
+    md?: FieldDirection;
+    lg?: FieldDirection;
+}
+export type FieldType = "text" | "email" | "url" | "tel" | "number" | "password" | "textarea" | "select" | "autocomplete" | "date" | "time" | "datetime" | "daterange" | "checkbox" | "switch" | "radio" | "file";
+export interface SelectOption {
+    label: string;
+    value: string | number;
+}
+export interface ValidationRule {
+    type: "required" | "min" | "max" | "minLength" | "maxLength" | "length" | "email" | "url" | "pattern" | "step" | "regex" | "custom" | "fileSize" | "fileType" | "minDate" | "maxDate" | "integer" | "positive" | "negative" | "nonZero";
+    value?: any;
+    message?: string;
+}
+export interface GridProps {
+    colSpan?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+    xs?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+    sm?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+    md?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+    lg?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+    rowSpan?: number;
+}
+export interface VisibilityRule {
+    field: string;
+    operator: "eq" | "neq" | "in" | "contains" | "gt" | "lt" | "nin" | "changed";
+    value: any;
+}
+export interface FieldSchema {
+    id: string;
+    name: string;
+    type: FieldType;
+    label: string;
+    placeholder?: string;
+    defaultValue?: any;
+    helperText?: string;
+    errorMessage?: string;
+    options?: SelectOption[];
+    multiple?: boolean;
+    restrictInput?: boolean;
+    clearable?: boolean;
+    asyncUrl?: string;
+    startAdornment?: string;
+    endAdornment?: string;
+    direction?: FieldDirection | ResponsiveDirection;
+    rows?: number;
+    minRows?: number;
+    maxRows?: number;
+    resize?: "none" | "vertical" | "horizontal" | "both";
+    format?: string;
+    accept?: string;
+    maxSize?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    minLength?: number;
+    maxLength?: number;
+    pattern?: string;
+    autocomplete?: string;
+    inputMode?: "none" | "text" | "decimal" | "numeric" | "tel" | "search" | "email" | "url";
+    maxFiles?: number;
+    allowedExtensions?: string[];
+    previewMode?: "list" | "grid" | "compact";
+    minDate?: string;
+    maxDate?: string;
+    disabledDates?: string[];
+    dateFormat?: string;
+    timeFormat?: "12h" | "24h";
+    searchable?: boolean;
+    creatable?: boolean;
+    grouped?: boolean;
+    virtualScroll?: boolean;
+    loadingText?: string;
+    noOptionsText?: string;
+    autoGrow?: boolean;
+    showCharCount?: boolean;
+    checkboxLabel?: string;
+    indeterminate?: boolean;
+    variant?: "outlined" | "filled" | "standard";
+    size?: "small" | "medium" | "large";
+    color?: "primary" | "secondary" | "success" | "error" | "warning" | "info";
+    fullWidth?: boolean;
+    dense?: boolean;
+    grid?: GridProps;
+    disabled?: boolean;
+    hidden?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    autoFocus?: boolean;
+    validation?: ValidationRule[];
+    validateOnChange?: boolean;
+    validateOnBlur?: boolean;
+    debounceValidation?: number;
+    visibilityRules?: VisibilityRule[];
+    disableRules?: VisibilityRule[];
+    clearValueRules?: VisibilityRule[];
+    reserveSpace?: boolean;
+    tooltip?: string;
+    prefix?: string;
+    suffix?: string;
+    mask?: string;
+    transform?: "uppercase" | "lowercase" | "capitalize";
+}
+export interface FormSchema {
+    id?: string;
+    title?: string;
+    description?: string;
+    fields: FieldSchema[];
+    layout?: {
+        columns?: number;
+        gap?: number;
+    };
+    styling?: {
+        spacing?: {
+            formPadding?: number;
+            fieldGap?: number;
+            sectionGap?: number;
+        };
+        responsive?: {
+            mobile?: {
+                columns?: number;
+                gap?: number;
+            };
+            tablet?: {
+                columns?: number;
+                gap?: number;
+            };
+            desktop?: {
+                columns?: number;
+                gap?: number;
+            };
+        };
+    };
+}

package/dist/utils/date-utils.d.ts

@@ -0,0 +1,10 @@
+export declare const months: string[];
+export declare const daysShort: string[];
+export declare const getDaysInMonth: (year: number, month: number) => number;
+export declare const getFirstDayOfMonth: (year: number, month: number) => number;
+export declare const formatDate: (date: Date | null, formatStr?: string) => string;
+export declare const parseDate: (dateStr: string) => Date | null;
+export declare const isSameDay: (d1: Date | null, d2: Date | null) => boolean;
+export declare const isToday: (d: Date) => boolean;
+export declare const addMonths: (date: Date, monthsToAdd: number) => Date;
+export declare const startOfDay: (date: Date) => Date;

package/dist/utils/dependencies.d.ts

@@ -0,0 +1,2 @@
+import type { FieldSchema } from "@/types/schema";
+export declare const evaluateVisibility: (field: FieldSchema, formData: Record<string, any>) => boolean;

package/dist/utils/validation.d.ts

@@ -0,0 +1,7 @@
+import { z } from "zod";
+import type { FormSchema } from "@/types/schema";
+export declare const generateZodSchema: (schema: FormSchema) => z.ZodObject<Record<string, z.ZodTypeAny>, "strip", z.ZodTypeAny, {
+    [x: string]: any;
+}, {
+    [x: string]: any;
+}>;

package/dist/utils/yup-validation.d.ts

@@ -0,0 +1,7 @@
+import * as yup from "yup";
+import type { FormSchema } from "@/types/schema";
+export declare const generateYupSchema: (schema: FormSchema) => yup.ObjectSchema<{
+    [x: string]: any;
+}, yup.AnyObject, {
+    [x: string]: any;
+}, "">;

package/dist/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/package.json

@@ -0,0 +1,130 @@
+{
+  "name": "formstack-ui",
+  "version": "0.0.1",
+  "description": "The complete UI framework for building form-driven React applications with visual builder, CLI tools, and enterprise-grade features",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./styles": "./dist/style.css"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE",
+    "CHANGELOG.md"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "prepublishOnly": "npm run build:lib",
+    "prepare": "husky",
+    "predeploy": "npm run build",
+    "build:site": "vite build",
+    "build:lib": "vite build --config vite.lib.config.ts && tsc -p tsconfig.lib.json && npm run build:cli",
+    "build:cli": "tsc -p tsconfig.cli.json",
+    "deploy": "gh-pages -d dist-site"
+  },
+  "bin": {
+    "formstack-ui": "dist/bin/index.js",
+    "create-formstack-ui": "dist/bin/index.js"
+  },
+  "keywords": [
+    "react",
+    "form",
+    "form-builder",
+    "schema",
+    "validation",
+    "typescript",
+    "tailwind",
+    "dynamic-forms",
+    "formstack",
+    "ui-framework",
+    "zod",
+    "yup",
+    "formik",
+    "visual-builder",
+    "drag-and-drop",
+    "conditional-logic",
+    "responsive",
+    "accessibility",
+    "dark-mode",
+    "cli"
+  ],
+  "author": "Adarsh <adarshatl03@gmail.com>",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/formstack-ui/formstack-ui.git"
+  },
+  "bugs": {
+    "url": "https://github.com/formstack-ui/formstack-ui/issues"
+  },
+  "homepage": "https://formstack-ui.dev",
+  "peerDependencies": {
+    "formik": ">=2.4.0",
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0",
+    "tailwindcss": ">=4.0.0",
+    "yup": ">=1.0.0",
+    "zod": ">=3.0.0"
+  },
+  "dependencies": {
+    "chalk": "^5.6.2",
+    "commander": "^14.0.2",
+    "date-fns": "^4.1.0",
+    "execa": "^9.6.1",
+    "fs-extra": "^11.3.3",
+    "lucide-react": "^0.562.0",
+    "ora": "^9.0.0",
+    "prompts": "^2.4.2",
+    "react-router-dom": "^7.12.0"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.39.1",
+    "@tailwindcss/vite": "^4.1.18",
+    "@types/fs-extra": "^11.0.4",
+    "@types/node": "^24.10.7",
+    "@types/prompts": "^2.4.9",
+    "@types/react": "^19.2.5",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^5.1.1",
+    "eslint": "^9.39.1",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.24",
+    "formik": "^2.4.9",
+    "gh-pages": "^6.3.0",
+    "globals": "^16.5.0",
+    "husky": "^9.1.7",
+    "lint-staged": "^16.2.7",
+    "prettier": "^3.7.4",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "tailwindcss": "^4.0.0",
+    "typescript": "~5.9.3",
+    "typescript-eslint": "^8.46.4",
+    "vite": "^7.2.4",
+    "yup": "^1.7.1",
+    "zod": "^3.24.1"
+  },
+  "engines": {
+    "node": ">=18.0.0",
+    "npm": ">=9.0.0"
+  },
+  "lint-staged": {
+    "*.{ts,tsx}": [
+      "eslint --fix",
+      "tsc --noEmit"
+    ],
+    "*.{json,md}": [
+      "prettier --write"
+    ]
+  }
+}