@orangesix/react 2.3.1 → 2.4.0

package/picklist/picklist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../src/picklist/picklist.tsx"],"sourcesContent":["import { Box } from \"../box\";\nimport { PickListProps } from \".\";\nimport { pickListCore } from \"./core/core\";\nimport React, { useState, useEffect } from \"react\";\nimport * as PickListPrimeReact from \"primereact/picklist\";\n\n/**\n * Componente - `PickList`\n *\n * Um componente versátil que é utilizado para reordenar itens entre listas diferentes.\n */\nexport function PickList(props: PickListProps) {\n    const [source, setSource] = useState<any>([]);\n    const [target, setTarget] = useState<any>([]);\n\n    useEffect(() => {\n        setSource(props.data.filter(item => item.active === undefined || !item.active));\n        setTarget(props.data.filter(item => item.active));\n    }, [props.data]);\n\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return (\n        <Box\n            className={props.className}\n            css={props.css}\n            size={props.size ?? \"100\"}>\n            <PickListPrimeReact.PickList\n                className=\"w-100\"\n                source={source}\n                target={target}\n                onChange={event => {\n                    let target = event.target.map((item: any) => {\n                        delete item.selected;\n                        return { ...item, active: true };\n                    });\n                    let source = event.source.map((item: any) => {\n                        delete item.selected;\n                        return { ...item, active: false };\n                    });\n                    setTarget(target);\n                    setSource(source);\n                    props.onChange([...source, ...target]);\n                }}\n                onSourceSelectionChange={event => setSource(source.map((item: any) => {\n                    return {\n                        ...item,\n                        selected: event.value?.some((obj: any) => obj.id === item.id)\n                    };\n                }))}\n                onTargetSelectionChange={event => setTarget(target.map((item: any) => {\n                    return {\n                        ...item,\n                        selected: event.value?.some((obj: any) => obj.id === item.id)\n                    };\n                }))}\n                {...pickListCore(props)}/>\n        </Box>\n    );\n}\n\nPickList.displayName = \"PickList\";"],"names":["PickList","props","source","setSource","useState","target","setTarget","useEffect","item","jsx","Box","PickListPrimeReact","event","obj","pickListCore"],"mappings":";;;;;AAWO,SAASA,EAASC,GAAsB;AAC3C,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAc,CAAA,CAAE,GACtC,CAACC,GAAQC,CAAS,IAAIF,EAAc,CAAA,CAAE;AAE5C,SAAAG,EAAU,MAAM;AACZ,IAAAJ,EAAUF,EAAM,KAAK,OAAO,CAAAO,MAAQA,EAAK,WAAW,UAAa,CAACA,EAAK,MAAM,CAAC,GAC9EF,EAAUL,EAAM,KAAK,OAAO,CAAAO,MAAQA,EAAK,MAAM,CAAC;AAAA,EACpD,GAAG,CAACP,EAAM,IAAI,CAAC,GAQX,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAWT,EAAM;AAAA,MACjB,KAAKA,EAAM;AAAA,MACX,MAAMA,EAAM,QAAQ;AAAA,MACpB,UAAA,gBAAAQ;AAAA,QAACE,EAAmB;AAAA,QAAnB;AAAA,UACG,WAAU;AAAA,UACV,QAAAT;AAAA,UACA,QAAAG;AAAA,UACA,UAAU,CAAAO,MAAS;AACf,gBAAIP,IAASO,EAAM,OAAO,IAAI,CAACJ,OAC3B,OAAOA,EAAK,UACL,EAAE,GAAGA,GAAM,QAAQ,GAAA,EAC7B,GACGN,IAASU,EAAM,OAAO,IAAI,CAACJ,OAC3B,OAAOA,EAAK,UACL,EAAE,GAAGA,GAAM,QAAQ,GAAA,EAC7B;AACD,YAAAF,EAAUD,CAAM,GAChBF,EAAUD,CAAM,GAChBD,EAAM,SAAS,CAAC,GAAGC,GAAQ,GAAGG,CAAM,CAAC;AAAA,UACzC;AAAA,UACA,yBAAyB,CAAAO,MAAST,EAAUD,EAAO,IAAI,CAACM,OAC7C;AAAA,YACH,GAAGA;AAAA,YACH,UAAUI,EAAM,OAAO,KAAK,CAACC,MAAaA,EAAI,OAAOL,EAAK,EAAE;AAAA,UAAA,EAEnE,CAAC;AAAA,UACF,yBAAyB,CAAAI,MAASN,EAAUD,EAAO,IAAI,CAACG,OAC7C;AAAA,YACH,GAAGA;AAAA,YACH,UAAUI,EAAM,OAAO,KAAK,CAACC,MAAaA,EAAI,OAAOL,EAAK,EAAE;AAAA,UAAA,EAEnE,CAAC;AAAA,UACD,GAAGM,EAAab,CAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IAAE;AAAA,EAAA;AAGxC;AAEAD,EAAS,cAAc;"}
+{"version":3,"file":"index.esm.js","names":[],"sources":["../../../src/picklist/picklist.tsx"],"sourcesContent":["import { Box } from \"../box\";\r\nimport { PickListProps } from \".\";\r\nimport { pickListCore } from \"./core/core\";\r\nimport React, { useState, useEffect } from \"react\";\r\nimport * as PickListPrimeReact from \"primereact/picklist\";\r\n\r\n/**\r\n * Componente - `PickList`\r\n *\r\n * Um componente versátil que é utilizado para reordenar itens entre listas diferentes.\r\n */\r\nexport function PickList(props: PickListProps) {\r\n    const [source, setSource] = useState<any>([]);\r\n    const [target, setTarget] = useState<any>([]);\r\n\r\n    useEffect(() => {\r\n        setSource(props.data.filter(item => item.active === undefined || !item.active));\r\n        setTarget(props.data.filter(item => item.active));\r\n    }, [props.data]);\r\n\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return (\r\n        <Box\r\n            className={props.className}\r\n            css={props.css}\r\n            size={props.size ?? \"100\"}>\r\n            <PickListPrimeReact.PickList\r\n                className=\"w-100\"\r\n                source={source}\r\n                target={target}\r\n                onChange={event => {\r\n                    let target = event.target.map((item: any) => {\r\n                        delete item.selected;\r\n                        return { ...item, active: true };\r\n                    });\r\n                    let source = event.source.map((item: any) => {\r\n                        delete item.selected;\r\n                        return { ...item, active: false };\r\n                    });\r\n                    setTarget(target);\r\n                    setSource(source);\r\n                    props.onChange([...source, ...target]);\r\n                }}\r\n                onSourceSelectionChange={event => setSource(source.map((item: any) => {\r\n                    return {\r\n                        ...item,\r\n                        selected: event.value?.some((obj: any) => obj.id === item.id)\r\n                    };\r\n                }))}\r\n                onTargetSelectionChange={event => setTarget(target.map((item: any) => {\r\n                    return {\r\n                        ...item,\r\n                        selected: event.value?.some((obj: any) => obj.id === item.id)\r\n                    };\r\n                }))}\r\n                {...pickListCore(props)}/>\r\n        </Box>\r\n    );\r\n}\r\n\r\nPickList.displayName = \"PickList\";"],"mappings":";;;;;;;AAWA,SAAgB,EAAS,GAAsB;CAC3C,IAAM,CAAC,GAAQ,KAAa,EAAc,CAAC,CAAC,GACtC,CAAC,GAAQ,KAAa,EAAc,CAAC,CAAC;CAY5C,OAVA,QAAgB;EAEZ,AADA,EAAU,EAAM,KAAK,QAAO,MAAQ,EAAK,WAAW,KAAA,KAAa,CAAC,EAAK,MAAM,CAAC,GAC9E,EAAU,EAAM,KAAK,QAAO,MAAQ,EAAK,MAAM,CAAC;CACpD,GAAG,CAAC,EAAM,IAAI,CAAC,GAQX,kBAAC,GAAD;EACI,WAAW,EAAM;EACjB,KAAK,EAAM;EACX,MAAM,EAAM,QAAQ;YACpB,kBAAC,EAAmB,UAApB;GACI,WAAU;GACF;GACA;GACR,WAAU,MAAS;IACf,IAAI,IAAS,EAAM,OAAO,KAAK,OAC3B,OAAO,EAAK,UACL;KAAE,GAAG;KAAM,QAAQ;IAAK,EAClC,GACG,IAAS,EAAM,OAAO,KAAK,OAC3B,OAAO,EAAK,UACL;KAAE,GAAG;KAAM,QAAQ;IAAM,EACnC;IAGD,AAFA,EAAU,CAAM,GAChB,EAAU,CAAM,GAChB,EAAM,SAAS,CAAC,GAAG,GAAQ,GAAG,CAAM,CAAC;GACzC;GACA,0BAAyB,MAAS,EAAU,EAAO,KAAK,OAC7C;IACH,GAAG;IACH,UAAU,EAAM,OAAO,MAAM,MAAa,EAAI,OAAO,EAAK,EAAE;GAChE,EACH,CAAC;GACF,0BAAyB,MAAS,EAAU,EAAO,KAAK,OAC7C;IACH,GAAG;IACH,UAAU,EAAM,OAAO,MAAM,MAAa,EAAI,OAAO,EAAK,EAAE;GAChE,EACH,CAAC;GACF,GAAI,EAAa,CAAK;EAAG,CAAA;CAC5B,CAAA;AAEb;AAEA,EAAS,cAAc"}

