@openuidev/react-ui 0.9.16

package/dist/genui-lib/DatePicker/index.js

@@ -0,0 +1,41 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { defineComponent, parseRules, useFormName, useFormValidation, useGetFieldValue, useIsStreaming, useSetFieldValue, } from "@openuidev/lang-react";
+import React from "react";
+import { DatePicker as OpenUIDatePicker } from "../../components/DatePicker";
+import { DatePickerSchema } from "./schema";
+export { DatePickerSchema } from "./schema";
+export const DatePicker = defineComponent({
+    name: "DatePicker",
+    props: DatePickerSchema,
+    description: "",
+    component: ({ props }) => {
+        const formName = useFormName();
+        const getFieldValue = useGetFieldValue();
+        const setFieldValue = useSetFieldValue();
+        const isStreaming = useIsStreaming();
+        const formValidation = useFormValidation();
+        const fieldName = props.name || "date";
+        const mode = props.mode || "single";
+        const rules = React.useMemo(() => parseRules(props.rules), [props.rules]);
+        const value = getFieldValue(formName, fieldName);
+        React.useEffect(() => {
+            if (!isStreaming && rules.length > 0 && formValidation) {
+                formValidation.registerField(fieldName, rules, () => getFieldValue(formName, fieldName));
+                return () => formValidation.unregisterField(fieldName);
+            }
+            return undefined;
+        }, [isStreaming, rules.length > 0]);
+        const handleChange = (val) => {
+            setFieldValue(formName, "DatePicker", fieldName, val, true);
+            if (rules.length > 0) {
+                formValidation?.validateField(fieldName, val, rules);
+            }
+        };
+        if (mode === "range") {
+            return (_jsx(OpenUIDatePicker, { mode: "range", selectedRangeDates: value, setSelectedRangeDates: handleChange }));
+        }
+        return (_jsx(OpenUIDatePicker, { mode: "single", selectedSingleDate: value, setSelectedSingleDate: handleChange }));
+    },
+});
+//# sourceMappingURL=index.js.map

package/dist/genui-lib/DatePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/genui-lib/DatePicker/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EACL,eAAe,EACf,UAAU,EACV,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,gBAAgB,GACjB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE5C,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC;IACxC,IAAI,EAAE,YAAY;IAClB,KAAK,EAAE,gBAAgB;IACvB,WAAW,EAAE,EAAE;IACf,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;QACvB,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;QAC/B,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;QACzC,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;QACzC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;QACrC,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;QAE3C,MAAM,SAAS,GAAI,KAAK,CAAC,IAAe,IAAI,MAAM,CAAC;QACnD,MAAM,IAAI,GAAI,KAAK,CAAC,IAA2B,IAAI,QAAQ,CAAC;QAC5D,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;QAC1E,MAAM,KAAK,GAAG,aAAa,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;QAEjD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;YACnB,IAAI,CAAC,WAAW,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,cAAc,EAAE,CAAC;gBACvD,cAAc,CAAC,aAAa,CAAC,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC;gBACzF,OAAO,GAAG,EAAE,CAAC,cAAc,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;YACzD,CAAC;YACD,OAAO,SAAS,CAAC;QACnB,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;QAEpC,MAAM,YAAY,GAAG,CAAC,GAAY,EAAE,EAAE;YACpC,aAAa,CAAC,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC;YAC5D,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACrB,cAAc,EAAE,aAAa,CAAC,SAAS,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;YACvD,CAAC;QACH,CAAC,CAAC;QAEF,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;YACrB,OAAO,CACL,KAAC,gBAAgB,IACf,IAAI,EAAC,OAAO,EACZ,kBAAkB,EAAE,KAAK,EACzB,qBAAqB,EAAE,YAAY,GACnC,CACH,CAAC;QACJ,CAAC;QAED,OAAO,CACL,KAAC,gBAAgB,IACf,IAAI,EAAC,QAAQ,EACb,kBAAkB,EAAE,KAAK,EACzB,qBAAqB,EAAE,YAAY,GACnC,CACH,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/dist/genui-lib/DatePicker/schema.d.ts

