@cwncollab-org/mui-component-kit 0.0.9 → 0.1.1

package/README.md

@@ -272,7 +272,7 @@ export default function ExampleDialog2({
 ### Form Example with Zod Validation
 
 ```tsx
-import { Box, Button, Paper, Stack, Typography } from '@mui/material'
+import { Box, Button, Paper, Stack, Typography, Radio, FormControlLabel } from '@mui/material'
 import { useAppForm } from '@cwncollab-org/component-kit'
 import { useState } from 'react'
 import { z } from 'zod'
@@ -293,6 +293,8 @@ const formSchema = z.object({
     .refine(val => val === true, 'You must subscribe to continue'),
   role: z.string()
     .min(1, 'Please select a role'),
+  priority: z.enum(['low', 'medium', 'high'])
+    .refine(val => val !== undefined, 'Please select a priority'),
   birthDate: z.date()
     .min(new Date('1900-01-01'), 'Please enter a valid birth date')
     .max(new Date(), 'Birth date cannot be in the future'),
@@ -308,6 +310,7 @@ export function FormExample() {
     age: 18,
     subscribe: false,
     role: '',
+    priority: undefined,
     birthDate: new Date(),
   })
 
@@ -318,6 +321,7 @@ export function FormExample() {
       age: 18,
       subscribe: false,
       role: '',
+      priority: undefined,
       birthDate: new Date(),
     },
     onSubmit: ({ value }) => {
@@ -401,6 +405,28 @@ export function FormExample() {
               />
             )}
           />
+          <form.AppField
+            name='priority'
+            children={field => (
+              <field.RadioGroup label='Priority'>
+                <FormControlLabel
+                  value='low'
+                  control={<Radio />}
+                  label='Low Priority'
+                />
+                <FormControlLabel
+                  value='medium'
+                  control={<Radio />}
+                  label='Medium Priority'
+                />
+                <FormControlLabel
+                  value='high'
+                  control={<Radio />}
+                  label='High Priority'
+                />
+              </field.RadioGroup>
+            )}
+          />
           <form.AppForm>
             <form.SubscribeButton type='submit' variant='contained'>
               Submit
@@ -489,6 +515,89 @@ function MyForm() {
 | `slotProps` | `object` | - | Props for underlying MUI components |
 
 
+### RadioGroup Component
+
+The RadioGroup component provides radio button selection, built on top of MUI's FormControl and RadioGroup components and integrated with TanStack Form.
+
+```tsx
+import { useAppForm } from '@cwncollab-org/component-kit'
+import { Radio, FormControlLabel } from '@mui/material'
+import { z } from 'zod'
+
+// Define your form schema
+const formSchema = z.object({
+  priority: z.enum(['low', 'medium', 'high']),
+})
+
+// Define your options
+const priorities = [
+  { value: 'low', label: 'Low Priority' },
+  { value: 'medium', label: 'Medium Priority' },
+  { value: 'high', label: 'High Priority' },
+]
+
+function MyForm() {
+  const form = useAppForm({
+    defaultValues: {
+      priority: undefined,
+    },
+    validators: {
+      onSubmit: formSchema,
+    },
+    onSubmit: ({ value }) => {
+      console.log('Selected priority:', value.priority)
+    },
+  })
+
+  return (
+    <form.AppField
+      name="priority"
+      children={field => (
+        <field.RadioGroup label="Priority">
+          {priorities.map(priority => (
+            <FormControlLabel
+              key={priority.value}
+              value={priority.value}
+              control={<Radio />}
+              label={priority.label}
+            />
+          ))}
+        </field.RadioGroup>
+      )}
+    />
+    
+    // Alternative: You can also use SubscribeRadioGroup which automatically
+    // disables the radio group when the form is submitting
+    <form.AppField
+      name="priority"
+      children={field => (
+        <field.SubscribeRadioGroup label="Priority">
+          {priorities.map(priority => (
+            <FormControlLabel
+              key={priority.value}
+              value={priority.value}
+              control={<Radio />}
+              label={priority.label}
+            />
+          ))}
+        </field.SubscribeRadioGroup>
+      )}
+    />
+  )
+}
+```
+
+#### RadioGroup Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `label` | `string` | - | The label text for the radio group |
+| `disabled` | `boolean` | `false` | Whether the radio group is disabled |
+| `children` | `ReactNode` | - | Radio buttons (typically FormControlLabel components) |
+
+The RadioGroup component also accepts all standard MUI RadioGroup props except `name`, `value`, and `defaultValue` which are managed by the form field.
+
+
 ### Common Dialog Patterns
 
 Here are some common dialog patterns you can implement using the component kit:

package/dist/form/DatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../src/lib/form/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,eAAe,IAAI,kBAAkB,EACtC,MAAM,gCAAgC,CAAA;AAOvC,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,kBAAkB,EAClB,MAAM,GAAG,OAAO,GAAG,cAAc,CAClC,GAAG;IACF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACzB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAsChD"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../src/lib/form/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,eAAe,IAAI,kBAAkB,EACtC,MAAM,gCAAgC,CAAA;AAOvC,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,kBAAkB,EAClB,MAAM,GAAG,OAAO,GAAG,cAAc,CAClC,GAAG;IACF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACzB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CA+ChD"}

package/dist/form/DatePicker.js

@@ -12,7 +12,7 @@ export function DatePicker(props) {
             return null;
         return field.state.meta.errors.map(error => error.message).join(', ');
     }, [field.state.meta.errors]);
-    const { required, labelShrink, size, fullWidth, onChange, ...rest } = props;
+    const { required, labelShrink, size, fullWidth, onChange, slotProps, ...rest } = props;
     return (_jsx(LocalizationProvider, { dateAdapter: AdapterDayjs, children: _jsx(MuiDatePicker, { ...rest, name: field.name, value: field.state.value ? dayjs(field.state.value) : null, onChange: (value, context) => {
                 if (value) {
                     onChange?.(value, context);
@@ -29,6 +29,7 @@ export function DatePicker(props) {
                     InputProps: {
                         notched: labelShrink,
                     },
+                    ...slotProps?.textField,
                 },
             } }) }));
 }

package/dist/form/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../src/lib/form/DatePicker.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,UAAU,IAAI,aAAa,GAE5B,MAAM,gCAAgC,CAAA;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAA;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAY/B,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,MAAM,KAAK,GAAG,eAAe,EAAiB,CAAA;IAE9C,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,IAAI,CAAA;QACrD,OAAO,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IACvE,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAA;IAE7B,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAE3E,OAAO,CACL,KAAC,oBAAoB,IAAC,WAAW,EAAE,YAAY,YAC7C,KAAC,aAAa,OACR,IAAI,EACR,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAC1D,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;gBAC3B,IAAI,KAAK,EAAE,CAAC;oBACV,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAA;oBAC1B,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAA;gBACpC,CAAC;YACH,CAAC,EACD,SAAS,EAAE;gBACT,SAAS,EAAE;oBACT,QAAQ,EAAE,QAAQ;oBAClB,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC;oBACzB,UAAU,EAAE,SAAS;oBACrB,eAAe,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE;oBACxC,IAAI,EAAE,IAAI;oBACV,SAAS,EAAE,SAAS;oBACpB,UAAU,EAAE;wBACV,OAAO,EAAE,WAAW;qBACrB;iBACF;aACF,GACD,GACmB,CACxB,CAAA;AACH,CAAC"}
+{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../src/lib/form/DatePicker.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,UAAU,IAAI,aAAa,GAE5B,MAAM,gCAAgC,CAAA;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAA;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAY/B,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,MAAM,KAAK,GAAG,eAAe,EAAiB,CAAA;IAE9C,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,IAAI,CAAA;QACrD,OAAO,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IACvE,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAA;IAE7B,MAAM,EACJ,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,GAAG,KAAK,CAAA;IAET,OAAO,CACL,KAAC,oBAAoB,IAAC,WAAW,EAAE,YAAY,YAC7C,KAAC,aAAa,OACR,IAAI,EACR,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAC1D,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;gBAC3B,IAAI,KAAK,EAAE,CAAC;oBACV,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAA;oBAC1B,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAA;gBACpC,CAAC;YACH,CAAC,EACD,SAAS,EAAE;gBACT,SAAS,EAAE;oBACT,QAAQ,EAAE,QAAQ;oBAClB,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC;oBACzB,UAAU,EAAE,SAAS;oBACrB,eAAe,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE;oBACxC,IAAI,EAAE,IAAI;oBACV,SAAS,EAAE,SAAS;oBACpB,UAAU,EAAE;wBACV,OAAO,EAAE,WAAW;qBACrB;oBACD,GAAI,SAAS,EAAE,SAAiB;iBACjC;aACF,GACD,GACmB,CACxB,CAAA;AACH,CAAC"}

package/dist/form/RadioGroup.d.ts

@@ -0,0 +1,7 @@
+import { RadioGroupProps as MuiRadioGroupProps } from '@mui/material';
+export type RadioGroupProps = Omit<MuiRadioGroupProps, 'name' | 'value' | 'defaultValue'> & {
+    label?: string;
+    disabled?: boolean;
+};
+export declare function RadioGroup(props: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RadioGroup.d.ts.map

package/dist/form/RadioGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../src/lib/form/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,eAAe,IAAI,kBAAkB,EACtC,MAAM,eAAe,CAAA;AAItB,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,kBAAkB,EAClB,MAAM,GAAG,OAAO,GAAG,cAAc,CAClC,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAyBhD"}

package/dist/form/RadioGroup.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FormControl, FormLabel, RadioGroup as MuiRadioGroup, } from '@mui/material';
+import { useFieldContext } from './formContext';
+import { useId } from 'react';
+export function RadioGroup(props) {
+    const { label, children, disabled, ...radioGroupProps } = props;
+    const field = useFieldContext();
+    const id = useId();
+    const labelId = `${id}-label`;
+    return (_jsxs(FormControl, { disabled: disabled, children: [_jsx(FormLabel, { id: labelId, children: label }), _jsx(MuiRadioGroup, { "aria-labelledby": labelId, name: field.name, value: field.state.value ?? '', onChange: ev => {
+                    if (!ev.defaultPrevented) {
+                        field.handleChange(ev.target.value === '' ? null : ev.target.value);
+                    }
+                }, ...radioGroupProps, children: children })] }));
+}
+//# sourceMappingURL=RadioGroup.js.map

package/dist/form/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../src/lib/form/RadioGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,WAAW,EACX,SAAS,EACT,UAAU,IAAI,aAAa,GAE5B,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAA;AAU7B,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,eAAe,EAAE,GAAG,KAAK,CAAA;IAE/D,MAAM,KAAK,GAAG,eAAe,EAA6B,CAAA;IAC1D,MAAM,EAAE,GAAG,KAAK,EAAE,CAAA;IAClB,MAAM,OAAO,GAAG,GAAG,EAAE,QAAQ,CAAA;IAE7B,OAAO,CACL,MAAC,WAAW,IAAC,QAAQ,EAAE,QAAQ,aAC7B,KAAC,SAAS,IAAC,EAAE,EAAE,OAAO,YAAG,KAAK,GAAa,EAC3C,KAAC,aAAa,uBACK,OAAO,EACxB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,EAC9B,QAAQ,EAAE,EAAE,CAAC,EAAE;oBACb,IAAI,CAAC,EAAE,CAAC,gBAAgB,EAAE,CAAC;wBACzB,KAAK,CAAC,YAAY,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;oBACrE,CAAC;gBACH,CAAC,KACG,eAAe,YAElB,QAAQ,GACK,IACJ,CACf,CAAA;AACH,CAAC"}

package/dist/form/SubscribeRadioGroup.d.ts

@@ -0,0 +1,4 @@
+import { RadioGroupProps } from './RadioGroup';
+export type SubscribeRadioGroupProps = RadioGroupProps;
+export declare function SubscribeRadioGroup(props: SubscribeRadioGroupProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SubscribeRadioGroup.d.ts.map

package/dist/form/SubscribeRadioGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubscribeRadioGroup.d.ts","sourceRoot":"","sources":["../../src/lib/form/SubscribeRadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,eAAe,EAAE,MAAM,cAAc,CAAA;AAG1D,MAAM,MAAM,wBAAwB,GAAG,eAAe,CAAA;AAEtD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CAYlE"}

package/dist/form/SubscribeRadioGroup.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { RadioGroup } from './RadioGroup';
+import { useFormContext } from './formContext';
+export function SubscribeRadioGroup(props) {
+    const form = useFormContext();
+    const { disabled, ...rest } = props;
+    return (_jsx(form.Subscribe, { selector: state => state.isSubmitting, children: isSubmitting => (_jsx(RadioGroup, { disabled: isSubmitting || disabled, ...rest })) }));
+}
+//# sourceMappingURL=SubscribeRadioGroup.js.map

package/dist/form/SubscribeRadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubscribeRadioGroup.js","sourceRoot":"","sources":["../../src/lib/form/SubscribeRadioGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAA;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAI9C,MAAM,UAAU,mBAAmB,CAAC,KAA+B;IACjE,MAAM,IAAI,GAAG,cAAc,EAAE,CAAA;IAE7B,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAEnC,OAAO,CACL,KAAC,IAAI,CAAC,SAAS,IAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,YAClD,YAAY,CAAC,EAAE,CAAC,CACf,KAAC,UAAU,IAAC,QAAQ,EAAE,YAAY,IAAI,QAAQ,KAAM,IAAI,GAAI,CAC7D,GACc,CAClB,CAAA;AACH,CAAC"}

package/dist/form/formHooks.d.ts

@@ -11,6 +11,8 @@ import { SubscribeMultiSelect } from './SubscribeMultiSelect';
 import { SubscribeCheckbox } from './SubscribeCheckbox';
 import { SubscribeDatePicker } from './SubscribeDatePicker';
 import { SubscribeTimePicker } from './SubscribeTimePicker';
+import { RadioGroup } from './RadioGroup';
+import { SubscribeRadioGroup } from './SubscribeRadioGroup';
 export declare const useAppForm: <TFormData, TOnMount extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnChange extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta>(props: import("@tanstack/form-core").FormOptions<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer, TSubmitMeta>) => import("@tanstack/form-core").FormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer, TSubmitMeta> & import("@tanstack/react-form").ReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer, TSubmitMeta> & NoInfer<{
     readonly SubscribeButton: typeof SubscribeButton;
 }> & {
@@ -19,6 +21,7 @@ export declare const useAppForm: <TFormData, TOnMount extends import("@tanstack/
         readonly Checkbox: typeof Checkbox;
         readonly Select: typeof Select;
         readonly MultiSelect: typeof MultiSelect;
+        readonly RadioGroup: typeof RadioGroup;
         readonly DatePicker: typeof DatePicker;
         readonly TimePicker: typeof TimePicker;
         readonly SubscribeTextField: typeof SubscribeTextField;
@@ -27,6 +30,7 @@ export declare const useAppForm: <TFormData, TOnMount extends import("@tanstack/
         readonly SubscribeCheckbox: typeof SubscribeCheckbox;
         readonly SubscribeDatePicker: typeof SubscribeDatePicker;
         readonly SubscribeTimePicker: typeof SubscribeTimePicker;
+        readonly SubscribeRadioGroup: typeof SubscribeRadioGroup;
     }>>;
     AppForm: import("react").ComponentType<import("react").PropsWithChildren>;
 }, withForm: <TFormData, TOnMount extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnChange extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends import("@tanstack/form-core").FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends import("@tanstack/form-core").FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta, TRenderProps extends Record<string, unknown> = {}>({ render, props, }: import("@tanstack/react-form").WithFormProps<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer, TSubmitMeta, {
@@ -34,6 +38,7 @@ export declare const useAppForm: <TFormData, TOnMount extends import("@tanstack/
     readonly Checkbox: typeof Checkbox;
     readonly Select: typeof Select;
     readonly MultiSelect: typeof MultiSelect;
+    readonly RadioGroup: typeof RadioGroup;
     readonly DatePicker: typeof DatePicker;
     readonly TimePicker: typeof TimePicker;
     readonly SubscribeTextField: typeof SubscribeTextField;
@@ -42,6 +47,7 @@ export declare const useAppForm: <TFormData, TOnMount extends import("@tanstack/
     readonly SubscribeCheckbox: typeof SubscribeCheckbox;
     readonly SubscribeDatePicker: typeof SubscribeDatePicker;
     readonly SubscribeTimePicker: typeof SubscribeTimePicker;
+    readonly SubscribeRadioGroup: typeof SubscribeRadioGroup;
 }, {
     readonly SubscribeButton: typeof SubscribeButton;
 }, TRenderProps>) => (props: import("react").PropsWithChildren<NoInfer<[unknown] extends [TRenderProps] ? any : TRenderProps> & {
@@ -53,6 +59,7 @@ export declare const useAppForm: <TFormData, TOnMount extends import("@tanstack/
             readonly Checkbox: typeof Checkbox;
             readonly Select: typeof Select;
             readonly MultiSelect: typeof MultiSelect;
+            readonly RadioGroup: typeof RadioGroup;
             readonly DatePicker: typeof DatePicker;
             readonly TimePicker: typeof TimePicker;
             readonly SubscribeTextField: typeof SubscribeTextField;
@@ -61,6 +68,7 @@ export declare const useAppForm: <TFormData, TOnMount extends import("@tanstack/
             readonly SubscribeCheckbox: typeof SubscribeCheckbox;
             readonly SubscribeDatePicker: typeof SubscribeDatePicker;
             readonly SubscribeTimePicker: typeof SubscribeTimePicker;
+            readonly SubscribeRadioGroup: typeof SubscribeRadioGroup;
         }>>;
         AppForm: import("react").ComponentType<import("react").PropsWithChildren>;
     };

package/dist/form/formHooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"formHooks.d.ts","sourceRoot":"","sources":["../../src/lib/form/formHooks.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAE3D,eAAO,MAAQ,UAAU;;;;;;;;;;;;;;;;;;GAAE,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAkBjC,CAAA"}
+{"version":3,"file":"formHooks.d.ts","sourceRoot":"","sources":["../../src/lib/form/formHooks.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAE3D,eAAO,MAAQ,UAAU;;;;;;;;;;;;;;;;;;;;GAAE,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kCAoBjC,CAAA"}

package/dist/form/formHooks.js

@@ -13,6 +13,8 @@ import { SubscribeMultiSelect } from './SubscribeMultiSelect';
 import { SubscribeCheckbox } from './SubscribeCheckbox';
 import { SubscribeDatePicker } from './SubscribeDatePicker';
 import { SubscribeTimePicker } from './SubscribeTimePicker';
+import { RadioGroup } from './RadioGroup';
+import { SubscribeRadioGroup } from './SubscribeRadioGroup';
 export const { useAppForm, withForm } = createFormHook({
     fieldContext,
     formContext,
@@ -21,6 +23,7 @@ export const { useAppForm, withForm } = createFormHook({
         Checkbox,
         Select,
         MultiSelect,
+        RadioGroup,
         DatePicker,
         TimePicker,
         SubscribeTextField,
@@ -29,6 +32,7 @@ export const { useAppForm, withForm } = createFormHook({
         SubscribeCheckbox,
         SubscribeDatePicker,
         SubscribeTimePicker,
+        SubscribeRadioGroup,
     },
     formComponents: { SubscribeButton },
 });

package/dist/form/formHooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"formHooks.js","sourceRoot":"","sources":["../../src/lib/form/formHooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAE3D,MAAM,CAAC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,cAAc,CAAC;IACrD,YAAY;IACZ,WAAW;IACX,eAAe,EAAE;QACf,SAAS;QACT,QAAQ;QACR,MAAM;QACN,WAAW;QACX,UAAU;QACV,UAAU;QACV,kBAAkB;QAClB,eAAe;QACf,oBAAoB;QACpB,iBAAiB;QACjB,mBAAmB;QACnB,mBAAmB;KACpB;IACD,cAAc,EAAE,EAAE,eAAe,EAAE;CACpC,CAAC,CAAA"}
+{"version":3,"file":"formHooks.js","sourceRoot":"","sources":["../../src/lib/form/formHooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAE3D,MAAM,CAAC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,cAAc,CAAC;IACrD,YAAY;IACZ,WAAW;IACX,eAAe,EAAE;QACf,SAAS;QACT,QAAQ;QACR,MAAM;QACN,WAAW;QACX,UAAU;QACV,UAAU;QACV,UAAU;QACV,kBAAkB;QAClB,eAAe;QACf,oBAAoB;QACpB,iBAAiB;QACjB,mBAAmB;QACnB,mBAAmB;QACnB,mBAAmB;KACpB;IACD,cAAc,EAAE,EAAE,eAAe,EAAE;CACpC,CAAC,CAAA"}

package/dist/form/index.d.ts

@@ -2,12 +2,14 @@ export { useAppForm, withForm } from './formHooks';
 export { type CheckboxProps } from './Checkbox';
 export { type DatePickerProps } from './DatePicker';
 export { type MultiSelectProps } from './MultiSelect';
+export { type RadioGroupProps } from './RadioGroup';
 export { type SelectProps } from './Select';
 export { type TextFieldProps } from './TextField';
 export { type TimePickerProps } from './TimePicker';
 export { type SubscribeCheckboxProps } from './SubscribeCheckbox';
 export { type SubscribeDatePickerProps } from './SubscribeDatePicker';
 export { type SubscribeMultiSelectProps } from './SubscribeMultiSelect';
+export { type SubscribeRadioGroupProps } from './SubscribeRadioGroup';
 export { type SubscribeSelectProps } from './SubscribeSelect';
 export { type SubscribeTextFieldProps } from './SubscribeTextField';
 export { type SubscribeTimePickerProps } from './SubscribeTimePicker';

package/dist/form/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA;AAC3C,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AACjE,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAA;AACrE,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,wBAAwB,CAAA;AACvE,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAC7D,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,sBAAsB,CAAA;AACnE,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA;AAC3C,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AACjE,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAA;AACrE,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,wBAAwB,CAAA;AACvE,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAA;AACrE,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAC7D,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,sBAAsB,CAAA;AACnE,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cwncollab-org/mui-component-kit",
   "private": false,
-  "version": "0.0.9",
+  "version": "0.1.1",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",