package/picklist/types.d.ts

@@ -1,35 +1,37 @@
 import { ApiComponentProps } from '../api/types';
 import { PickListProps as PickListPrimeProps } from 'primereact/picklist';
-export interface PickListDataProps {
-    /**
-     * Indificador do objeto
-     */
-    id: any;
-
-    /**
-     * Label do objeto
-     */
-    label: string;
-
-    /**
-     * Define se objeto está ativo ou inativo
-     */
-    active?: boolean
-}
-
-export interface PickListProps extends ApiComponentProps, Pick<PickListPrimeProps, "sourceHeader" | "targetHeader" | "filter" | "filterBy"> {
-    /**
-     * Define o array de objeto que será manipulado pelo componente
-     */
-    data: PickListDataProps[]
-
-    /**
-     * Define a chave de indentificação do objeto de dados
-     */
-    dataKey?: string
-
-    /**
-     * Callback executado quando o valor do PickList é alterado
-     */
-    onChange(value: PickListDataProps[]): void;
-}
+
+
+export interface PickListDataProps {
+    /**
+     * Indificador do objeto
+     */
+    id: any;
+
+    /**
+     * Label do objeto
+     */
+    label: string;
+
+    /**
+     * Define se objeto está ativo ou inativo
+     */
+    active?: boolean
+}
+
+export interface PickListProps extends ApiComponentProps, Pick<PickListPrimeProps, "sourceHeader" | "targetHeader" | "filter" | "filterBy"> {
+    /**
+     * Define o array de objeto que será manipulado pelo componente
+     */
+    data: PickListDataProps[]
+
+    /**
+     * Define a chave de indentificação do objeto de dados
+     */
+    dataKey?: string
+
+    /**
+     * Callback executado quando o valor do PickList é alterado
+     */
+    onChange(value: PickListDataProps[]): void;
+}