@@ -0,0 +1,10 @@
+import { z } from "zod";
+export declare const DatePickerSchema: z.ZodObject<{
+    name: z.ZodString;
+    mode: z.ZodEnum<{
+        single: "single";
+        range: "range";
+    }>;
+    rules: z.ZodOptional<z.ZodArray<z.ZodString>>;
+}, z.core.$strip>;
+//# sourceMappingURL=schema.d.ts.map

package/dist/genui-lib/DatePicker/schema.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/genui-lib/DatePicker/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAIxB,eAAO,MAAM,gBAAgB;;;;;;;iBAI3B,CAAC"}

package/dist/genui-lib/DatePicker/schema.js

@@ -0,0 +1,8 @@
+import { z } from "zod";
+const validationRules = z.array(z.string()).optional();
+export const DatePickerSchema = z.object({
+    name: z.string(),
+    mode: z.enum(["single", "range"]),
+    rules: validationRules,
+});
+//# sourceMappingURL=schema.js.map

package/dist/genui-lib/DatePicker/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"","sources":["../../../src/genui-lib/DatePicker/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,MAAM,eAAe,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC;AAEvD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,CAAC,MAAM,CAAC;IACvC,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE;IAChB,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IACjC,KAAK,EAAE,eAAe;CACvB,CAAC,CAAC"}

package/dist/genui-lib/Form/index.d.ts

