@kurocado-studio/formkit-ui-react-renderer 1.0.0-develop.1

package/README.md

@@ -0,0 +1 @@
+Kurocado Studio Design System components

package/dist/exports.js

@@ -0,0 +1,2 @@
+var c=(t=>(t.TEXT="TEXT",t))(c||{}),f=(o=>(o.TEXT="text",o.EMAIL="email",o.PASSWORD="password",o))(f||{}),T=(n=>(n.TEXT="text",n.NUMERIC="numeric",n.DECIMAL="decimal",n.EMAIL="email",n.TEL="tel",n.URL="url",n.SEARCH="search",n))(T||{}),l=(i=>(i.NONE="none",i.SENTENCES="sentences",i.WORDS="words",i.CHARACTERS="characters",i))(l||{});export*from"@kurocado-studio/web-forms-react";import{useAriaTextField as R}from"@kurocado-studio/web-forms-react";import a from"react";function u(e){let{labelProps:t,inputProps:r,descriptionProps:o,errorMessageProps:i}=R(e);return a.createElement(a.Fragment,null,a.createElement("label",{...t}),a.createElement("input",{...r}),a.createElement("p",{className:"block w-full",...o}),a.createElement("span",{className:"block w-full text-red-700",...i}))}import{HtmlForm as A}from"@kurocado-studio/web-forms-react";import q from"react";function k(e){return q.createElement(A,{...e})}import{useAriaTextArea as g}from"@kurocado-studio/web-forms-react";import s from"react";function Z(e){let{labelProps:t,textAreaProps:r,descriptionProps:o,errorMessageProps:i}=g(e);return s.createElement(s.Fragment,null,s.createElement("label",{...t}),s.createElement("textarea",{...r}),s.createElement("p",{className:"block w-full",...o}),s.createElement("span",{className:"block w-full text-red-700",...i}))}import{get as x}from"lodash-es";import h from"react";function N(e){let{question:t,variant:r,variants:o,description:i}=e.question,M=x(o,[r,"id"],"unknown"),K=x(o,[r,"required"],!1);return h.createElement(u,{required:K,name:M,label:t,description:i})}import{get as Q}from"lodash-es";var O={TEXT:N};import{get as y}from"lodash-es";function C({node:e}){return React.createElement("div",{style:{color:"gray",fontStyle:"italic"}},"Unsupported node type: ",e.variant)}function b({questionNode:e,componentMap:t}){let r=y(t,[e.variant],C);return React.createElement(r,{node:e,question:e})}function ne(e){return function({questionNode:r}){let o={TEXT:Q(e,["TEXT"],O.TEXT)};return React.createElement(b,{questionNode:r,componentMap:o})}}import{InputFieldTypeEnum as _,VariantEnum as D}from"@kurocado-studio/formkit-ui-models";var d={id:"391a5218-2a40-4652-895b-683e2e25dd96",question:"What\u2019s the name of your form or project?",description:"Who is this description for?",hidden:!1,required:!1,variant:D.TEXT,variants:{TEXT:{id:"10ae5f58-6de4-4aef-999e-d7b9df78056b",name:"unknown",type:_.TEXT,required:!1}},name:"4c9107e4-2a29-4460-ab77-648974e2634f"},m={id:"c2bb388c-e187-440b-b4d7-092c0be49c6f",question:"Who is this form for?",description:"Who is this description for?",hidden:!1,required:!1,variant:D.TEXT,variants:{TEXT:{id:"01e3f9d0-d4c7-43f4-aa48-2987edcdafea",name:"unknown",type:_.TEXT,required:!1}},name:"e28e40c9-6821-43d7-a018-c81cf3a29dd6"},p={id:"821efcf2-cc16-4fa3-9ae9-b467738e2c4a",title:"Section 1",description:"This is a section",order:0,createdAt:"2025-11-11T16:05:23.351Z",updatedAt:"2025-11-11T16:05:23.351Z",questions:[d,m]},P={...p,questions:{[d.id]:d,[m.id]:m}},E={id:"2305e7ed-b583-4ef7-9a4c-2bc094b34894",title:"Welcome to FormKit",description:"This short demo introduces how FormKit lets you design and (soon) embed forms dynamically. You can edit any title, description, or question \u2014 just click and edit!",createdAt:"2025-11-11T16:05:23.351Z",updatedAt:"2025-11-11T16:05:23.351Z",sections:[p]},de={[E.id]:{...E,sections:{[p.id]:P}}};var pe="05bc858a-f333-4dab-9e24-fb41b1b7468e",ce="2305e7ed-b583-4ef7-9a4c-2bc094b34894",fe="2305e7ed-b583-4ef7-9a4c-2bc094b34894",Te="5139da7c-5fc2-4140-8041-6caff89990b5",le="821efcf2-cc16-4fa3-9ae9-b467738e2c4a",ue="821efcf2-cc16-4fa3-9ae9-b467738e2c4a",S=new Date().toISOString(),F=new Date().toISOString(),xe={createdAt:S,description:"",id:"",sections:[],updatedAt:F,title:""},Ne={createdAt:S,description:"No description provided",id:"",order:0,questions:[],title:"",updatedAt:F},Oe={hidden:!1,id:"",question:"No name provided",description:"No description provided",required:!1,variant:"TEXT",variants:{}};export{N as BaseFormKitInputTextFieldNode,xe as EMPTY_FORM_NODE,Oe as EMPTY_QUESTION_NODE,Ne as EMPTY_SECTION_NODE,k as FormKitForm,Z as FormKitInputTextArea,u as FormKitInputTextField,l as InputFieldAutocapitalizeEnum,T as InputFieldInputModeEnum,f as InputFieldTypeEnum,ce as KUROCADO_STUDIO_DEMO_FORM_ID,fe as KUROCADO_STUDIO_DEMO_LONG_FORM_ID,ue as KUROCADO_STUDIO_DEMO_LONG_SECTION_ID,le as KUROCADO_STUDIO_DEMO_SECTION_ID,Te as KUROCADO_STUDIO_LOGIN_FORM_ID,pe as KUROCADO_STUDIO_ORGANIZATION_ID_FORMKIT,c as VariantEnum,O as formKitBaseNodeVariantMap,ne as formRendererComposer,E as sampledForm,de as sampledFormsNodeTree,d as sampledQuestion1,m as sampledQuestion2,p as sampledSection,P as sampledSectionNodeTree};
+//# sourceMappingURL=exports.js.map