package/radio/@types/index.d.ts

@@ -1,40 +1,42 @@
 import { ApiComponentProps, ApiFieldModeProps, ApiFieldHookFormProps, ApiFieldComponentProps, ApiFieldControlledProps } from '../../api';
-interface RadioBaseProps extends ApiComponentProps, ApiFieldComponentProps {
-
-    /**
-     * Define o nome do campo
-     */
-    name: string;
-
-    /**
-     * Array de objeto para definir as opções de escolha
-     */
-    options: Array<RadioOptionsProps>
-
-    /**
-     * Define o aliamento das opções de escolha
-     */
-    align?: "row" | "column"
-}
-
-export type RadioOptionsProps = {
-
-    /**
-     * Define o valor da opção
-     */
-    value: string;
-
-    /**
-     * Define a label da opção
-     */
-    label: string;
-
-    /**
-     * Define se opção está habilitada ou desabilitada
-     */
-    disabled?: boolean;
-};
-
-export type RadioProps<T extends ApiFieldModeProps> = T extends "Controlled"
-    ? RadioBaseProps & ApiFieldControlledProps
-    : RadioBaseProps & ApiFieldHookFormProps;
+
+
+interface RadioBaseProps extends ApiComponentProps, ApiFieldComponentProps {
+
+    /**
+     * Define o nome do campo
+     */
+    name: string;
+
+    /**
+     * Array de objeto para definir as opções de escolha
+     */
+    options: Array<RadioOptionsProps>
+
+    /**
+     * Define o aliamento das opções de escolha
+     */
+    align?: "row" | "column"
+}
+
+export type RadioOptionsProps = {
+
+    /**
+     * Define o valor da opção
+     */
+    value: string;
+
+    /**
+     * Define a label da opção
+     */
+    label: string;
+
+    /**
+     * Define se opção está habilitada ou desabilitada
+     */
+    disabled?: boolean;
+};
+
+export type RadioProps<T extends ApiFieldModeProps> = T extends "Controlled"
+    ? RadioBaseProps & ApiFieldControlledProps
+    : RadioBaseProps & ApiFieldHookFormProps;

package/radio/core/controlled/index.esm.js

