@zimyo/ui 1.6.3 → 1.6.4

package/dist/Radio/index.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { SxProps } from '@mui/system';
+
+interface RadioProps {
+    label?: string;
+    description?: string;
+    name?: string;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>, checked: boolean) => void;
+    disabled?: boolean;
+    required?: boolean;
+    error?: boolean;
+    helperText?: string;
+    size?: 'small' | 'medium';
+    color?: 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
+    sx?: SxProps;
+    radioSx?: SxProps;
+    labelSx?: SxProps;
+}
+declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Radio as default };
+export type { RadioProps };

package/dist/Radio/index.esm.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import t from"react";import{useTheme as o,FormControl as l,FormLabel as i,Typography as a,FormControlLabel as n,Radio as d,Box as c,FormHelperText as p}from"@mui/material";var s=function(){return s=Object.assign||function(e){for(var r,t=1,o=arguments.length;t<o;t++)for(var l in r=arguments[t])Object.prototype.hasOwnProperty.call(r,l)&&(e[l]=r[l]);return e},s.apply(this,arguments)};"function"==typeof SuppressedError&&SuppressedError;var m=t.forwardRef(function(t,m){var f=t.label,x=t.description,u=t.name,h=t.checked,b=void 0!==h&&h,y=t.defaultChecked,v=void 0!==y&&y,g=t.onChange,O=t.disabled,S=void 0!==O&&O,j=t.required,k=void 0!==j&&j,C=t.error,z=void 0!==C&&C,w=t.helperText,P=t.size,q=void 0===P?"medium":P,E=t.color,M=void 0===E?"primary":E,R=t.sx,B=void 0===R?{}:R,H=t.radioSx,I=void 0===H?{}:H,T=t.labelSx,W=void 0===T?{}:T,D=function(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(o=Object.getOwnPropertySymbols(e);l<o.length;l++)r.indexOf(o[l])<0&&Object.prototype.propertyIsEnumerable.call(e,o[l])&&(t[o[l]]=e[o[l]])}return t}(t,["label","description","name","checked","defaultChecked","onChange","disabled","required","error","helperText","size","color","sx","radioSx","labelSx"]),F=o();return e(l,s({ref:m,component:"fieldset",error:z,required:k,disabled:S,sx:s({borderRadius:"8px"},B)},D,{children:[f&&e(i,{sx:s({fontWeight:500,fontSize:"small"===q?"0.875rem":"1rem",color:S?F.palette.text.disabled:z?F.palette.error.main:F.palette.text.primary,mb:1},W),children:[f,k&&r(a,{component:"span",sx:{color:F.palette.error.main,ml:.5,fontSize:"inherit"},children:"*"})]}),r(n,{control:r(d,{name:u,checked:b,defaultChecked:v,onChange:g,size:q,color:M,sx:s({"&.Mui-checked":{color:z?F.palette.error.main:F.palette[M].main},mt:x?.25:0},I)}),label:e(c,{sx:{display:"flex",flexDirection:"column"},children:[r(a,{variant:"small"===q?"body2":"body1",sx:{fontWeight:400,color:S?F.palette.text.disabled:F.palette.text.primary,lineHeight:1.5},children:f}),x&&r(a,{variant:"caption",sx:{color:S?F.palette.text.disabled:F.palette.text.secondary,mt:.25,lineHeight:1.4},children:x})]}),sx:{alignItems:x?"flex-start":"center",margin:0,display:"flex","& .MuiFormControlLabel-label":{ml:1,flex:1},"& .MuiButtonBase-root":{p:"small"===q?.5:1}}}),w&&r(p,{sx:{mt:1,fontSize:"small"===q?"0.75rem":"0.875rem",color:z?F.palette.error.main:F.palette.text.secondary},children:w})]}))});export{m as default};