@@ -0,0 +1,129 @@
+export { FormSchema } from "./schema";
+export declare const Form: import("@openuidev/lang-react").DefinedComponent<import("zod").ZodObject<{
+    name: import("zod").ZodString;
+    fields: import("zod").ZodArray<import("zod").ZodType<import("@openuidev/lang-react").SubComponentOf<{
+        label: string;
+        input: import("@openuidev/lang-react").SubComponentOf<{
+            name: string;
+            placeholder?: string | undefined;
+            type?: "number" | "text" | "url" | "email" | "password" | undefined;
+            rules?: string[] | undefined;
+        }> | import("@openuidev/lang-react").SubComponentOf<{
+            name: string;
+            placeholder?: string | undefined;
+            rows?: number | undefined;
+            rules?: string[] | undefined;
+        }> | import("@openuidev/lang-react").SubComponentOf<{
+            name: string;
+            items: import("@openuidev/lang-react").SubComponentOf<{
+                value: string;
+                label: string;
+            }>[];
+            placeholder?: string | undefined;
+            rules?: string[] | undefined;
+        }> | import("@openuidev/lang-react").SubComponentOf<{
+            name: string;
+            mode: "single" | "range";
+            rules?: string[] | undefined;
+        }> | import("@openuidev/lang-react").SubComponentOf<{
+            name: string;
+            variant: "continuous" | "discrete";
+            min: number;
+            max: number;
+            step?: number | undefined;
+            defaultValue?: number | undefined;
+            rules?: string[] | undefined;
+        }> | import("@openuidev/lang-react").SubComponentOf<{
+            name: string;
+            items: import("@openuidev/lang-react").SubComponentOf<{
+                label: string;
+                description: string;
+                name: string;
+                defaultChecked?: boolean | undefined;
+            }>[];
+            rules?: string[] | undefined;
+        }> | import("@openuidev/lang-react").SubComponentOf<{
+            name: string;
+            items: import("@openuidev/lang-react").SubComponentOf<{
+                label: string;
+                description: string;
+                value: string;
+            }>[];
+            defaultValue?: string | undefined;
+            rules?: string[] | undefined;
+        }>;
+        hint?: string | undefined;
+    }>, unknown, import("zod/v4/core").$ZodTypeInternals<import("@openuidev/lang-react").SubComponentOf<{
+        label: string;
+        input: import("@openuidev/lang-react").SubComponentOf<{
+            name: string;
+            placeholder?: string | undefined;
+            type?: "number" | "text" | "url" | "email" | "password" | undefined;
+            rules?: string[] | undefined;
+        }> | import("@openuidev/lang-react").SubComponentOf<{
+            name: string;
+            placeholder?: string | undefined;
+            rows?: number | undefined;
+            rules?: string[] | undefined;
+        }> | import("@openuidev/lang-react").SubComponentOf<{
+            name: string;
+            items: import("@openuidev/lang-react").SubComponentOf<{
+                value: string;
+                label: string;
+            }>[];
+            placeholder?: string | undefined;
+            rules?: string[] | undefined;
+        }> | import("@openuidev/lang-react").SubComponentOf<{
+            name: string;
+            mode: "single" | "range";
+            rules?: string[] | undefined;
+        }> | import("@openuidev/lang-react").SubComponentOf<{
+            name: string;
+            variant: "continuous" | "discrete";
+            min: number;
+            max: number;
+            step?: number | undefined;
+            defaultValue?: number | undefined;
+            rules?: string[] | undefined;
+        }> | import("@openuidev/lang-react").SubComponentOf<{
+            name: string;
+            items: import("@openuidev/lang-react").SubComponentOf<{
+                label: string;
+                description: string;
+                name: string;
+                defaultChecked?: boolean | undefined;
+            }>[];
+            rules?: string[] | undefined;
+        }> | import("@openuidev/lang-react").SubComponentOf<{
+            name: string;
+            items: import("@openuidev/lang-react").SubComponentOf<{
+                label: string;
+                description: string;
+                value: string;
+            }>[];
+            defaultValue?: string | undefined;
+            rules?: string[] | undefined;
+        }>;
+        hint?: string | undefined;
+    }>, unknown>>>;
+    buttons: import("zod").ZodType<import("@openuidev/lang-react").SubComponentOf<{
+        buttons: import("@openuidev/lang-react").SubComponentOf<{
+            label: string;
+            action: string;
+            variant?: "primary" | "secondary" | "tertiary" | undefined;
+            type?: "normal" | "destructive" | undefined;
+            size?: "small" | "extra-small" | "medium" | "large" | undefined;
+        }>[];
+        direction?: "row" | "column" | undefined;
+    }>, unknown, import("zod/v4/core").$ZodTypeInternals<import("@openuidev/lang-react").SubComponentOf<{
+        buttons: import("@openuidev/lang-react").SubComponentOf<{
+            label: string;
+            action: string;
+            variant?: "primary" | "secondary" | "tertiary" | undefined;
+            type?: "normal" | "destructive" | undefined;
+            size?: "small" | "extra-small" | "medium" | "large" | undefined;
+        }>[];
+        direction?: "row" | "column" | undefined;
+    }>, unknown>>;
+}, import("zod/v4/core").$strip>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/genui-lib/Form/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/genui-lib/Form/index.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAmBf,CAAC"}

package/dist/genui-lib/Form/index.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { defineComponent, FormNameContext, FormValidationContext, useCreateFormValidation, } from "@openuidev/lang-react";
+import { FormSchema } from "./schema";
+export { FormSchema } from "./schema";
+export const Form = defineComponent({
+    name: "Form",
+    props: FormSchema,
+    description: "Form container with fields and explicit action buttons",
+    component: ({ props, renderNode }) => {
+        const formValidation = useCreateFormValidation();
+        const formName = props.name;
+        return (_jsx(FormValidationContext.Provider, { value: formValidation, children: _jsx(FormNameContext.Provider, { value: formName, children: _jsxs("div", { role: "form", style: { display: "flex", flexDirection: "column", gap: "16px" }, children: [renderNode(props.fields), renderNode(props.buttons)] }) }) }));
+    },
+});
+//# sourceMappingURL=index.js.map