@@ -1,41 +1,37 @@
-import { jsxs as n, jsx as l } from "react/jsx-runtime";
-import { Fragment as c } from "react";
-import { InputFeedback as r } from "../../../api/input/index.esm.js";
-function f({ core: m, ...e }) {
-  let d = !e.align || e.align === "row" ? "flex-row" : "flex-column";
-  return /* @__PURE__ */ n("div", { className: "w-100 d-flex flex-column", children: [
-    /* @__PURE__ */ l("div", { className: `w-100 d-flex gap-3 ${d}`, children: e.options.map(
-      (a) => /* @__PURE__ */ l(c, { children: /* @__PURE__ */ n("div", { className: "d-flex align-items-center form-check", children: [
-        /* @__PURE__ */ l(
-          "input",
-          {
-            checked: a.value === e.value,
-            className: "form-check-input",
-            disabled: e.disabled || a.disabled,
-            id: e.name + "-" + a.value,
-            name: e.name,
-            required: e.required,
-            type: "radio",
-            value: a.value,
-            onChange: (i) => {
-              e.onChange && e.onChange(i.target.value);
-            }
-          }
-        ),
-        /* @__PURE__ */ l(
-          "label",
-          {
-            className: "ms-2",
-            htmlFor: e.name + "-" + a.value,
-            children: a.label
-          }
-        )
-      ] }) }, a.value)
-    ) }),
-    /* @__PURE__ */ l(r, { ...e })
-  ] });
+import { InputFeedback as e } from "../../../api/input/index.esm.js";
+import "../../../api/index.esm.js";
+import { Fragment as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/radio/core/controlled.tsx
+function i({ core: i, ...a }) {
+	return /* @__PURE__ */ r("div", {
+		className: "w-100 d-flex flex-column",
+		children: [/* @__PURE__ */ n("div", {
+			className: `w-100 d-flex gap-3 ${!a.align || a.align === "row" ? "flex-row" : "flex-column"}`,
+			children: a.options.map((e) => /* @__PURE__ */ n(t, { children: /* @__PURE__ */ r("div", {
+				className: "d-flex align-items-center form-check",
+				children: [/* @__PURE__ */ n("input", {
+					checked: e.value === a.value,
+					className: "form-check-input",
+					disabled: a.disabled || e.disabled,
+					id: a.name + "-" + e.value,
+					name: a.name,
+					required: a.required,
+					type: "radio",
+					value: e.value,
+					onChange: (e) => {
+						a.onChange && a.onChange(e.target.value);
+					}
+				}), /* @__PURE__ */ n("label", {
+					className: "ms-2",
+					htmlFor: a.name + "-" + e.value,
+					children: e.label
+				})]
+			}) }, e.value))
+		}), /* @__PURE__ */ n(e, { ...a })]
+	});
 }
-export {
-  f as RadioControlled
-};
-//# sourceMappingURL=index.esm.js.map
+//#endregion
+export { i as RadioControlled };
+
+//# sourceMappingURL=index.esm.js.map

package/radio/core/controlled/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/radio/core/controlled.tsx"],"sourcesContent":["import { RadioProps } from \"..\";\nimport React, { Fragment } from \"react\";\nimport { InputFeedback } from \"../../api\";\n\ntype Props = {\n    core: RadioProps<\"Controlled\">\n};\n\n/**\n * Core - `RadioControlled`\n * Define o componente controlled\n */\nexport function RadioControlled({ core, ...props }: RadioProps<\"Controlled\"> & Props) {\n    let align = !props.align || props.align === \"row\" ? \"flex-row\" : \"flex-column\";\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return <div className=\"w-100 d-flex flex-column\">\n        <div className={`w-100 d-flex gap-3 ${align}`}>\n            {props.options.map((item) => {\n                    return (\n                        <Fragment key={item.value}>\n                            <div className=\"d-flex align-items-center form-check\">\n                                <input checked={item.value === props.value}\n                                       className=\"form-check-input\"\n                                       disabled={props.disabled || item.disabled}\n                                       id={props.name + \"-\" + item.value}\n                                       name={props.name}\n                                       required={props.required}\n                                       type=\"radio\"\n                                       value={item.value}\n                                       onChange={event => {\n                                           if (props.onChange) {\n                                               props.onChange(event.target.value);\n                                           }\n                                       }}/>\n                                <label className=\"ms-2\"\n                                       htmlFor={props.name + \"-\" + item.value}>{item.label}</label>\n                            </div>\n                        </Fragment>\n                    );\n                }\n            )}\n        </div>\n        <InputFeedback {...props}/>\n    </div>;\n}"],"names":["RadioControlled","core","props","align","jsxs","jsx","item","Fragment","event","InputFeedback"],"mappings":";;;AAYO,SAASA,EAAgB,EAAE,MAAAC,GAAM,GAAGC,KAA2C;AAClF,MAAIC,IAAQ,CAACD,EAAM,SAASA,EAAM,UAAU,QAAQ,aAAa;AAMjE,SAAO,gBAAAE,EAAC,OAAA,EAAI,WAAU,4BAClB,UAAA;AAAA,IAAA,gBAAAC,EAAC,SAAI,WAAW,sBAAsBF,CAAK,IACtC,YAAM,QAAQ;AAAA,MAAI,CAACG,MAER,gBAAAD,EAACE,GAAA,EACG,UAAA,gBAAAH,EAAC,OAAA,EAAI,WAAU,wCACX,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YAAM,SAASC,EAAK,UAAUJ,EAAM;AAAA,YAC9B,WAAU;AAAA,YACV,UAAUA,EAAM,YAAYI,EAAK;AAAA,YACjC,IAAIJ,EAAM,OAAO,MAAMI,EAAK;AAAA,YAC5B,MAAMJ,EAAM;AAAA,YACZ,UAAUA,EAAM;AAAA,YAChB,MAAK;AAAA,YACL,OAAOI,EAAK;AAAA,YACZ,UAAU,CAAAE,MAAS;AACf,cAAIN,EAAM,YACNA,EAAM,SAASM,EAAM,OAAO,KAAK;AAAA,YAEzC;AAAA,UAAA;AAAA,QAAA;AAAA,QACP,gBAAAH;AAAA,UAAC;AAAA,UAAA;AAAA,YAAM,WAAU;AAAA,YACV,SAASH,EAAM,OAAO,MAAMI,EAAK;AAAA,YAAQ,UAAAA,EAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MAAM,GAC/D,EAAA,GAjBWA,EAAK,KAkBpB;AAAA,IAER,GAER;AAAA,IACA,gBAAAD,EAACI,GAAA,EAAe,GAAGP,EAAA,CAAM;AAAA,EAAA,GAC7B;AACJ;"}
+{"version":3,"file":"index.esm.js","names":[],"sources":["../../../../src/radio/core/controlled.tsx"],"sourcesContent":["import { RadioProps } from \"..\";\r\nimport React, { Fragment } from \"react\";\r\nimport { InputFeedback } from \"../../api\";\r\n\r\ntype Props = {\r\n    core: RadioProps<\"Controlled\">\r\n};\r\n\r\n/**\r\n * Core - `RadioControlled`\r\n * Define o componente controlled\r\n */\r\nexport function RadioControlled({ core, ...props }: RadioProps<\"Controlled\"> & Props) {\r\n    let align = !props.align || props.align === \"row\" ? \"flex-row\" : \"flex-column\";\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return <div className=\"w-100 d-flex flex-column\">\r\n        <div className={`w-100 d-flex gap-3 ${align}`}>\r\n            {props.options.map((item) => {\r\n                return (\r\n                    <Fragment key={item.value}>\r\n                        <div className=\"d-flex align-items-center form-check\">\r\n                            <input checked={item.value === props.value}\r\n                                className=\"form-check-input\"\r\n                                disabled={props.disabled || item.disabled}\r\n                                id={props.name + \"-\" + item.value}\r\n                                name={props.name}\r\n                                required={props.required}\r\n                                type=\"radio\"\r\n                                value={item.value}\r\n                                onChange={event => {\r\n                                    if (props.onChange) {\r\n                                        props.onChange(event.target.value);\r\n                                    }\r\n                                }}/>\r\n                            <label className=\"ms-2\"\r\n                                htmlFor={props.name + \"-\" + item.value}>{item.label}</label>\r\n                        </div>\r\n                    </Fragment>\r\n                );\r\n            }\r\n            )}\r\n        </div>\r\n        <InputFeedback {...props}/>\r\n    </div>;\r\n}"],"mappings":";;;;;AAYA,SAAgB,EAAgB,EAAE,SAAM,GAAG,KAA2C;CAOlF,OAAO,kBAAC,OAAD;EAAK,WAAU;YAAf,CACH,kBAAC,OAAD;GAAK,WAAW,sBAPR,CAAC,EAAM,SAAS,EAAM,UAAU,QAAQ,aAAa;aAQxD,EAAM,QAAQ,KAAK,MAEZ,kBAAC,GAAD,EAAA,UACI,kBAAC,OAAD;IAAK,WAAU;cAAf,CACI,kBAAC,SAAD;KAAO,SAAS,EAAK,UAAU,EAAM;KACjC,WAAU;KACV,UAAU,EAAM,YAAY,EAAK;KACjC,IAAI,EAAM,OAAO,MAAM,EAAK;KAC5B,MAAM,EAAM;KACZ,UAAU,EAAM;KAChB,MAAK;KACL,OAAO,EAAK;KACZ,WAAU,MAAS;MACf,AAAI,EAAM,YACN,EAAM,SAAS,EAAM,OAAO,KAAK;KAEzC;IAAG,CAAA,GACP,kBAAC,SAAD;KAAO,WAAU;KACb,SAAS,EAAM,OAAO,MAAM,EAAK;eAAQ,EAAK;IAAa,CAAA,CAC9D;MACC,GAlBK,EAAK,KAkBV,CAGlB;EACC,CAAA,GACL,kBAAC,GAAD,EAAe,GAAI,EAAO,CAAA,CACzB;;AACT"}