package/dist/Radio/index.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material"),o=function(){return o=Object.assign||function(e){for(var r,t=1,o=arguments.length;t<o;t++)for(var l in r=arguments[t])Object.prototype.hasOwnProperty.call(r,l)&&(e[l]=r[l]);return e},o.apply(this,arguments)};"function"==typeof SuppressedError&&SuppressedError;var l=r.forwardRef(function(r,l){var a=r.label,i=r.description,n=r.name,s=r.checked,d=void 0!==s&&s,c=r.defaultChecked,p=void 0!==c&&c,m=r.onChange,x=r.disabled,u=void 0!==x&&x,h=r.required,f=void 0!==h&&h,b=r.error,y=void 0!==b&&b,v=r.helperText,g=r.size,j=void 0===g?"medium":g,O=r.color,S=void 0===O?"primary":O,C=r.sx,k=void 0===C?{}:C,T=r.radioSx,q=void 0===T?{}:T,z=r.labelSx,w=void 0===z?{}:z,F=function(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(o=Object.getOwnPropertySymbols(e);l<o.length;l++)r.indexOf(o[l])<0&&Object.prototype.propertyIsEnumerable.call(e,o[l])&&(t[o[l]]=e[o[l]])}return t}(r,["label","description","name","checked","defaultChecked","onChange","disabled","required","error","helperText","size","color","sx","radioSx","labelSx"]),P=t.useTheme();return e.jsxs(t.FormControl,o({ref:l,component:"fieldset",error:y,required:f,disabled:u,sx:o({borderRadius:"8px"},k)},F,{children:[a&&e.jsxs(t.FormLabel,{sx:o({fontWeight:500,fontSize:"small"===j?"0.875rem":"1rem",color:u?P.palette.text.disabled:y?P.palette.error.main:P.palette.text.primary,mb:1},w),children:[a,f&&e.jsx(t.Typography,{component:"span",sx:{color:P.palette.error.main,ml:.5,fontSize:"inherit"},children:"*"})]}),e.jsx(t.FormControlLabel,{control:e.jsx(t.Radio,{name:n,checked:d,defaultChecked:p,onChange:m,size:j,color:S,sx:o({"&.Mui-checked":{color:y?P.palette.error.main:P.palette[S].main},mt:i?.25:0},q)}),label:e.jsxs(t.Box,{sx:{display:"flex",flexDirection:"column"},children:[e.jsx(t.Typography,{variant:"small"===j?"body2":"body1",sx:{fontWeight:400,color:u?P.palette.text.disabled:P.palette.text.primary,lineHeight:1.5},children:a}),i&&e.jsx(t.Typography,{variant:"caption",sx:{color:u?P.palette.text.disabled:P.palette.text.secondary,mt:.25,lineHeight:1.4},children:i})]}),sx:{alignItems:i?"flex-start":"center",margin:0,display:"flex","& .MuiFormControlLabel-label":{ml:1,flex:1},"& .MuiButtonBase-root":{p:"small"===j?.5:1}}}),v&&e.jsx(t.FormHelperText,{sx:{mt:1,fontSize:"small"===j?"0.75rem":"0.875rem",color:y?P.palette.error.main:P.palette.text.secondary},children:v})]}))});module.exports=l;

package/dist/index.d.ts

@@ -6,6 +6,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Props, GroupBase } from 'react-select';
 import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
 import { VariantProps } from 'class-variance-authority';
+import { UseFormReturn } from 'react-hook-form';
 import { Theme } from '@mui/material/styles';
 import { ClassValue } from 'clsx';
 