package/dist/genui-lib/Form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/genui-lib/Form/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EACL,eAAe,EACf,eAAe,EACf,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,MAAM,CAAC,MAAM,IAAI,GAAG,eAAe,CAAC;IAClC,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,UAAU;IACjB,WAAW,EAAE,wDAAwD;IACrE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE;QACnC,MAAM,cAAc,GAAG,uBAAuB,EAAE,CAAC;QACjD,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAc,CAAC;QAEtC,OAAO,CACL,KAAC,qBAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,cAAc,YACnD,KAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,YACvC,eAAK,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,aAC9E,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,EACxB,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,IACtB,GACmB,GACI,CAClC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/dist/genui-lib/Form/schema.d.ts

@@ -0,0 +1,129 @@
+import { z } from "zod";
+export declare const FormSchema: z.ZodObject<{
+    name: z.ZodString;
+    fields: z.ZodArray<z.ZodType<import("@openuidev/lang-react").SubComponentOf<{
+        label: string;
+        input: import("@openuidev/lang-react").SubComponentOf<{
+            name: string;
+            placeholder?: string | undefined;
+            type?: "number" | "text" | "url" | "email" | "password" | undefined;
+            rules?: string[] | undefined;
+        }> | import("@openuidev/lang-react").SubComponentOf<{
+            name: string;
+            placeholder?: string | undefined;
+            rows?: number | undefined;
+            rules?: string[] | undefined;
+        }> | import("@openuidev/lang-react").SubComponentOf<{
+            name: string;
+            items: import("@openuidev/lang-react").SubComponentOf<{
+                value: string;
+                label: string;
+            }>[];
+            placeholder?: string | undefined;
+            rules?: string[] | undefined;
+        }> | import("@openuidev/lang-react").SubComponentOf<{
+            name: string;
+            mode: "single" | "range";
+            rules?: string[] | undefined;
+        }> | import("@openuidev/lang-react").SubComponentOf<{
+            name: string;
+            variant: "continuous" | "discrete";
+            min: number;
+            max: number;
+            step?: number | undefined;
+            defaultValue?: number | undefined;
+            rules?: string[] | undefined;
+        }> | import("@openuidev/lang-react").SubComponentOf<{
+            name: string;
+            items: import("@openuidev/lang-react").SubComponentOf<{
+                label: string;
+                description: string;
+                name: string;
+                defaultChecked?: boolean | undefined;
+            }>[];
+            rules?: string[] | undefined;
+        }> | import("@openuidev/lang-react").SubComponentOf<{
+            name: string;
+            items: import("@openuidev/lang-react").SubComponentOf<{
+                label: string;
+                description: string;
+                value: string;
+            }>[];
+            defaultValue?: string | undefined;
+            rules?: string[] | undefined;
+        }>;
+        hint?: string | undefined;
+    }>, unknown, z.core.$ZodTypeInternals<import("@openuidev/lang-react").SubComponentOf<{
+        label: string;
+        input: import("@openuidev/lang-react").SubComponentOf<{
+            name: string;
+            placeholder?: string | undefined;
+            type?: "number" | "text" | "url" | "email" | "password" | undefined;
+            rules?: string[] | undefined;
+        }> | import("@openuidev/lang-react").SubComponentOf<{
+            name: string;
+            placeholder?: string | undefined;
+            rows?: number | undefined;
+            rules?: string[] | undefined;
+        }> | import("@openuidev/lang-react").SubComponentOf<{
+            name: string;
+            items: import("@openuidev/lang-react").SubComponentOf<{
+                value: string;
+                label: string;
+            }>[];
+            placeholder?: string | undefined;
+            rules?: string[] | undefined;
+        }> | import("@openuidev/lang-react").SubComponentOf<{
+            name: string;
+            mode: "single" | "range";
+            rules?: string[] | undefined;
+        }> | import("@openuidev/lang-react").SubComponentOf<{
+            name: string;
+            variant: "continuous" | "discrete";
+            min: number;
+            max: number;
+            step?: number | undefined;
+            defaultValue?: number | undefined;
+            rules?: string[] | undefined;
+        }> | import("@openuidev/lang-react").SubComponentOf<{
+            name: string;
+            items: import("@openuidev/lang-react").SubComponentOf<{
+                label: string;
+                description: string;
+                name: string;
+                defaultChecked?: boolean | undefined;
+            }>[];
+            rules?: string[] | undefined;
+        }> | import("@openuidev/lang-react").SubComponentOf<{
+            name: string;
+            items: import("@openuidev/lang-react").SubComponentOf<{
+                label: string;
+                description: string;
+                value: string;
+            }>[];
+            defaultValue?: string | undefined;
+            rules?: string[] | undefined;
+        }>;
+        hint?: string | undefined;
+    }>, unknown>>>;
+    buttons: z.ZodType<import("@openuidev/lang-react").SubComponentOf<{
+        buttons: import("@openuidev/lang-react").SubComponentOf<{
+            label: string;
+            action: string;
+            variant?: "primary" | "secondary" | "tertiary" | undefined;
+            type?: "normal" | "destructive" | undefined;
+            size?: "small" | "extra-small" | "medium" | "large" | undefined;
+        }>[];
+        direction?: "row" | "column" | undefined;
+    }>, unknown, z.core.$ZodTypeInternals<import("@openuidev/lang-react").SubComponentOf<{
+        buttons: import("@openuidev/lang-react").SubComponentOf<{
+            label: string;
+            action: string;
+            variant?: "primary" | "secondary" | "tertiary" | undefined;
+            type?: "normal" | "destructive" | undefined;
+            size?: "small" | "extra-small" | "medium" | "large" | undefined;
+        }>[];
+        direction?: "row" | "column" | undefined;
+    }>, unknown>>;
+}, z.core.$strip>;
+//# sourceMappingURL=schema.d.ts.map