package/radio/core/hookForm/index.esm.js

@@ -1,58 +1,43 @@
-import { jsx as a, jsxs as c } from "react/jsx-runtime";
-import { InputFeedback as o } from "../../../api/input/index.esm.js";
-import { Controller as d } from "react-hook-form";
-function h({ core: m, ...e }) {
-  let i = !e.align || e.align === "row" ? "flex-row" : "flex-column";
-  return /* @__PURE__ */ a(
-    d,
-    {
-      render: ({ field: n, formState: { errors: r } }) => /* @__PURE__ */ c("div", { className: "w-100 d-flex flex-column", children: [
-        /* @__PURE__ */ a("div", { className: `w-100 d-flex gap-3 ${i}`, children: e.options.map(
-          (l) => /* @__PURE__ */ c(
-            "div",
-            {
-              className: "d-flex align-items-center form-check",
-              children: [
-                /* @__PURE__ */ a(
-                  "input",
-                  {
-                    checked: l.value === n.value,
-                    className: "form-check-input " + (r[e.name] ? "is-invalid" : ""),
-                    disabled: e.disabled || l.disabled,
-                    id: e.name + "-" + l.value,
-                    type: "radio",
-                    value: l.value,
-                    onChange: n.onChange
-                  }
-                ),
-                /* @__PURE__ */ a(
-                  "label",
-                  {
-                    className: "ms-2 form-check-label",
-                    htmlFor: e.name + "-" + l.value,
-                    children: l.label
-                  }
-                )
-              ]
-            },
-            l.value
-          )
-        ) }),
-        /* @__PURE__ */ a(
-          o,
-          {
-            ...e,
-            errors: r
-          }
-        )
-      ] }),
-      control: e.control,
-      name: e.name,
-      rules: { required: e.required ? "Campo obrigatório" : !1 }
-    }
-  );
+import { InputFeedback as e } from "../../../api/input/index.esm.js";
+import "../../../api/index.esm.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { Controller as r } from "react-hook-form";
+//#region src/radio/core/hookForm.tsx
+function i({ core: i, ...a }) {
+	let o = !a.align || a.align === "row" ? "flex-row" : "flex-column";
+	return /* @__PURE__ */ t(r, {
+		render: ({ field: r, formState: { errors: i } }) => /* @__PURE__ */ n("div", {
+			className: "w-100 d-flex flex-column",
+			children: [/* @__PURE__ */ t("div", {
+				className: `w-100 d-flex gap-3 ${o}`,
+				children: a.options.map((e) => /* @__PURE__ */ n("div", {
+					className: "d-flex align-items-center form-check",
+					children: [/* @__PURE__ */ t("input", {
+						checked: e.value === r.value,
+						className: "form-check-input " + (i[a.name] ? "is-invalid" : ""),
+						disabled: a.disabled || e.disabled,
+						id: a.name + "-" + e.value,
+						type: "radio",
+						value: e.value,
+						onChange: r.onChange
+					}), /* @__PURE__ */ t("label", {
+						className: "ms-2 form-check-label",
+						htmlFor: a.name + "-" + e.value,
+						children: e.label
+					})]
+				}, e.value))
+			}), /* @__PURE__ */ t(e, {
+				...a,
+				errors: i
+			})]
+		}),
+		control: a.control,
+		name: a.name,
+		rules: { required: a.required ? "Campo obrigatório" : !1 }
+	});
 }
-export {
-  h as RadioHookForm
-};
-//# sourceMappingURL=index.esm.js.map
+//#endregion
+export { i as RadioHookForm };
+
+//# sourceMappingURL=index.esm.js.map

package/radio/core/hookForm/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/radio/core/hookForm.tsx"],"sourcesContent":["import React from \"react\";\nimport { RadioProps } from \"..\";\nimport { InputFeedback } from \"../../api\";\nimport { Controller } from \"react-hook-form\";\n\ntype Props = {\n    core: RadioProps<\"HookForm\">\n};\n\n/**\n * Core - `RadioHookForm`\n * Define o componente utilizando o HookForm\n */\nexport function RadioHookForm({ core, ...props }: RadioProps<\"HookForm\"> & Props) {\n    let align = !props.align || props.align === \"row\" ? \"flex-row\" : \"flex-column\";\n\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return (\n        <Controller render={({ field, formState: { errors } }) => {\n            return <div className=\"w-100 d-flex flex-column\">\n                <div className={`w-100 d-flex gap-3 ${align}`}>\n                    {props.options.map((item) => {\n                            return (\n                                <div className=\"d-flex align-items-center form-check\"\n                                     key={item.value}>\n                                    <input checked={item.value === field.value}\n                                           className={\"form-check-input \" + (!errors[props.name] ? \"\" : \"is-invalid\")}\n                                           disabled={props.disabled || item.disabled}\n                                           id={props.name + \"-\" + item.value}\n                                           type=\"radio\"\n                                           value={item.value}\n                                           onChange={field.onChange}/>\n                                    <label className=\"ms-2 form-check-label\"\n                                           htmlFor={props.name + \"-\" + item.value}>{item.label}</label>\n                                </div>\n                            );\n                        }\n                    )}\n                </div>\n                <InputFeedback {...props}\n                               errors={errors}/>\n            </div>;\n        }}\n                    control={props.control}\n                    name={props.name}\n                    rules={{ required: !props.required ? false : \"Campo obrigatório\" }}/>\n    );\n}"],"names":["RadioHookForm","core","props","align","jsx","Controller","field","errors","jsxs","item","InputFeedback"],"mappings":";;;AAaO,SAASA,EAAc,EAAE,MAAAC,GAAM,GAAGC,KAAyC;AAC9E,MAAIC,IAAQ,CAACD,EAAM,SAASA,EAAM,UAAU,QAAQ,aAAa;AAOjE,SACI,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MAAW,QAAQ,CAAC,EAAE,OAAAC,GAAO,WAAW,EAAE,QAAAC,EAAA,QAChC,gBAAAC,EAAC,OAAA,EAAI,WAAU,4BAClB,UAAA;AAAA,QAAA,gBAAAJ,EAAC,SAAI,WAAW,sBAAsBD,CAAK,IACtC,YAAM,QAAQ;AAAA,UAAI,CAACM,MAER,gBAAAD;AAAA,YAAC;AAAA,YAAA;AAAA,cAAI,WAAU;AAAA,cAEX,UAAA;AAAA,gBAAA,gBAAAJ;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBAAM,SAASK,EAAK,UAAUH,EAAM;AAAA,oBAC9B,WAAW,uBAAwBC,EAAOL,EAAM,IAAI,IAAS,eAAL;AAAA,oBACxD,UAAUA,EAAM,YAAYO,EAAK;AAAA,oBACjC,IAAIP,EAAM,OAAO,MAAMO,EAAK;AAAA,oBAC5B,MAAK;AAAA,oBACL,OAAOA,EAAK;AAAA,oBACZ,UAAUH,EAAM;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBACvB,gBAAAF;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBAAM,WAAU;AAAA,oBACV,SAASF,EAAM,OAAO,MAAMO,EAAK;AAAA,oBAAQ,UAAAA,EAAK;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAAM;AAAA,YAAA;AAAA,YATrDA,EAAK;AAAA,UAAA;AAAA,QAYvB,GAER;AAAA,QACA,gBAAAL;AAAA,UAACM;AAAA,UAAA;AAAA,YAAe,GAAGR;AAAA,YACJ,QAAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MAAe,GAClC;AAAA,MAEQ,SAASL,EAAM;AAAA,MACf,MAAMA,EAAM;AAAA,MACZ,OAAO,EAAE,UAAWA,EAAM,WAAmB,sBAAR,GAAQ;AAAA,IAAoB;AAAA,EAAA;AAErF;"}
+{"version":3,"file":"index.esm.js","names":[],"sources":["../../../../src/radio/core/hookForm.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { RadioProps } from \"..\";\r\nimport { InputFeedback } from \"../../api\";\r\nimport { Controller } from \"react-hook-form\";\r\n\r\ntype Props = {\r\n    core: RadioProps<\"HookForm\">\r\n};\r\n\r\n/**\r\n * Core - `RadioHookForm`\r\n * Define o componente utilizando o HookForm\r\n */\r\nexport function RadioHookForm({ core, ...props }: RadioProps<\"HookForm\"> & Props) {\r\n    let align = !props.align || props.align === \"row\" ? \"flex-row\" : \"flex-column\";\r\n\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return (\r\n        <Controller render={({ field, formState: { errors } }) => {\r\n            return <div className=\"w-100 d-flex flex-column\">\r\n                <div className={`w-100 d-flex gap-3 ${align}`}>\r\n                    {props.options.map((item) => {\r\n                        return (\r\n                            <div className=\"d-flex align-items-center form-check\"\r\n                                key={item.value}>\r\n                                <input checked={item.value === field.value}\r\n                                    className={\"form-check-input \" + (!errors[props.name] ? \"\" : \"is-invalid\")}\r\n                                    disabled={props.disabled || item.disabled}\r\n                                    id={props.name + \"-\" + item.value}\r\n                                    type=\"radio\"\r\n                                    value={item.value}\r\n                                    onChange={field.onChange}/>\r\n                                <label className=\"ms-2 form-check-label\"\r\n                                    htmlFor={props.name + \"-\" + item.value}>{item.label}</label>\r\n                            </div>\r\n                        );\r\n                    }\r\n                    )}\r\n                </div>\r\n                <InputFeedback {...props}\r\n                    errors={errors}/>\r\n            </div>;\r\n        }}\r\n        control={props.control}\r\n        name={props.name}\r\n        rules={{ required: !props.required ? false : \"Campo obrigatório\" }}/>\r\n    );\r\n}"],"mappings":";;;;;;AAaA,SAAgB,EAAc,EAAE,SAAM,GAAG,KAAyC;CAC9E,IAAI,IAAQ,CAAC,EAAM,SAAS,EAAM,UAAU,QAAQ,aAAa;CAOjE,OACI,kBAAC,GAAD;EAAY,SAAS,EAAE,UAAO,WAAW,EAAE,kBAChC,kBAAC,OAAD;GAAK,WAAU;aAAf,CACH,kBAAC,OAAD;IAAK,WAAW,sBAAsB;cACjC,EAAM,QAAQ,KAAK,MAEZ,kBAAC,OAAD;KAAK,WAAU;eAAf,CAEI,kBAAC,SAAD;MAAO,SAAS,EAAK,UAAU,EAAM;MACjC,WAAW,uBAAwB,EAAO,EAAM,QAAa,eAAL;MACxD,UAAU,EAAM,YAAY,EAAK;MACjC,IAAI,EAAM,OAAO,MAAM,EAAK;MAC5B,MAAK;MACL,OAAO,EAAK;MACZ,UAAU,EAAM;KAAU,CAAA,GAC9B,kBAAC,SAAD;MAAO,WAAU;MACb,SAAS,EAAM,OAAO,MAAM,EAAK;gBAAQ,EAAK;KAAa,CAAA,CAC9D;OAVI,EAAK,KAUT,CAGb;GACC,CAAA,GACL,kBAAC,GAAD;IAAe,GAAI;IACP;GAAQ,CAAA,CACnB;;EAET,SAAS,EAAM;EACf,MAAM,EAAM;EACZ,OAAO,EAAE,UAAW,EAAM,WAAmB,sBAAR,GAA4B;CAAG,CAAA;AAE5E"}