@@ -178,9 +179,9 @@ interface BadgeProps extends VariantProps<typeof badgeVariants> {
     className?: string;
 }
 declare const badgeVariants: (props?: ({
-    variant?: "text" | "outlined" | "contained" | null | undefined;
+    variant?: "text" | "contained" | "outlined" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
-    type?: "default" | "success" | "error" | "info" | "warning" | null | undefined;
+    type?: "default" | "error" | "info" | "success" | "warning" | null | undefined;
 } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
 declare const Badge: ({ label, icon, iconPosition, dot, dotPosition, variant, size, type, color, className, }: BadgeProps) => react_jsx_runtime.JSX.Element;
 
@@ -277,6 +278,88 @@ interface DateRangePickerProps {
 }
 declare const DateRangePicker: React$1.FC<DateRangePickerProps>;
 
+type FieldType = "text" | "number" | "textarea" | "select" | "radio" | "switch" | "checkbox" | "date" | "daterange" | "custom";
+type FormField = {
+    name: string;
+    label: string;
+    type: FieldType;
+    placeholder?: string;
+    required?: boolean;
+    defaultValue?: any;
+    options?: {
+        label: string;
+        value: any;
+    }[];
+    validation?: any;
+    visibleIf?: (values: any) => boolean;
+    component?: React__default.ReactNode;
+    colSpan?: number;
+};
+type FormProps = {
+    schema: FormField[];
+    form: UseFormReturn;
+    layout?: "vertical" | "grid";
+    columns?: number;
+    className?: string;
+    showSubmitButton?: boolean;
+    onSubmit?: (data: any) => void;
+};
+declare const Form: React__default.FC<FormProps>;
+
+type CheckboxSize = "sm" | "md" | "lg";
+interface CheckboxProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
+    label?: React$1.ReactNode;
+    description?: React$1.ReactNode;
+    size?: CheckboxSize;
+    indeterminate?: boolean;
+    error?: boolean;
+}
+declare const Checkbox: React$1.ForwardRefExoticComponent<CheckboxProps & React$1.RefAttributes<HTMLInputElement>>;
+
+interface CheckboxGroupOption {
+    label: string;
+    value: string;
+    description?: string;
+    disabled?: boolean;
+}
+type Layout = "box" | "list";
+type Direction = "vertical" | "horizontal";
+interface CheckboxGroupProps {
+    name: string;
+    label?: string;
+    description?: string;
+    error?: boolean;
+    options: CheckboxGroupOption[];
+    value?: string[];
+    defaultValue?: string[];
+    onChange?: (selected: string[]) => void;
+    direction?: Direction;
+    layout?: Layout;
+    disabled?: boolean;
+    size?: CheckboxProps["size"];
+    className?: string;
+    columns?: number;
+}
+declare const CheckboxGroup: React$1.FC<CheckboxGroupProps>;
+
+interface RadioProps {
+    label?: string;
+    description?: string;
+    name?: string;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onChange?: (event: React__default.ChangeEvent<HTMLInputElement>, checked: boolean) => void;
+    disabled?: boolean;
+    required?: boolean;
+    error?: boolean;
+    helperText?: string;
+    size?: 'small' | 'medium';
+    color?: 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
+    sx?: SxProps;
+    radioSx?: SxProps;
+    labelSx?: SxProps;
+}
+
 interface UILibraryThemeProviderProps {
     children: React__default.ReactNode;
     primaryColor?: string;
@@ -371,5 +454,5 @@ declare const designTokens: {
 declare function cn(...inputs: ClassValue[]): string;
 declare function useStableId(prefix?: string): string;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Badge, Blockquote, Button, Caption, Code, DatePicker, DateRangePicker, Drawer, Heading, Input, Lead, Modal, Muted, Notice, RadioGroup, Select, Strong, Switch, Text, UILibraryThemeProvider, cn, createCustomTheme, designTokens, theme, useStableId };
-export type { AccordionContentProps, AccordionItemProps, AccordionProps, AccordionTriggerProps, BadgeProps, ButtonProps, DatePickerProps, DateRangePickerProps, DrawerProps, InputProps, ModalProps, NoticeProps, RadioGroupProps, RadioOption, SelectProps, SwitchProps, ThemeConfig, UILibraryThemeProviderProps };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Badge, Blockquote, Button, Caption, Checkbox, CheckboxGroup, Code, DatePicker, DateRangePicker, Drawer, Form, Heading, Input, Lead, Modal, Muted, Notice, RadioGroup, Select, Strong, Switch, Text, UILibraryThemeProvider, cn, createCustomTheme, designTokens, theme, useStableId };
+export type { AccordionContentProps, AccordionItemProps, AccordionProps, AccordionTriggerProps, BadgeProps, ButtonProps, CheckboxGroupProps, CheckboxProps, DatePickerProps, DateRangePickerProps, DrawerProps, FormProps, InputProps, ModalProps, NoticeProps, RadioGroupProps, RadioOption, RadioProps, SelectProps, SwitchProps, ThemeConfig, UILibraryThemeProviderProps };