package/dist/genui-lib/Form/schema.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/genui-lib/Form/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAIxB,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAIrB,CAAC"}

package/dist/genui-lib/Form/schema.js

@@ -0,0 +1,9 @@
+import { z } from "zod";
+import { Buttons } from "../Buttons";
+import { FormControl } from "../FormControl";
+export const FormSchema = z.object({
+    name: z.string(),
+    fields: z.array(FormControl.ref),
+    buttons: Buttons.ref,
+});
+//# sourceMappingURL=schema.js.map

package/dist/genui-lib/Form/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"","sources":["../../../src/genui-lib/Form/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,CAAC,MAAM,CAAC;IACjC,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE;IAChB,MAAM,EAAE,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC;IAChC,OAAO,EAAE,OAAO,CAAC,GAAG;CACrB,CAAC,CAAC"}

package/dist/genui-lib/FormControl/index.d.ts

@@ -0,0 +1,103 @@
+export { FormControlSchema } from "./schema";
+export declare const FormControl: import("@openuidev/lang-react").DefinedComponent<import("zod").ZodObject<{
+    label: import("zod").ZodString;
+    input: import("zod").ZodUnion<readonly [import("zod").ZodType<import("@openuidev/lang-react").SubComponentOf<{
+        name: string;
+        placeholder?: string | undefined;
+        type?: "number" | "text" | "url" | "email" | "password" | undefined;
+        rules?: string[] | undefined;
+    }>, unknown, import("zod/v4/core").$ZodTypeInternals<import("@openuidev/lang-react").SubComponentOf<{
+        name: string;
+        placeholder?: string | undefined;
+        type?: "number" | "text" | "url" | "email" | "password" | undefined;
+        rules?: string[] | undefined;
+    }>, unknown>>, import("zod").ZodType<import("@openuidev/lang-react").SubComponentOf<{
+        name: string;
+        placeholder?: string | undefined;
+        rows?: number | undefined;
+        rules?: string[] | undefined;
+    }>, unknown, import("zod/v4/core").$ZodTypeInternals<import("@openuidev/lang-react").SubComponentOf<{
+        name: string;
+        placeholder?: string | undefined;
+        rows?: number | undefined;
+        rules?: string[] | undefined;
+    }>, unknown>>, import("zod").ZodType<import("@openuidev/lang-react").SubComponentOf<{
+        name: string;
+        items: import("@openuidev/lang-react").SubComponentOf<{
+            value: string;
+            label: string;
+        }>[];
+        placeholder?: string | undefined;
+        rules?: string[] | undefined;
+    }>, unknown, import("zod/v4/core").$ZodTypeInternals<import("@openuidev/lang-react").SubComponentOf<{
+        name: string;
+        items: import("@openuidev/lang-react").SubComponentOf<{
+            value: string;
+            label: string;
+        }>[];
+        placeholder?: string | undefined;
+        rules?: string[] | undefined;
+    }>, unknown>>, import("zod").ZodType<import("@openuidev/lang-react").SubComponentOf<{
+        name: string;
+        mode: "single" | "range";
+        rules?: string[] | undefined;
+    }>, unknown, import("zod/v4/core").$ZodTypeInternals<import("@openuidev/lang-react").SubComponentOf<{
+        name: string;
+        mode: "single" | "range";
+        rules?: string[] | undefined;
+    }>, unknown>>, import("zod").ZodType<import("@openuidev/lang-react").SubComponentOf<{
+        name: string;
+        variant: "continuous" | "discrete";
+        min: number;
+        max: number;
+        step?: number | undefined;
+        defaultValue?: number | undefined;
+        rules?: string[] | undefined;
+    }>, unknown, import("zod/v4/core").$ZodTypeInternals<import("@openuidev/lang-react").SubComponentOf<{
+        name: string;
+        variant: "continuous" | "discrete";
+        min: number;
+        max: number;
+        step?: number | undefined;
+        defaultValue?: number | undefined;
+        rules?: string[] | undefined;
+    }>, unknown>>, import("zod").ZodType<import("@openuidev/lang-react").SubComponentOf<{
+        name: string;
+        items: import("@openuidev/lang-react").SubComponentOf<{
+            label: string;
+            description: string;
+            name: string;
+            defaultChecked?: boolean | undefined;
+        }>[];
+        rules?: string[] | undefined;
+    }>, unknown, import("zod/v4/core").$ZodTypeInternals<import("@openuidev/lang-react").SubComponentOf<{
+        name: string;
+        items: import("@openuidev/lang-react").SubComponentOf<{
+            label: string;
+            description: string;
+            name: string;
+            defaultChecked?: boolean | undefined;
+        }>[];
+        rules?: string[] | undefined;
+    }>, unknown>>, import("zod").ZodType<import("@openuidev/lang-react").SubComponentOf<{
+        name: string;
+        items: import("@openuidev/lang-react").SubComponentOf<{
+            label: string;
+            description: string;
+            value: string;
+        }>[];
+        defaultValue?: string | undefined;
+        rules?: string[] | undefined;
+    }>, unknown, import("zod/v4/core").$ZodTypeInternals<import("@openuidev/lang-react").SubComponentOf<{
+        name: string;
+        items: import("@openuidev/lang-react").SubComponentOf<{
+            label: string;
+            description: string;
+            value: string;
+        }>[];
+        defaultValue?: string | undefined;
+        rules?: string[] | undefined;
+    }>, unknown>>]>;
+    hint: import("zod").ZodOptional<import("zod").ZodString>;
+}, import("zod/v4/core").$strip>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/genui-lib/FormControl/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/genui-lib/FormControl/index.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCA0BtB,CAAC"}