package/radio/index.esm.js

@@ -1,5 +1,2 @@
-import { Radio as a } from "./radio/index.esm.js";
-export {
-  a as Radio
-};
-//# sourceMappingURL=index.esm.js.map
+import { Radio as e } from "./radio/index.esm.js";
+export { e as Radio };

package/radio/radio/index.esm.js

@@ -1,39 +1,29 @@
-import { jsxs as i, jsx as m } from "react/jsx-runtime";
-import { Box as t } from "../../box/box/index.esm.js";
-import { InputProps as a, InputLabel as l } from "../../api/input/index.esm.js";
-import { RadioHookForm as d } from "../core/hookForm/index.esm.js";
-import { RadioControlled as s } from "../core/controlled/index.esm.js";
-function n(o) {
-  let e = o, r = {
-    ...a(e)
-  };
-  return /* @__PURE__ */ i(
-    t,
-    {
-      className: o.className,
-      css: o.css,
-      size: o.size ?? "100",
-      children: [
-        /* @__PURE__ */ m(l, { ...o }),
-        !o.mode || o.mode === "Controlled" ? /* @__PURE__ */ m(
-          s,
-          {
-            core: r,
-            ...e
-          }
-        ) : /* @__PURE__ */ m(
-          d,
-          {
-            core: r,
-            ...e
-          }
-        )
-      ]
-    }
-  );
+import { Box as e } from "../../box/box/index.esm.js";
+import "../../box/index.esm.js";
+import { InputLabel as t, InputProps as n } from "../../api/input/index.esm.js";
+import "../../api/index.esm.js";
+import { RadioHookForm as r } from "../core/hookForm/index.esm.js";
+import { RadioControlled as i } from "../core/controlled/index.esm.js";
+import "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/radio/radio.tsx
+function s(s) {
+	let c = s, l = { ...n(c) };
+	return /* @__PURE__ */ o(e, {
+		className: s.className,
+		css: s.css,
+		size: s.size ?? "100",
+		children: [/* @__PURE__ */ a(t, { ...s }), !s.mode || s.mode === "Controlled" ? /* @__PURE__ */ a(i, {
+			core: l,
+			...c
+		}) : /* @__PURE__ */ a(r, {
+			core: l,
+			...c
+		})]
+	});
 }
-n.displayName = "Radio";
-export {
-  n as Radio
-};
-//# sourceMappingURL=index.esm.js.map
+s.displayName = "Radio";
+//#endregion
+export { s as Radio };
+
+//# sourceMappingURL=index.esm.js.map

package/radio/radio/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../src/radio/radio.tsx"],"sourcesContent":["import React from \"react\";\nimport { Box } from \"../box\";\nimport { RadioProps } from \".\";\nimport { ApiFieldModeProps } from \"../api\";\nimport { InputLabel, InputProps } from \"../api\";\nimport { RadioHookForm } from \"./core/hookForm\";\nimport { RadioControlled } from \"./core/controlled\";\n\n/**\n * Componente - `Radio`\n *\n * Um componente versátil que é utilizado para entrada de dados de multipla escolha.\n */\nexport function Radio<T extends ApiFieldModeProps = \"Controlled\">(props: RadioProps<T> & { mode?: T }) {\n    let propsCore = props as any;\n    let core = {\n        ...InputProps(propsCore)\n    };\n\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return (\n        <Box className={props.className}\n             css={props.css}\n             size={props.size ?? \"100\"}>\n            <InputLabel {...props}/>\n            {!props.mode || props.mode === \"Controlled\"\n                ? <RadioControlled core={core}\n                                   {...propsCore}/>\n                : <RadioHookForm core={core}\n                                 {...propsCore}/>}\n        </Box>\n    );\n}\n\nRadio.displayName = \"Radio\";"],"names":["Radio","props","propsCore","core","InputProps","jsxs","Box","jsx","InputLabel","RadioControlled","RadioHookForm"],"mappings":";;;;;AAaO,SAASA,EAAkDC,GAAqC;AACnG,MAAIC,IAAYD,GACZE,IAAO;AAAA,IACP,GAAGC,EAAWF,CAAS;AAAA,EAAA;AAQ3B,SACI,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MAAI,WAAWL,EAAM;AAAA,MACjB,KAAKA,EAAM;AAAA,MACX,MAAMA,EAAM,QAAQ;AAAA,MACrB,UAAA;AAAA,QAAA,gBAAAM,EAACC,GAAA,EAAY,GAAGP,GAAM;AAAA,QACrB,CAACA,EAAM,QAAQA,EAAM,SAAS,eACzB,gBAAAM;AAAA,UAACE;AAAA,UAAA;AAAA,YAAgB,MAAAN;AAAA,YACC,GAAGD;AAAA,UAAA;AAAA,QAAA,IACrB,gBAAAK;AAAA,UAACG;AAAA,UAAA;AAAA,YAAc,MAAAP;AAAA,YACC,GAAGD;AAAA,UAAA;AAAA,QAAA;AAAA,MAAU;AAAA,IAAA;AAAA,EAAA;AAG/C;AAEAF,EAAM,cAAc;"}
+{"version":3,"file":"index.esm.js","names":[],"sources":["../../../src/radio/radio.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { Box } from \"../box\";\r\nimport { RadioProps } from \".\";\r\nimport { ApiFieldModeProps } from \"../api\";\r\nimport { InputLabel, InputProps } from \"../api\";\r\nimport { RadioHookForm } from \"./core/hookForm\";\r\nimport { RadioControlled } from \"./core/controlled\";\r\n\r\n/**\r\n * Componente - `Radio`\r\n *\r\n * Um componente versátil que é utilizado para entrada de dados de multipla escolha.\r\n */\r\nexport function Radio<T extends ApiFieldModeProps = \"Controlled\">(props: RadioProps<T> & { mode?: T }) {\r\n    let propsCore = props as any;\r\n    let core = {\r\n        ...InputProps(propsCore)\r\n    };\r\n\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return (\r\n        <Box className={props.className}\r\n            css={props.css}\r\n            size={props.size ?? \"100\"}>\r\n            <InputLabel {...props}/>\r\n            {!props.mode || props.mode === \"Controlled\"\r\n                ? <RadioControlled core={core}\r\n                    {...propsCore}/>\r\n                : <RadioHookForm core={core}\r\n                    {...propsCore}/>}\r\n        </Box>\r\n    );\r\n}\r\n\r\nRadio.displayName = \"Radio\";"],"mappings":";;;;;;;;;AAaA,SAAgB,EAAkD,GAAqC;CACnG,IAAI,IAAY,GACZ,IAAO,EACP,GAAG,EAAW,CAAS,EAC3B;CAOA,OACI,kBAAC,GAAD;EAAK,WAAW,EAAM;EAClB,KAAK,EAAM;EACX,MAAM,EAAM,QAAQ;YAFxB,CAGI,kBAAC,GAAD,EAAY,GAAI,EAAO,CAAA,GACtB,CAAC,EAAM,QAAQ,EAAM,SAAS,eACzB,kBAAC,GAAD;GAAuB;GACrB,GAAI;EAAW,CAAA,IACjB,kBAAC,GAAD;GAAqB;GACnB,GAAI;EAAW,CAAA,CACtB;;AAEb;AAEA,EAAM,cAAc"}