package/dist/exports.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/enums/index.ts","../src/exports.ts","../src/components/controls/FormKitInputTextField.tsx","../src/components/controls/FormKitForm.tsx","../src/components/controls/FormKitInputTextArea.tsx","../src/components/nodes/BaseFormKitInputTextFieldNode.tsx","../src/components/FormRendererComposer.tsx","../src/config/formKitBaseNodeVariantMap.ts","../src/components/QuestionNodeRenderer.tsx","../src/utils/mocks.ts","../src/constants.ts"],"sourcesContent":["export enum VariantEnum {\n  TEXT = 'TEXT',\n}\nexport enum InputFieldTypeEnum {\n  TEXT = 'text',\n  EMAIL = 'email',\n  PASSWORD = 'password',\n}\n\nexport enum InputFieldInputModeEnum {\n  TEXT = 'text',\n  NUMERIC = 'numeric',\n  DECIMAL = 'decimal',\n  EMAIL = 'email',\n  TEL = 'tel',\n  URL = 'url',\n  SEARCH = 'search',\n}\n\nexport enum InputFieldAutocapitalizeEnum {\n  NONE = 'none',\n  SENTENCES = 'sentences',\n  WORDS = 'words',\n  CHARACTERS = 'characters',\n}\n","export type Theme = Record<string, Record<string, unknown>>;\n\nexport {\n  VariantEnum,\n  InputFieldTypeEnum,\n  InputFieldInputModeEnum,\n  InputFieldAutocapitalizeEnum,\n} from './enums';\n\nexport * from '@kurocado-studio/web-forms-react';\nexport * from './components/controls';\nexport * from './components/nodes';\nexport * from './components/FormRendererComposer';\nexport * from './config/formKitBaseNodeVariantMap';\nexport * from './utils/mocks';\nexport * from './constants';\nexport * from './types';\n","import { useAriaTextField } from '@kurocado-studio/web-forms-react';\nimport React from 'react';\n\nexport function FormKitInputTextField(\n  properties: {\n    name: string;\n    label?: string;\n    description?: string;\n  } & Partial<HTMLElementTagNameMap['input']>,\n): React.ReactNode {\n  const { labelProps, inputProps, descriptionProps, errorMessageProps } =\n    useAriaTextField(properties);\n\n  return (\n    <>\n      <label {...labelProps} />\n      <input {...inputProps} />\n      <p className='block w-full' {...descriptionProps} />\n      <span className='block w-full text-red-700' {...errorMessageProps} />\n    </>\n  );\n}\n","import {\n  HtmlForm,\n  type HtmlFormProperties,\n} from '@kurocado-studio/web-forms-react';\nimport React from 'react';\n\nexport function FormKitForm<T extends Record<string, unknown>>(\n  properties: HtmlFormProperties<T>,\n): React.ReactNode {\n  return <HtmlForm<T> {...properties} />;\n}\n","import { useAriaTextArea } from '@kurocado-studio/web-forms-react';\nimport React from 'react';\n\nexport function FormKitInputTextArea(\n  properties: { name: string } & Partial<HTMLElementTagNameMap['textarea']>,\n): React.ReactNode {\n  const { labelProps, textAreaProps, descriptionProps, errorMessageProps } =\n    useAriaTextArea(properties);\n\n  return (\n    <>\n      <label {...labelProps} />\n      <textarea {...textAreaProps} />\n      <p className='block w-full' {...descriptionProps} />\n      <span className='block w-full text-red-700' {...errorMessageProps} />\n    </>\n  );\n}\n","import type { Question } from '@kurocado-studio/formkit-ui-models';\nimport { get } from 'lodash-es';\nimport React from 'react';\n\nimport { FormKitInputTextField } from '../controls';\n\nexport function BaseFormKitInputTextFieldNode(properties: {\n  question: Question;\n}): React.ReactNode {\n  const { question, variant, variants, description } = properties.question;\n  const name = get(variants, [variant, 'id'], 'unknown');\n  const required = get(variants, [variant, 'required'], false);\n\n  return (\n    <FormKitInputTextField\n      required={required}\n      name={name}\n      label={question}\n      description={description}\n    />\n  );\n}\n","import { get } from 'lodash-es';\n\nimport { formKitBaseNodeVariantMap } from '../config/formKitBaseNodeVariantMap';\nimport { VariantEnum } from '../enums';\nimport { FormKitNodeVariantMap, Question } from '../types';\nimport { QuestionNodeRenderer } from './QuestionNodeRenderer';\n\nexport function formRendererComposer(defaultMap: FormKitNodeVariantMap) {\n  return function FormRenderer({\n    questionNode,\n  }: {\n    questionNode: Question;\n    componentMap?: FormKitNodeVariantMap;\n  }) {\n    const nodeVariantMap: FormKitNodeVariantMap = {\n      [VariantEnum.TEXT]: get(\n        defaultMap,\n        [VariantEnum.TEXT],\n        formKitBaseNodeVariantMap.TEXT,\n      ),\n    };\n\n    return (\n      <QuestionNodeRenderer\n        questionNode={questionNode}\n        componentMap={nodeVariantMap}\n      />\n    );\n  };\n}\n","import { BaseFormKitInputTextFieldNode } from '../components/nodes';\nimport { VariantEnum } from '../enums';\nimport { FormKitNodeVariantMap } from '../types';\n\nexport const formKitBaseNodeVariantMap: FormKitNodeVariantMap = {\n  [VariantEnum.TEXT]: BaseFormKitInputTextFieldNode,\n};\n","import { get } from 'lodash-es';\n\nimport { FormKitNodeVariantMap, Question } from '../types';\n\nfunction DefaultFallback({ node }: { node: Question }) {\n  return (\n    <div style={{ color: 'gray', fontStyle: 'italic' }}>\n      Unsupported node type: {node.variant}\n    </div>\n  );\n}\n\nexport function QuestionNodeRenderer({\n  questionNode,\n  componentMap,\n}: {\n  questionNode: Question;\n  componentMap: FormKitNodeVariantMap;\n}) {\n  const Component = get(componentMap, [questionNode.variant], DefaultFallback);\n  return <Component node={questionNode} question={questionNode} />;\n}\n","import {\n  type Form,\n  type FormsNodeTree,\n  InputFieldTypeEnum,\n  type Question,\n  type Section,\n  type SectionNodeTree,\n  VariantEnum,\n} from '@kurocado-studio/formkit-ui-models';\n\nexport const sampledQuestion1: Question = {\n  id: '391a5218-2a40-4652-895b-683e2e25dd96',\n  question: 'What’s the name of your form or project?',\n  description: 'Who is this description for?',\n  hidden: false,\n  required: false,\n  variant: VariantEnum.TEXT,\n  variants: {\n    TEXT: {\n      id: '10ae5f58-6de4-4aef-999e-d7b9df78056b',\n      name: 'unknown',\n      type: InputFieldTypeEnum.TEXT,\n      required: false,\n    },\n  },\n  name: '4c9107e4-2a29-4460-ab77-648974e2634f',\n};\n\nexport const sampledQuestion2: Question = {\n  id: 'c2bb388c-e187-440b-b4d7-092c0be49c6f',\n  question: 'Who is this form for?',\n  description: 'Who is this description for?',\n  hidden: false,\n  required: false,\n  variant: VariantEnum.TEXT,\n  variants: {\n    TEXT: {\n      id: '01e3f9d0-d4c7-43f4-aa48-2987edcdafea',\n      name: 'unknown',\n      type: InputFieldTypeEnum.TEXT,\n      required: false,\n    },\n  },\n  name: 'e28e40c9-6821-43d7-a018-c81cf3a29dd6',\n};\n\nexport const sampledSection: Section = {\n  id: '821efcf2-cc16-4fa3-9ae9-b467738e2c4a',\n  title: 'Section 1',\n  description: 'This is a section',\n  order: 0,\n  createdAt: '2025-11-11T16:05:23.351Z',\n  updatedAt: '2025-11-11T16:05:23.351Z',\n  questions: [sampledQuestion1, sampledQuestion2],\n};\n\nexport const sampledSectionNodeTree: SectionNodeTree = {\n  ...sampledSection,\n  questions: {\n    [sampledQuestion1.id]: sampledQuestion1,\n    [sampledQuestion2.id]: sampledQuestion2,\n  },\n};\n\nexport const sampledForm: Form = {\n  id: '2305e7ed-b583-4ef7-9a4c-2bc094b34894',\n  title: 'Welcome to FormKit',\n  description:\n    'This short demo introduces how FormKit lets you design and (soon) embed forms dynamically. You can edit any title, description, or question — just click and edit!',\n  createdAt: '2025-11-11T16:05:23.351Z',\n  updatedAt: '2025-11-11T16:05:23.351Z',\n  sections: [sampledSection],\n};\n\nexport const sampledFormsNodeTree: FormsNodeTree = {\n  [sampledForm.id]: {\n    ...sampledForm,\n    sections: {\n      [sampledSection.id]: sampledSectionNodeTree,\n    },\n  },\n};\n","import { VariantEnum } from './enums';\nimport { Form, Question, Section } from './types';\n\nexport const KUROCADO_STUDIO_ORGANIZATION_ID_FORMKIT =\n  '05bc858a-f333-4dab-9e24-fb41b1b7468e';\n\nexport const KUROCADO_STUDIO_DEMO_FORM_ID =\n  '2305e7ed-b583-4ef7-9a4c-2bc094b34894';\n\nexport const KUROCADO_STUDIO_DEMO_LONG_FORM_ID =\n  '2305e7ed-b583-4ef7-9a4c-2bc094b34894';\n\nexport const KUROCADO_STUDIO_LOGIN_FORM_ID =\n  '5139da7c-5fc2-4140-8041-6caff89990b5';\n\nexport const KUROCADO_STUDIO_DEMO_SECTION_ID =\n  '821efcf2-cc16-4fa3-9ae9-b467738e2c4a';\n\nexport const KUROCADO_STUDIO_DEMO_LONG_SECTION_ID =\n  '821efcf2-cc16-4fa3-9ae9-b467738e2c4a';\n\nconst createdAt = new Date().toISOString();\nconst updatedAt = new Date().toISOString();\n\nexport const EMPTY_FORM_NODE: Form = {\n  createdAt,\n  description: '',\n  id: '',\n  sections: [],\n  updatedAt,\n  title: '',\n};\n\nexport const EMPTY_SECTION_NODE: Section = {\n  createdAt,\n  description: 'No description provided',\n  id: '',\n  order: 0,\n  questions: [],\n  title: '',\n  updatedAt,\n};\n\nexport const EMPTY_QUESTION_NODE: Question = {\n  hidden: false,\n  id: '',\n  question: 'No name provided',\n  description: 'No description provided',\n  required: false,\n  variant: VariantEnum.TEXT,\n  variants: {},\n};\n"],"mappings":"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","names":["VariantEnum","InputFieldTypeEnum","InputFieldInputModeEnum","InputFieldAutocapitalizeEnum","useAriaTextField","React","FormKitInputTextField","properties","labelProps","inputProps","descriptionProps","errorMessageProps","HtmlForm","React","FormKitForm","properties","useAriaTextArea","React","FormKitInputTextArea","properties","labelProps","textAreaProps","descriptionProps","errorMessageProps","get","React","BaseFormKitInputTextFieldNode","properties","question","variant","variants","description","name","get","required","React","FormKitInputTextField","get","formKitBaseNodeVariantMap","BaseFormKitInputTextFieldNode","get","DefaultFallback","node","QuestionNodeRenderer","questionNode","componentMap","Component","formRendererComposer","defaultMap","questionNode","nodeVariantMap","get","formKitBaseNodeVariantMap","QuestionNodeRenderer","InputFieldTypeEnum","VariantEnum","sampledQuestion1","sampledQuestion2","sampledSection","sampledSectionNodeTree","sampledForm","sampledFormsNodeTree","KUROCADO_STUDIO_ORGANIZATION_ID_FORMKIT","KUROCADO_STUDIO_DEMO_FORM_ID","KUROCADO_STUDIO_DEMO_LONG_FORM_ID","KUROCADO_STUDIO_LOGIN_FORM_ID","KUROCADO_STUDIO_DEMO_SECTION_ID","KUROCADO_STUDIO_DEMO_LONG_SECTION_ID","createdAt","updatedAt","EMPTY_FORM_NODE","EMPTY_SECTION_NODE","EMPTY_QUESTION_NODE"]}