package/dist/genui-lib/FormControl/index.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { defineComponent, useFormValidation } from "@openuidev/lang-react";
+import { AlertCircle } from "lucide-react";
+import { FormControl as OpenUIFormControl } from "../../components/FormControl";
+import { Hint as OpenUIHint } from "../../components/FormControl/Hint";
+import { Label as OpenUILabel } from "../../components/Label";
+import { FormControlSchema } from "./schema";
+export { FormControlSchema } from "./schema";
+export const FormControl = defineComponent({
+    name: "FormControl",
+    props: FormControlSchema,
+    description: "Field with label, input component, and optional hint text",
+    component: ({ props, renderNode }) => {
+        const formValidation = useFormValidation();
+        const inputObj = props.input;
+        const fieldName = inputObj?.type === "element" ? inputObj.props?.name : undefined;
+        const error = fieldName ? formValidation?.errors[fieldName] : undefined;
+        return (_jsxs(OpenUIFormControl, { children: [_jsx(OpenUILabel, { className: "text-sm font-medium", children: props.label }), renderNode(props.input), error ? (_jsxs(OpenUIHint, { hasError: true, children: [_jsx(AlertCircle, { size: 14 }), error] })) : props.hint ? (_jsx(OpenUIHint, { children: props.hint })) : null] }));
+    },
+});
+//# sourceMappingURL=index.js.map