package/select/@types/index.d.ts

@@ -1,46 +1,48 @@
 import { default as React } from 'react';
 import { ApiComponentProps, ApiFieldModeProps, ApiFieldHookFormProps, ApiFieldComponentProps, ApiFieldControlledProps } from '../../api';
-export type SelectOptionsProps = {
-
-    /**
-     * Define o ID da opção
-     */
-    id: any
-
-    /**
-     * Define a label da opção
-     */
-    name: string;
-
-    /**
-     * Define se seleção do elemento está desabilitada
-     */
-    disabled?: boolean;
-};
-
-interface SelectBaseProps extends ApiComponentProps, ApiFieldComponentProps {
-
-    /**
-     * Define a referência do campo select
-     */
-    ref?: React.Ref<HTMLSelectElement>
-
-    /**
-     * Array de objeto para definir as opções de escolha
-     */
-    options: Array<SelectOptionsProps>
-
-    /**
-     * Define o primeiro elemento do select como legenda
-     */
-    init?: boolean | string
-
-    /**
-     * Define o tamanho do componente
-     */
-    sizes?: "small" | "large"
-}
-
-export type SelectProps<T extends ApiFieldModeProps> = T extends "Controlled"
-    ? SelectBaseProps & ApiFieldControlledProps
-    : SelectBaseProps & ApiFieldHookFormProps;
+
+
+export type SelectOptionsProps = {
+
+    /**
+     * Define o ID da opção
+     */
+    id: any
+
+    /**
+     * Define a label da opção
+     */
+    name: string;
+
+    /**
+     * Define se seleção do elemento está desabilitada
+     */
+    disabled?: boolean;
+};
+
+interface SelectBaseProps extends ApiComponentProps, ApiFieldComponentProps {
+
+    /**
+     * Define a referência do campo select
+     */
+    ref?: React.Ref<HTMLSelectElement>
+
+    /**
+     * Array de objeto para definir as opções de escolha
+     */
+    options: Array<SelectOptionsProps>
+
+    /**
+     * Define o primeiro elemento do select como legenda
+     */
+    init?: boolean | string
+
+    /**
+     * Define o tamanho do componente
+     */
+    sizes?: "small" | "large"
+}
+
+export type SelectProps<T extends ApiFieldModeProps> = T extends "Controlled"
+    ? SelectBaseProps & ApiFieldControlledProps
+    : SelectBaseProps & ApiFieldHookFormProps;