package/dist/index.d.ts

@@ -0,0 +1,264 @@
+import { HtmlFormProperties } from '@kurocado-studio/web-forms-react';
+import * as React_2 from 'react';
+import React__default from 'react';
+
+export declare function BaseFormKitInputTextFieldNode(properties: {
+    question: Question_2;
+}): React__default.ReactNode;
+
+export declare const EMPTY_FORM_NODE: Form;
+
+export declare const EMPTY_QUESTION_NODE: Question;
+
+export declare const EMPTY_SECTION_NODE: Section;
+
+export declare interface Form extends Record<string, unknown> {
+    id: string;
+    title: string;
+    description?: string;
+    createdAt: string;
+    updatedAt: string;
+    sections: Array<Section>;
+}
+
+declare interface Form_2 extends Record<string, unknown> {
+    id: string;
+    title: string;
+    description?: string;
+    createdAt: string;
+    updatedAt: string;
+    sections: Array<Section_2>;
+}
+
+export declare const formKitBaseNodeVariantMap: FormKitNodeVariantMap;
+
+export declare function FormKitForm<T extends Record<string, unknown>>(properties: HtmlFormProperties<T>): React__default.ReactNode;
+
+export declare function FormKitInputTextArea(properties: {
+    name: string;
+} & Partial<HTMLElementTagNameMap['textarea']>): React__default.ReactNode;
+
+export declare function FormKitInputTextField(properties: {
+    name: string;
+    label?: string;
+    description?: string;
+} & Partial<HTMLElementTagNameMap['input']>): React__default.ReactNode;
+
+export declare type FormKitNodeVariantMap = {
+    [VariantEnum.TEXT]: React__default.FC<{
+        question: Question;
+    }>;
+};
+
+export declare function formRendererComposer(defaultMap: FormKitNodeVariantMap): ({ questionNode, }: {
+    questionNode: Question;
+    componentMap?: FormKitNodeVariantMap | undefined;
+}) => React_2.JSX.Element;
+
+declare type FormsNodeTree = Record<string, Omit<Form_2, 'sections'> & {
+    sections: Record<string, SectionNodeTree>;
+}>;
+
+export declare enum InputFieldAutocapitalizeEnum {
+    NONE = "none",
+    SENTENCES = "sentences",
+    WORDS = "words",
+    CHARACTERS = "characters"
+}
+
+declare enum InputFieldAutocapitalizeEnum_2 {
+    NONE = "none",
+    SENTENCES = "sentences",
+    WORDS = "words",
+    CHARACTERS = "characters"
+}
+
+export declare enum InputFieldInputModeEnum {
+    TEXT = "text",
+    NUMERIC = "numeric",
+    DECIMAL = "decimal",
+    EMAIL = "email",
+    TEL = "tel",
+    URL = "url",
+    SEARCH = "search"
+}
+
+declare enum InputFieldInputModeEnum_2 {
+    TEXT = "text",
+    NUMERIC = "numeric",
+    DECIMAL = "decimal",
+    EMAIL = "email",
+    TEL = "tel",
+    URL = "url",
+    SEARCH = "search"
+}
+
+export declare enum InputFieldTypeEnum {
+    TEXT = "text",
+    EMAIL = "email",
+    PASSWORD = "password"
+}
+
+declare enum InputFieldTypeEnum_2 {
+    TEXT = "text",
+    EMAIL = "email",
+    PASSWORD = "password"
+}
+
+export declare const KUROCADO_STUDIO_DEMO_FORM_ID = "2305e7ed-b583-4ef7-9a4c-2bc094b34894";
+
+export declare const KUROCADO_STUDIO_DEMO_LONG_FORM_ID = "2305e7ed-b583-4ef7-9a4c-2bc094b34894";
+
+export declare const KUROCADO_STUDIO_DEMO_LONG_SECTION_ID = "821efcf2-cc16-4fa3-9ae9-b467738e2c4a";
+
+export declare const KUROCADO_STUDIO_DEMO_SECTION_ID = "821efcf2-cc16-4fa3-9ae9-b467738e2c4a";
+
+export declare const KUROCADO_STUDIO_LOGIN_FORM_ID = "5139da7c-5fc2-4140-8041-6caff89990b5";
+
+export declare const KUROCADO_STUDIO_ORGANIZATION_ID_FORMKIT = "05bc858a-f333-4dab-9e24-fb41b1b7468e";
+
+export declare interface Question extends Record<string, unknown> {
+    id: string;
+    question: string;
+    description: string;
+    hint?: string;
+    tooltip?: string;
+    name?: string;
+    hidden: boolean;
+    required: boolean;
+    variant: VariantEnum;
+    variants: VariantMap;
+}
+
+declare interface Question_2 extends Record<string, unknown> {
+    id: string;
+    question: string;
+    description: string;
+    hint?: string;
+    tooltip?: string;
+    name?: string;
+    hidden: boolean;
+    required: boolean;
+    variant: VariantEnum_2;
+    variants: VariantMap_2;
+}
+
+export declare interface QuestionCreatorDto {
+    hidden: boolean;
+    hint?: string;
+    name: string;
+    question: string;
+    description: string;
+    required: boolean;
+    tooltip?: string;
+    variant: VariantEnum;
+}
+
+export declare interface QuestionCreatorPayload<T extends VariantEnum = VariantEnum.TEXT> {
+    question: QuestionCreatorDto;
+    variant: VariantCreatorDto<T>;
+}
+
+export declare const sampledForm: Form_2;
+
+export declare const sampledFormsNodeTree: FormsNodeTree;
+
+export declare const sampledQuestion1: Question_2;
+
+export declare const sampledQuestion2: Question_2;
+
+export declare const sampledSection: Section_2;
+
+export declare const sampledSectionNodeTree: SectionNodeTree;
+
+export declare interface Section extends Record<string, unknown> {
+    id: string;
+    title: string;
+    description?: string;
+    order: number;
+    createdAt: string;
+    updatedAt: string;
+    questions: Array<Question>;
+}
+
+declare interface Section_2 extends Record<string, unknown> {
+    id: string;
+    title: string;
+    description?: string;
+    order: number;
+    createdAt: string;
+    updatedAt: string;
+    questions: Array<Question_2>;
+}
+
+declare interface SectionNodeTree extends Omit<Section_2, 'questions'> {
+    questions: {
+        [questionId: string]: Question_2;
+    };
+}
+
+export declare interface TextFieldQuestionNode extends Record<string, unknown> {
+    id: string;
+    name: string;
+    type: InputFieldTypeEnum;
+    value?: string;
+    defaultValue?: string;
+    required?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    placeholder?: string;
+    autocomplete?: string;
+    autocapitalize?: InputFieldAutocapitalizeEnum;
+    spellcheck?: boolean;
+    inputmode?: InputFieldInputModeEnum;
+    minLength?: number;
+    maxLength?: number;
+    pattern?: string;
+}
+
+declare interface TextFieldQuestionNode_2 extends Record<string, unknown> {
+    id: string;
+    name: string;
+    type: InputFieldTypeEnum_2;
+    value?: string;
+    defaultValue?: string;
+    required?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    placeholder?: string;
+    autocomplete?: string;
+    autocapitalize?: InputFieldAutocapitalizeEnum_2;
+    spellcheck?: boolean;
+    inputmode?: InputFieldInputModeEnum_2;
+    minLength?: number;
+    maxLength?: number;
+    pattern?: string;
+}
+
+export declare type Theme = Record<string, Record<string, unknown>>;
+
+export declare interface VariantCreatorDto<T extends VariantEnum = VariantEnum.TEXT> {
+    variantPayload: Record<string, unknown>;
+    variantType: T;
+}
+
+export declare enum VariantEnum {
+    TEXT = "TEXT"
+}
+
+declare enum VariantEnum_2 {
+    TEXT = "TEXT"
+}
+
+export declare type VariantMap = {
+    [VariantEnum.TEXT]?: TextFieldQuestionNode;
+};
+
+declare type VariantMap_2 = {
+    [VariantEnum_2.TEXT]?: TextFieldQuestionNode_2;
+};
+
+
+export * from "@kurocado-studio/web-forms-react";
+
+export { }