package/dist/genui-lib/FormControl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/genui-lib/FormControl/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC;IACzC,IAAI,EAAE,aAAa;IACnB,KAAK,EAAE,iBAAiB;IACxB,WAAW,EAAE,2DAA2D;IACxE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE;QACnC,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;QAC3C,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAY,CAAC;QACpC,MAAM,SAAS,GACb,QAAQ,EAAE,IAAI,KAAK,SAAS,CAAC,CAAC,CAAE,QAAQ,CAAC,KAAK,EAAE,IAA2B,CAAC,CAAC,CAAC,SAAS,CAAC;QAC1F,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,cAAc,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAExE,OAAO,CACL,MAAC,iBAAiB,eAChB,KAAC,WAAW,IAAC,SAAS,EAAC,qBAAqB,YAAE,KAAK,CAAC,KAAe,GAAe,EACjF,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,EACvB,KAAK,CAAC,CAAC,CAAC,CACP,MAAC,UAAU,IAAC,QAAQ,EAAE,IAAI,aACxB,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,GAAI,EACxB,KAAK,IACK,CACd,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CACf,KAAC,UAAU,cAAE,KAAK,CAAC,IAAc,GAAc,CAChD,CAAC,CAAC,CAAC,IAAI,IACU,CACrB,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}

package/dist/genui-lib/FormControl/schema.d.ts