package/dist/tsdoc-metadata.json

@@ -0,0 +1,11 @@
+// This file is read by tools that parse documentation comments conforming to the TSDoc standard.
+// It should be published with your NPM package.  It should not be tracked by Git.
+{
+  "tsdocVersion": "0.12",
+  "toolPackages": [
+    {
+      "packageName": "@microsoft/api-extractor",
+      "packageVersion": "7.54.0"
+    }
+  ]
+}

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@kurocado-studio/formkit-ui-react-renderer",
+  "version": "1.0.0-develop.1",
+  "sideEffects": false,
+  "keywords": [],
+  "author": "@kurocado-studio",
+  "license": "MIT",
+  "main": "./dist/exports.js",
+  "module": "./dist/exports.js",
+  "types": "./dist/index.d.ts",
+  "type": "module",
+  "publishConfig": {
+    "access": "restricted"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/exports.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build:typings": "api-extractor run --local",
+    "build": "tsup && pnpm build:typings && rm -rf dist/exports.d.ts",
+    "prepublishOnly": "node ../../scripts/strip-workspaces.js .",
+    "clean": "rm -rf .turbo node_modules dist",
+    "dev": "rm -rf dist && tsup --watch --dts",
+    "lint": "eslint --max-warnings=0 . --no-warn-ignored",
+    "lint:fix": "eslint --max-warnings=0 . --fix --no-warn-ignored",
+    "prettier:check": "prettier --check . --ignore-path ../../.prettierignore",
+    "prettier:fix": "prettier --check . --write --ignore-path ../../.prettierignore",
+    "typecheck": "tsc --noEmit --pretty"
+  },
+  "dependencies": {
+    "@kurocado-studio/systemhaus-react": "1.1.0-develop.12",
+    "@kurocado-studio/web-forms-react": "1.1.0-develop.1",
+    "lodash-es": "^4.17.21",
+    "react": "19",
+    "uuid": "^13.0.0"
+  },
+  "devDependencies": {
+    "@internal/config": "workspace:*",
+    "@microsoft/api-extractor": "^7.52.11",
+    "@types/lodash-es": "^4.17.12",
+    "@types/node": "^22.15.19",
+    "@types/react": "^19.1.10",
+    "@types/react-dom": "^19.1.4",
+    "eslint": "^9.28.0",
+    "postcss": "^8.5.6",
+    "prettier": "3.5.3",
+    "semantic-release": "^24.2.3",
+    "semantic-release-monorepo": "^8.0.2",
+    "tsup": "^8.5.0",
+    "typescript": "5.1.6"
+  }
+}