@@ -0,0 +1,103 @@
+import { z } from "zod";
+export declare const FormControlSchema: z.ZodObject<{
+    label: z.ZodString;
+    input: z.ZodUnion<readonly [z.ZodType<import("@openuidev/lang-react").SubComponentOf<{
+        name: string;
+        placeholder?: string | undefined;
+        type?: "number" | "text" | "url" | "email" | "password" | undefined;
+        rules?: string[] | undefined;
+    }>, unknown, z.core.$ZodTypeInternals<import("@openuidev/lang-react").SubComponentOf<{
+        name: string;
+        placeholder?: string | undefined;
+        type?: "number" | "text" | "url" | "email" | "password" | undefined;
+        rules?: string[] | undefined;
+    }>, unknown>>, z.ZodType<import("@openuidev/lang-react").SubComponentOf<{
+        name: string;
+        placeholder?: string | undefined;
+        rows?: number | undefined;
+        rules?: string[] | undefined;
+    }>, unknown, z.core.$ZodTypeInternals<import("@openuidev/lang-react").SubComponentOf<{
+        name: string;
+        placeholder?: string | undefined;
+        rows?: number | undefined;
+        rules?: string[] | undefined;
+    }>, unknown>>, z.ZodType<import("@openuidev/lang-react").SubComponentOf<{
+        name: string;
+        items: import("@openuidev/lang-react").SubComponentOf<{
+            value: string;
+            label: string;
+        }>[];
+        placeholder?: string | undefined;
+        rules?: string[] | undefined;
+    }>, unknown, z.core.$ZodTypeInternals<import("@openuidev/lang-react").SubComponentOf<{
+        name: string;
+        items: import("@openuidev/lang-react").SubComponentOf<{
+            value: string;
+            label: string;
+        }>[];
+        placeholder?: string | undefined;
+        rules?: string[] | undefined;
+    }>, unknown>>, z.ZodType<import("@openuidev/lang-react").SubComponentOf<{
+        name: string;
+        mode: "single" | "range";
+        rules?: string[] | undefined;
+    }>, unknown, z.core.$ZodTypeInternals<import("@openuidev/lang-react").SubComponentOf<{
+        name: string;
+        mode: "single" | "range";
+        rules?: string[] | undefined;
+    }>, unknown>>, z.ZodType<import("@openuidev/lang-react").SubComponentOf<{
+        name: string;
+        variant: "continuous" | "discrete";
+        min: number;
+        max: number;
+        step?: number | undefined;
+        defaultValue?: number | undefined;
+        rules?: string[] | undefined;
+    }>, unknown, z.core.$ZodTypeInternals<import("@openuidev/lang-react").SubComponentOf<{
+        name: string;
+        variant: "continuous" | "discrete";
+        min: number;
+        max: number;
+        step?: number | undefined;
+        defaultValue?: number | undefined;
+        rules?: string[] | undefined;
+    }>, unknown>>, z.ZodType<import("@openuidev/lang-react").SubComponentOf<{
+        name: string;
+        items: import("@openuidev/lang-react").SubComponentOf<{
+            label: string;
+            description: string;
+            name: string;
+            defaultChecked?: boolean | undefined;
+        }>[];
+        rules?: string[] | undefined;
+    }>, unknown, z.core.$ZodTypeInternals<import("@openuidev/lang-react").SubComponentOf<{
+        name: string;
+        items: import("@openuidev/lang-react").SubComponentOf<{
+            label: string;
+            description: string;
+            name: string;
+            defaultChecked?: boolean | undefined;
+        }>[];
+        rules?: string[] | undefined;
+    }>, unknown>>, z.ZodType<import("@openuidev/lang-react").SubComponentOf<{
+        name: string;
+        items: import("@openuidev/lang-react").SubComponentOf<{
+            label: string;
+            description: string;
+            value: string;
+        }>[];
+        defaultValue?: string | undefined;
+        rules?: string[] | undefined;
+    }>, unknown, z.core.$ZodTypeInternals<import("@openuidev/lang-react").SubComponentOf<{
+        name: string;
+        items: import("@openuidev/lang-react").SubComponentOf<{
+            label: string;
+            description: string;
+            value: string;
+        }>[];
+        defaultValue?: string | undefined;
+        rules?: string[] | undefined;
+    }>, unknown>>]>;
+    hint: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>;
+//# sourceMappingURL=schema.d.ts.map

package/dist/genui-lib/FormControl/schema.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/genui-lib/FormControl/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AASxB,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAY5B,CAAC"}

package/dist/genui-lib/FormControl/schema.js

@@ -0,0 +1,22 @@
+import { z } from "zod";
+import { CheckBoxGroup } from "../CheckBoxGroup";
+import { DatePicker } from "../DatePicker";
+import { Input } from "../Input";
+import { RadioGroup } from "../RadioGroup";
+import { Select } from "../Select";
+import { Slider } from "../Slider";
+import { TextArea } from "../TextArea";
+export const FormControlSchema = z.object({
+    label: z.string(),
+    input: z.union([
+        Input.ref,
+        TextArea.ref,
+        Select.ref,
+        DatePicker.ref,
+        Slider.ref,
+        CheckBoxGroup.ref,
+        RadioGroup.ref,
+    ]),
+    hint: z.string().optional(),
+});
+//# sourceMappingURL=schema.js.map

package/dist/genui-lib/FormControl/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"","sources":["../../../src/genui-lib/FormControl/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,CAAC,MAAM,CAAC;IACxC,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE;IACjB,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC;QACb,KAAK,CAAC,GAAG;QACT,QAAQ,CAAC,GAAG;QACZ,MAAM,CAAC,GAAG;QACV,UAAU,CAAC,GAAG;QACd,MAAM,CAAC,GAAG;QACV,aAAa,CAAC,GAAG;QACjB,UAAU,CAAC,GAAG;KACf,CAAC;IACF,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;CAC5B,CAAC,CAAC"}