@orangesix/react 1.4.0 → 2.0.3

package/autocomplete/core/event/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../../src/autocomplete/core/event.tsx"],"sourcesContent":["import { AutocompleteProps } from \"..\";\nimport * as AutoCompletePrimeReact from \"primereact/autocomplete\";\n\n/**\n * Componente - `Autocomplete`\n *\n * Define as configuração de evento do componente\n */\nexport function autocompleteEvent(props: AutocompleteProps): Partial<AutoCompletePrimeReact.AutoCompleteProps> {\n    return {\n        onChange(event: AutoCompletePrimeReact.AutoCompleteChangeEvent) {\n            props.onChange(event.value);\n        },\n        onSelect(event: AutoCompletePrimeReact.AutoCompleteSelectEvent) {\n            if (props.onSelect) {\n                props.onSelect(event.value);\n            }\n        },\n        completeMethod(event: AutoCompletePrimeReact.AutoCompleteCompleteEvent) {\n            props.onSearch(event.query);\n        },\n    };\n}"],"names":["autocompleteEvent","props","event"],"mappings":"AAQO,SAASA,EAAkBC,GAA6E;AAC3G,SAAO;AAAA,IACH,SAASC,GAAuD;AAC5D,MAAAD,EAAM,SAASC,EAAM,KAAK;AAAA,IAC9B;AAAA,IACA,SAASA,GAAuD;AAC5D,MAAID,EAAM,YACNA,EAAM,SAASC,EAAM,KAAK;AAAA,IAElC;AAAA,IACA,eAAeA,GAAyD;AACpE,MAAAD,EAAM,SAASC,EAAM,KAAK;AAAA,IAC9B;AAAA,EAAA;AAER;"}

package/autocomplete/core/event.d.ts

@@ -0,0 +1,8 @@
+import { AutocompleteProps } from '..';
+import * as AutoCompletePrimeReact from "primereact/autocomplete";
+/**
+ * Componente - `Autocomplete`
+ *
+ * Define as configuração de evento do componente
+ */
+export declare function autocompleteEvent(props: AutocompleteProps): Partial<AutoCompletePrimeReact.AutoCompleteProps>;

package/autocomplete/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),a=require("primereact/utils"),t=require("primereact/autocomplete");const i=({children:t,...i})=>{const l={size:`box-size-${i.size??"100"}`,direction:`box-direction-${i.direction??"row"}`,justify:void 0===i.justify?"":Array.isArray(i.justify)?i.justify?.join(" "):i.justify,align:void 0===i.align?"":Array.isArray(i.align)?i.align?.join(" "):i.align},s={className:a.classNames(["box",i.className??"",l.size,l.direction,l.justify,l.align]),style:i.css,id:i.id};return e.createElement("div",{...s},t)};i.displayName="Box";const l=({iconPrefix:a="bi bi-",...t})=>t.label&&e.createElement("p",{className:"form-label"},t.icon&&e.createElement("i",{className:a+t.icon+" me-1"}),t.label,t.required&&e.createElement("span",{className:"text-danger"},"*"));function s(e){const a=e.dataTemplate?{itemTemplate:e.dataTemplate}:{};return{id:e.id,field:"name",name:e.name,forceSelection:e.forceSelect??!0,style:e.css??{},disabled:e.disabled,required:e.required,placeholder:e.placeholder,inputClassName:"form-control",appendTo:e.appendTo??"self",className:"autocomplete-primereact w-100",...a}}function r(e){return{completeMethod(a){e.onSearch(a.query)},onChange(a){e.onChange(a.value)},onSelect(a){e.onSelect&&e.onSelect(a.value)}}}const c=({...a})=>e.createElement(i,{className:"autocomplete"+(a.className??""),css:a.css,size:a.size??"100"},e.createElement(l,{...a}),e.createElement(t.AutoComplete,{delay:a.searchDelay??500,maxLength:a.searchMax,minLength:a.searchMin??1,suggestions:a.data??[],value:a.value,...s(a),...r(a)}),e.createElement("div",{"data-name":a.name,id:"j_feedback"}));c.displayName="Autocomplete",exports.Autocomplete=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./autocomplete/index.cjs.js");exports.Autocomplete=e.Autocomplete;
 //# sourceMappingURL=index.cjs.js.map

package/autocomplete/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../src/box/box.tsx","../../src/api/input.tsx","../../src/autocomplete/core/core.tsx","../../src/autocomplete/core/event.tsx","../../src/autocomplete/autocomplete.tsx"],"sourcesContent":["import { BoxProps } from \"./types\";\r\nimport React, { HTMLAttributes } from \"react\";\r\nimport { classNames } from \"primereact/utils\";\r\n\r\n/**\r\n * Componente - `Box`\r\n *\r\n * Um componente versátil que pode ser utilizado para criar seções ou caixas em uma página.\r\n * Permite personalizar o estilo e o conteúdo através de propriedades.\r\n *\r\n * Exemplo de uso:\r\n * ```tsx\r\n * <Box align=\"align-items-center\"\r\n *      justify=\"justify-content-end\"\r\n *      size=\"25\">\r\n *   ...conteúdo HTML\r\n * </Box>\r\n * ```\r\n */\r\nexport const Box = ({ children, ...props }: BoxProps) => {\r\n    const css = {\r\n        size: `box-size-${(props.size ?? \"100\")}`,\r\n        direction: `box-direction-${props.direction ?? \"row\"}`,\r\n        justify: props.justify === undefined ? \"\" : Array.isArray(props.justify) ? props.justify?.join(\" \") : props.justify,\r\n        align: props.align === undefined ? \"\" : Array.isArray(props.align) ? props.align?.join(\" \") : props.align\r\n    };\r\n\r\n    const attr: HTMLAttributes<\"div\"> & Omit<BoxProps, \"children\"> = {\r\n        className: classNames([\r\n            \"box\",\r\n            props.className ?? \"\",\r\n            css.size,\r\n            css.direction,\r\n            css.justify,\r\n            css.align\r\n        ]),\r\n        style: props.css,\r\n        id: props.id\r\n    };\r\n\r\n    return (\r\n        <div {...attr as any}>{children}</div>\r\n    );\r\n};\r\n\r\nBox.displayName = \"Box\";","import React from \"react\";\r\nimport { ApiComponentProps, ApiFieldComponentProps } from \"./types\";\r\n\r\n/**\r\n * API - `InputLabel`\r\n *\r\n * Um componente utilizado como label em todos os componente de entrada de dados do pacote.\r\n * Permite personalizar o estilo e o conteúdo através de propriedades.\r\n */\r\nexport const InputLabel = ({ iconPrefix = \"bi bi-\", ...props }: ApiFieldComponentProps) => {\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return props.label\r\n        && <p className='form-label'>\r\n            {props.icon && <i className={iconPrefix + props.icon + \" me-1\"}/>}\r\n            {props.label}\r\n            {props.required && <span className=\"text-danger\">*</span>}\r\n        </p>;\r\n};\r\n\r\n/**\r\n * API - `InputFeedback`\r\n *\r\n * Um componente utilizado como container de feedback em todos os componente de entrada de dados do pacote.\r\n * Permite personalizar o estilo e o conteúdo através de propriedades.\r\n */\r\nexport const InputFeedback = ({ errors, name, ...props }: ApiFieldComponentProps & { errors?: any }) => {\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return !props.mode || props.mode === \"Controlled\"\r\n        ? <div data-name={name}\r\n               id=\"j_feedback\"/>\r\n        : <div className={(!errors[name ?? \"\"] ? \"\" : \"invalid-feedback is-invalid\")}\r\n               data-name={name ?? \"\"}\r\n               id=\"j_feedback\"\r\n               style={{ display: errors[name ?? \"\"] ? \"block\" : \"none\" }}>{!errors[name ?? \"\"] ? \"\" : errors[name ?? \"\"].message}</div>;\r\n};\r\n\r\n/**\r\n * API - `InputProps`\r\n *\r\n * Retorna o objeto com as `Props` do core dos componentes de entrada de dados\r\n */\r\nexport function InputProps<T extends ApiComponentProps & ApiFieldComponentProps & { ref: any }>(props: T) {\r\n    return {\r\n        ref: props.ref,\r\n\r\n        id: props.id,\r\n        name: props.name,\r\n        required: props.required,\r\n        disabled: props.disabled,\r\n        placeholder: props.placeholder,\r\n\r\n        className: props.className,\r\n        style: { width: \"100%\" },\r\n\r\n        keyfilter: props.keyfilter,\r\n    };\r\n}","import { AutocompleteProps } from \"../types\";\r\nimport { AutoCompleteProps as AutoCompletePropsPrimeReact } from \"primereact/autocomplete\";\r\n\r\n/**\r\n * Componente - `Autocomplete`\r\n *\r\n * Define as configurações do modo principal do autocomplete.\r\n */\r\nexport function autocompleCore(\r\n    props: AutocompleteProps\r\n): Partial<AutoCompletePropsPrimeReact> {\r\n\r\n    const itemTemplate: Partial<AutoCompletePropsPrimeReact> = props.dataTemplate\r\n        ? { itemTemplate: props.dataTemplate }\r\n        : {};\r\n    return {\r\n        id: props.id,\r\n        field: \"name\",\r\n        name: props.name,\r\n        forceSelection: props.forceSelect ?? true,\r\n        style: props.css ?? {},\r\n        disabled: props.disabled,\r\n        required: props.required,\r\n        placeholder: props.placeholder,\r\n        inputClassName: \"form-control\",\r\n        appendTo: props.appendTo ?? \"self\",\r\n        className: \"autocomplete-primereact w-100\",\r\n        ...itemTemplate\r\n    };\r\n}","import { AutocompleteProps } from \"../types\";\r\nimport {\r\n    AutoCompleteChangeEvent,\r\n    AutoCompleteCompleteEvent,\r\n    AutoCompleteProps as AutoCompletePropsPrimeReact, AutoCompleteSelectEvent\r\n} from \"primereact/autocomplete\";\r\n\r\n/**\r\n * Componente - `Autocomplete`\r\n *\r\n * Define as configuração de evento do componente\r\n */\r\nexport function autocompleteEvent(props: AutocompleteProps): Partial<AutoCompletePropsPrimeReact> {\r\n    return {\r\n        completeMethod(event: AutoCompleteCompleteEvent) {\r\n            props.onSearch(event.query);\r\n        },\r\n        onChange(event: AutoCompleteChangeEvent) {\r\n            props.onChange(event.value);\r\n        },\r\n        onSelect(event: AutoCompleteSelectEvent) {\r\n            if (props.onSelect) {\r\n                props.onSelect(event.value);\r\n            }\r\n        }\r\n    };\r\n}","import React from \"react\";\r\nimport { Box } from \"../box\";\r\nimport { InputLabel } from \"../api\";\r\nimport { AutocompleteProps } from \"./types\";\r\nimport { autocompleCore } from \"./core/core\";\r\nimport { autocompleteEvent } from \"./core/event\";\r\nimport { AutoComplete as AutoCompletePrimeReact } from \"primereact/autocomplete\";\r\n\r\n/**\r\n * Componente - `Autocomplete`\r\n *\r\n * AutoComplete é um componente de entrada que fornece sugestões em tempo real enquanto é digitado\r\n */\r\nexport const Autocomplete = ({ ...props }: AutocompleteProps) => {\r\n    return (\r\n        <Box className={\"autocomplete\" + (props.className ?? \"\")}\r\n             css={props.css}\r\n             size={props.size ?? \"100\"}>\r\n            <InputLabel {...props}/>\r\n            <AutoCompletePrimeReact delay={props.searchDelay ?? 500}\r\n                                    maxLength={props.searchMax}\r\n                                    minLength={props.searchMin ?? 1}\r\n                                    suggestions={props.data ?? []}\r\n                                    value={props.value}\r\n                                    {...autocompleCore(props)}\r\n                                    {...autocompleteEvent(props)}/>\r\n            <div data-name={props.name}\r\n                 id=\"j_feedback\"/>\r\n        </Box>\r\n    );\r\n};\r\n\r\nAutocomplete.displayName = \"Autocomplete\";"],"names":["Box","children","props","css","size","direction","justify","undefined","Array","isArray","join","align","attr","className","classNames","style","id","React","createElement","displayName","InputLabel","iconPrefix","label","icon","required","autocompleCore","itemTemplate","dataTemplate","field","name","forceSelection","forceSelect","disabled","placeholder","inputClassName","appendTo","autocompleteEvent","completeMethod","event","onSearch","query","onChange","value","onSelect","Autocomplete","AutoCompletePrimeReact","delay","searchDelay","maxLength","searchMax","minLength","searchMin","suggestions","data"],"mappings":"uGAmBO,MAAMA,EAAM,EAAGC,cAAaC,MAC/B,MAAMC,EAAM,CACRC,KAAM,YAAaF,EAAME,MAAQ,QACjCC,UAAW,iBAAiBH,EAAMG,WAAa,QAC/CC,aAA2BC,IAAlBL,EAAMI,QAAwB,GAAKE,MAAMC,QAAQP,EAAMI,SAAWJ,EAAMI,SAASI,KAAK,KAAOR,EAAMI,QAC5GK,WAAuBJ,IAAhBL,EAAMS,MAAsB,GAAKH,MAAMC,QAAQP,EAAMS,OAAST,EAAMS,OAAOD,KAAK,KAAOR,EAAMS,OAGlGC,EAA2D,CAC7DC,UAAWC,EAAAA,WAAW,CAClB,MACAZ,EAAMW,WAAa,GACnBV,EAAIC,KACJD,EAAIE,UACJF,EAAIG,QACJH,EAAIQ,QAERI,MAAOb,EAAMC,IACba,GAAId,EAAMc,IAGd,OACIC,EAAAC,cAAA,MAAA,IAASN,GAAcX,IAI/BD,EAAImB,YAAc,MCpCX,MAAMC,EAAa,EAAGC,aAAa,YAAanB,KAM5CA,EAAMoB,OACNL,EAAAC,cAAA,IAAA,CAAGL,UAAU,cACXX,EAAMqB,MAAQN,EAAAC,cAAA,IAAA,CAAGL,UAAWQ,EAAanB,EAAMqB,KAAO,UACtDrB,EAAMoB,MACNpB,EAAMsB,UAAYP,EAAAC,cAAA,OAAA,CAAML,UAAU,eAAa,MCXtD,SAAUY,EACZvB,GAGA,MAAMwB,EAAqDxB,EAAMyB,aAC3D,CAAED,aAAcxB,EAAMyB,cACtB,CAAA,EACN,MAAO,CACHX,GAAId,EAAMc,GACVY,MAAO,OACPC,KAAM3B,EAAM2B,KACZC,eAAgB5B,EAAM6B,cAAe,EACrChB,MAAOb,EAAMC,KAAO,CAAA,EACpB6B,SAAU9B,EAAM8B,SAChBR,SAAUtB,EAAMsB,SAChBS,YAAa/B,EAAM+B,YACnBC,eAAgB,eAChBC,SAAUjC,EAAMiC,UAAY,OAC5BtB,UAAW,mCACRa,EAEX,CCjBM,SAAUU,EAAkBlC,GAC9B,MAAO,CACH,cAAAmC,CAAeC,GACXpC,EAAMqC,SAASD,EAAME,MACzB,EACA,QAAAC,CAASH,GACLpC,EAAMuC,SAASH,EAAMI,MACzB,EACA,QAAAC,CAASL,GACDpC,EAAMyC,UACNzC,EAAMyC,SAASL,EAAMI,MAE7B,EAER,CCbO,MAAME,EAAe,KAAM1C,KAE1Be,EAAAC,cAAClB,EAAG,CAACa,UAAW,gBAAkBX,EAAMW,WAAa,IAChDV,IAAKD,EAAMC,IACXC,KAAMF,EAAME,MAAQ,OACrBa,EAAAC,cAACE,EAAU,IAAKlB,IAChBe,EAAAC,cAAC2B,EAAAA,cAAuBC,MAAO5C,EAAM6C,aAAe,IAC5BC,UAAW9C,EAAM+C,UACjBC,UAAWhD,EAAMiD,WAAa,EAC9BC,YAAalD,EAAMmD,MAAQ,GAC3BX,MAAOxC,EAAMwC,SACTjB,EAAevB,MACfkC,EAAkBlC,KAC9Ce,EAAAC,cAAA,MAAA,CAAA,YAAgBhB,EAAM2B,KACjBb,GAAG,gBAKpB4B,EAAazB,YAAc"}
+{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/autocomplete/index.d.ts

@@ -1,179 +1,2 @@
-import React, { CSSProperties } from 'react';
-import { KeyFilterType } from 'primereact/keyfilter';
-
-/**
- * Define as tipagens `default` de todos os componentes do pacote
- */
-interface ApiComponentProps {
-
-    /**
-     * Propriedade para identificar o id do elemento
-     */
-    id?: string
-
-    /**
-     * Adiciona no atributo `class` do componente o valor atribuido nessa propriedade
-     */
-    className?: string
-
-    /**
-     * Define o tamanho da box do componente de acordo com o valores abaixo
-     */
-    size?: "5" | "10" | "12-5" | "15" | "17-5" | "20" | "22-5" | "25" | "30" | "33" | "35" | "40" | "45" | "50" | "55" | "60" | "65" | "70" | "75" | "80" | "85" | "90" | "95" | "100"
-
-    /**
-     * Define as propriedades css do component `style`
-     */
-    css?: CSSProperties
-}
-
-/**
- * Define o modo do componente de entrada de dados
- */
-type ApiFieldModeProps = "Controlled" | "HookForm";
-
-/**
- * Define os tipos `default` para componente de entrada de dados
- */
-interface ApiFieldComponentProps {
-
-    /**
-     * Define o id do campo
-     */
-    id?: string
-
-    /**
-     * Define o nome do campo
-     */
-    name?: string
-
-    /**
-     * Define o rótulo do campo
-     */
-    label?: string
-
-    /**
-     * Define o espaço reservador do campo
-     */
-    placeholder?: string
-
-    /**
-     * Define o icone do campo
-     */
-    icon?: string
-
-    /**
-     * Define o prefixo dos icones do pacote
-     */
-    iconPrefix?: "bi bi-" | "pi pi-"
-
-    /**
-     * Define se campo é obrigatório
-     */
-    required?: boolean
-
-    /**
-     * Desabilita a entrada de dados no campo
-     */
-    disabled?: boolean
-
-    /**
-     * Define o modo do componente de entrada de dados
-     */
-    mode?: ApiFieldModeProps
-
-    /**
-     * Define a opção de filtro de dados do componente
-     */
-    keyfilter?: KeyFilterType;
-
-    /**
-     * Determina se campo é apenas de leitura
-     */
-    readonly?: boolean
-}
-
-interface AutocompleteDataProps {
-    /**
-     * Define o identificador do objeto
-     */
-    code: any;
-
-    /**
-     * Define o label do objeto
-     */
-    name: string;
-}
-
-interface AutocompleteProps extends ApiComponentProps, ApiFieldComponentProps {
-
-    /**
-     * Valor padrão
-     */
-    value: any;
-
-    /**
-     * Dados a ser sugerido
-     */
-    data: AutocompleteDataProps[]
-
-    /**
-     * Define o template para cada item do autocomplete
-     */
-    dataTemplate?: (value: AutocompleteDataProps) => React.ReactNode;
-
-    /**
-     * A propriedade `appendTo` determina onde a instância do painel de sobreposição deve ser montado.
-     */
-    appendTo?: "self" | HTMLElement;
-
-    /**
-     * Determina se é obrigatório a seleção do elemento
-     */
-    forceSelect?: boolean
-
-    /**
-     * Define o tempo para realizar a pesquisa da sugestão de dados.
-     */
-    searchDelay?: number
-
-    /**
-     * Define a quantidade minima de caracter para realizar a pesquisa da sugestão de dados.
-     */
-    searchMin?: number
-
-    /**
-     * Define a quantidade máxima de caracter para realizar a pesquisa da sugestão de dados.
-     */
-    searchMax?: number
-
-    /**
-     * Retorno de chamada a ser invocado quando o valor de preenchimento automático for alterado.
-     */
-    onChange(value: any): void;
-
-    /**
-     * Retorno de chamada para invocar a busca por sugestões.
-     */
-    onSearch(query: string): void;
-
-    /**
-     * Executa após a seleção do objeto do autocomplete.
-     */
-    onSelect?: (value: any) => void;
-}
-
-/**
- * Componente - `Autocomplete`
- *
- * AutoComplete é um componente de entrada que fornece sugestões em tempo real enquanto é digitado
- */
-declare const Autocomplete: {
-    ({ ...props }: AutocompleteProps): React.JSX.Element;
-    displayName: string;
-};
-
-type IAutocompleteDataProps = AutocompleteDataProps;
-
-export { Autocomplete };
-export type { IAutocompleteDataProps };
+export * from './autocomplete';
+export * from './@types/index';

package/autocomplete/index.esm.js

@@ -1,2 +1,5 @@
-import e from"react";import{classNames as a}from"primereact/utils";import{AutoComplete as t}from"primereact/autocomplete";const i=({children:t,...i})=>{const l={size:`box-size-${i.size??"100"}`,direction:`box-direction-${i.direction??"row"}`,justify:void 0===i.justify?"":Array.isArray(i.justify)?i.justify?.join(" "):i.justify,align:void 0===i.align?"":Array.isArray(i.align)?i.align?.join(" "):i.align},r={className:a(["box",i.className??"",l.size,l.direction,l.justify,l.align]),style:i.css,id:i.id};return e.createElement("div",{...r},t)};i.displayName="Box";const l=({iconPrefix:a="bi bi-",...t})=>t.label&&e.createElement("p",{className:"form-label"},t.icon&&e.createElement("i",{className:a+t.icon+" me-1"}),t.label,t.required&&e.createElement("span",{className:"text-danger"},"*"));function r(e){const a=e.dataTemplate?{itemTemplate:e.dataTemplate}:{};return{id:e.id,field:"name",name:e.name,forceSelection:e.forceSelect??!0,style:e.css??{},disabled:e.disabled,required:e.required,placeholder:e.placeholder,inputClassName:"form-control",appendTo:e.appendTo??"self",className:"autocomplete-primereact w-100",...a}}function n(e){return{completeMethod(a){e.onSearch(a.query)},onChange(a){e.onChange(a.value)},onSelect(a){e.onSelect&&e.onSelect(a.value)}}}const s=({...a})=>e.createElement(i,{className:"autocomplete"+(a.className??""),css:a.css,size:a.size??"100"},e.createElement(l,{...a}),e.createElement(t,{delay:a.searchDelay??500,maxLength:a.searchMax,minLength:a.searchMin??1,suggestions:a.data??[],value:a.value,...r(a),...n(a)}),e.createElement("div",{"data-name":a.name,id:"j_feedback"}));s.displayName="Autocomplete";export{s as Autocomplete};
+import { Autocomplete as t } from "./autocomplete/index.esm.js";
+export {
+  t as Autocomplete
+};
 //# sourceMappingURL=index.esm.js.map

package/autocomplete/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../src/box/box.tsx","../../src/api/input.tsx","../../src/autocomplete/core/core.tsx","../../src/autocomplete/core/event.tsx","../../src/autocomplete/autocomplete.tsx"],"sourcesContent":["import { BoxProps } from \"./types\";\r\nimport React, { HTMLAttributes } from \"react\";\r\nimport { classNames } from \"primereact/utils\";\r\n\r\n/**\r\n * Componente - `Box`\r\n *\r\n * Um componente versátil que pode ser utilizado para criar seções ou caixas em uma página.\r\n * Permite personalizar o estilo e o conteúdo através de propriedades.\r\n *\r\n * Exemplo de uso:\r\n * ```tsx\r\n * <Box align=\"align-items-center\"\r\n *      justify=\"justify-content-end\"\r\n *      size=\"25\">\r\n *   ...conteúdo HTML\r\n * </Box>\r\n * ```\r\n */\r\nexport const Box = ({ children, ...props }: BoxProps) => {\r\n    const css = {\r\n        size: `box-size-${(props.size ?? \"100\")}`,\r\n        direction: `box-direction-${props.direction ?? \"row\"}`,\r\n        justify: props.justify === undefined ? \"\" : Array.isArray(props.justify) ? props.justify?.join(\" \") : props.justify,\r\n        align: props.align === undefined ? \"\" : Array.isArray(props.align) ? props.align?.join(\" \") : props.align\r\n    };\r\n\r\n    const attr: HTMLAttributes<\"div\"> & Omit<BoxProps, \"children\"> = {\r\n        className: classNames([\r\n            \"box\",\r\n            props.className ?? \"\",\r\n            css.size,\r\n            css.direction,\r\n            css.justify,\r\n            css.align\r\n        ]),\r\n        style: props.css,\r\n        id: props.id\r\n    };\r\n\r\n    return (\r\n        <div {...attr as any}>{children}</div>\r\n    );\r\n};\r\n\r\nBox.displayName = \"Box\";","import React from \"react\";\r\nimport { ApiComponentProps, ApiFieldComponentProps } from \"./types\";\r\n\r\n/**\r\n * API - `InputLabel`\r\n *\r\n * Um componente utilizado como label em todos os componente de entrada de dados do pacote.\r\n * Permite personalizar o estilo e o conteúdo através de propriedades.\r\n */\r\nexport const InputLabel = ({ iconPrefix = \"bi bi-\", ...props }: ApiFieldComponentProps) => {\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return props.label\r\n        && <p className='form-label'>\r\n            {props.icon && <i className={iconPrefix + props.icon + \" me-1\"}/>}\r\n            {props.label}\r\n            {props.required && <span className=\"text-danger\">*</span>}\r\n        </p>;\r\n};\r\n\r\n/**\r\n * API - `InputFeedback`\r\n *\r\n * Um componente utilizado como container de feedback em todos os componente de entrada de dados do pacote.\r\n * Permite personalizar o estilo e o conteúdo através de propriedades.\r\n */\r\nexport const InputFeedback = ({ errors, name, ...props }: ApiFieldComponentProps & { errors?: any }) => {\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return !props.mode || props.mode === \"Controlled\"\r\n        ? <div data-name={name}\r\n               id=\"j_feedback\"/>\r\n        : <div className={(!errors[name ?? \"\"] ? \"\" : \"invalid-feedback is-invalid\")}\r\n               data-name={name ?? \"\"}\r\n               id=\"j_feedback\"\r\n               style={{ display: errors[name ?? \"\"] ? \"block\" : \"none\" }}>{!errors[name ?? \"\"] ? \"\" : errors[name ?? \"\"].message}</div>;\r\n};\r\n\r\n/**\r\n * API - `InputProps`\r\n *\r\n * Retorna o objeto com as `Props` do core dos componentes de entrada de dados\r\n */\r\nexport function InputProps<T extends ApiComponentProps & ApiFieldComponentProps & { ref: any }>(props: T) {\r\n    return {\r\n        ref: props.ref,\r\n\r\n        id: props.id,\r\n        name: props.name,\r\n        required: props.required,\r\n        disabled: props.disabled,\r\n        placeholder: props.placeholder,\r\n\r\n        className: props.className,\r\n        style: { width: \"100%\" },\r\n\r\n        keyfilter: props.keyfilter,\r\n    };\r\n}","import { AutocompleteProps } from \"../types\";\r\nimport { AutoCompleteProps as AutoCompletePropsPrimeReact } from \"primereact/autocomplete\";\r\n\r\n/**\r\n * Componente - `Autocomplete`\r\n *\r\n * Define as configurações do modo principal do autocomplete.\r\n */\r\nexport function autocompleCore(\r\n    props: AutocompleteProps\r\n): Partial<AutoCompletePropsPrimeReact> {\r\n\r\n    const itemTemplate: Partial<AutoCompletePropsPrimeReact> = props.dataTemplate\r\n        ? { itemTemplate: props.dataTemplate }\r\n        : {};\r\n    return {\r\n        id: props.id,\r\n        field: \"name\",\r\n        name: props.name,\r\n        forceSelection: props.forceSelect ?? true,\r\n        style: props.css ?? {},\r\n        disabled: props.disabled,\r\n        required: props.required,\r\n        placeholder: props.placeholder,\r\n        inputClassName: \"form-control\",\r\n        appendTo: props.appendTo ?? \"self\",\r\n        className: \"autocomplete-primereact w-100\",\r\n        ...itemTemplate\r\n    };\r\n}","import { AutocompleteProps } from \"../types\";\r\nimport {\r\n    AutoCompleteChangeEvent,\r\n    AutoCompleteCompleteEvent,\r\n    AutoCompleteProps as AutoCompletePropsPrimeReact, AutoCompleteSelectEvent\r\n} from \"primereact/autocomplete\";\r\n\r\n/**\r\n * Componente - `Autocomplete`\r\n *\r\n * Define as configuração de evento do componente\r\n */\r\nexport function autocompleteEvent(props: AutocompleteProps): Partial<AutoCompletePropsPrimeReact> {\r\n    return {\r\n        completeMethod(event: AutoCompleteCompleteEvent) {\r\n            props.onSearch(event.query);\r\n        },\r\n        onChange(event: AutoCompleteChangeEvent) {\r\n            props.onChange(event.value);\r\n        },\r\n        onSelect(event: AutoCompleteSelectEvent) {\r\n            if (props.onSelect) {\r\n                props.onSelect(event.value);\r\n            }\r\n        }\r\n    };\r\n}","import React from \"react\";\r\nimport { Box } from \"../box\";\r\nimport { InputLabel } from \"../api\";\r\nimport { AutocompleteProps } from \"./types\";\r\nimport { autocompleCore } from \"./core/core\";\r\nimport { autocompleteEvent } from \"./core/event\";\r\nimport { AutoComplete as AutoCompletePrimeReact } from \"primereact/autocomplete\";\r\n\r\n/**\r\n * Componente - `Autocomplete`\r\n *\r\n * AutoComplete é um componente de entrada que fornece sugestões em tempo real enquanto é digitado\r\n */\r\nexport const Autocomplete = ({ ...props }: AutocompleteProps) => {\r\n    return (\r\n        <Box className={\"autocomplete\" + (props.className ?? \"\")}\r\n             css={props.css}\r\n             size={props.size ?? \"100\"}>\r\n            <InputLabel {...props}/>\r\n            <AutoCompletePrimeReact delay={props.searchDelay ?? 500}\r\n                                    maxLength={props.searchMax}\r\n                                    minLength={props.searchMin ?? 1}\r\n                                    suggestions={props.data ?? []}\r\n                                    value={props.value}\r\n                                    {...autocompleCore(props)}\r\n                                    {...autocompleteEvent(props)}/>\r\n            <div data-name={props.name}\r\n                 id=\"j_feedback\"/>\r\n        </Box>\r\n    );\r\n};\r\n\r\nAutocomplete.displayName = \"Autocomplete\";"],"names":["Box","children","props","css","size","direction","justify","undefined","Array","isArray","join","align","attr","className","classNames","style","id","React","createElement","displayName","InputLabel","iconPrefix","label","icon","required","autocompleCore","itemTemplate","dataTemplate","field","name","forceSelection","forceSelect","disabled","placeholder","inputClassName","appendTo","autocompleteEvent","completeMethod","event","onSearch","query","onChange","value","onSelect","Autocomplete","AutoCompletePrimeReact","delay","searchDelay","maxLength","searchMax","minLength","searchMin","suggestions","data"],"mappings":"0HAmBO,MAAMA,EAAM,EAAGC,cAAaC,MAC/B,MAAMC,EAAM,CACRC,KAAM,YAAaF,EAAME,MAAQ,QACjCC,UAAW,iBAAiBH,EAAMG,WAAa,QAC/CC,aAA2BC,IAAlBL,EAAMI,QAAwB,GAAKE,MAAMC,QAAQP,EAAMI,SAAWJ,EAAMI,SAASI,KAAK,KAAOR,EAAMI,QAC5GK,WAAuBJ,IAAhBL,EAAMS,MAAsB,GAAKH,MAAMC,QAAQP,EAAMS,OAAST,EAAMS,OAAOD,KAAK,KAAOR,EAAMS,OAGlGC,EAA2D,CAC7DC,UAAWC,EAAW,CAClB,MACAZ,EAAMW,WAAa,GACnBV,EAAIC,KACJD,EAAIE,UACJF,EAAIG,QACJH,EAAIQ,QAERI,MAAOb,EAAMC,IACba,GAAId,EAAMc,IAGd,OACIC,EAAAC,cAAA,MAAA,IAASN,GAAcX,IAI/BD,EAAImB,YAAc,MCpCX,MAAMC,EAAa,EAAGC,aAAa,YAAanB,KAM5CA,EAAMoB,OACNL,EAAAC,cAAA,IAAA,CAAGL,UAAU,cACXX,EAAMqB,MAAQN,EAAAC,cAAA,IAAA,CAAGL,UAAWQ,EAAanB,EAAMqB,KAAO,UACtDrB,EAAMoB,MACNpB,EAAMsB,UAAYP,EAAAC,cAAA,OAAA,CAAML,UAAU,eAAa,MCXtD,SAAUY,EACZvB,GAGA,MAAMwB,EAAqDxB,EAAMyB,aAC3D,CAAED,aAAcxB,EAAMyB,cACtB,CAAA,EACN,MAAO,CACHX,GAAId,EAAMc,GACVY,MAAO,OACPC,KAAM3B,EAAM2B,KACZC,eAAgB5B,EAAM6B,cAAe,EACrChB,MAAOb,EAAMC,KAAO,CAAA,EACpB6B,SAAU9B,EAAM8B,SAChBR,SAAUtB,EAAMsB,SAChBS,YAAa/B,EAAM+B,YACnBC,eAAgB,eAChBC,SAAUjC,EAAMiC,UAAY,OAC5BtB,UAAW,mCACRa,EAEX,CCjBM,SAAUU,EAAkBlC,GAC9B,MAAO,CACH,cAAAmC,CAAeC,GACXpC,EAAMqC,SAASD,EAAME,MACzB,EACA,QAAAC,CAASH,GACLpC,EAAMuC,SAASH,EAAMI,MACzB,EACA,QAAAC,CAASL,GACDpC,EAAMyC,UACNzC,EAAMyC,SAASL,EAAMI,MAE7B,EAER,CCbO,MAAME,EAAe,KAAM1C,KAE1Be,EAAAC,cAAClB,EAAG,CAACa,UAAW,gBAAkBX,EAAMW,WAAa,IAChDV,IAAKD,EAAMC,IACXC,KAAMF,EAAME,MAAQ,OACrBa,EAAAC,cAACE,EAAU,IAAKlB,IAChBe,EAAAC,cAAC2B,GAAuBC,MAAO5C,EAAM6C,aAAe,IAC5BC,UAAW9C,EAAM+C,UACjBC,UAAWhD,EAAMiD,WAAa,EAC9BC,YAAalD,EAAMmD,MAAQ,GAC3BX,MAAOxC,EAAMwC,SACTjB,EAAevB,MACfkC,EAAkBlC,KAC9Ce,EAAAC,cAAA,MAAA,CAAA,YAAgBhB,EAAM2B,KACjBb,GAAG,gBAKpB4B,EAAazB,YAAc"}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,29 @@
+import { default as React } from 'react';
+import { AlignItemsProps, ApiComponentProps, JustifyContentProps } from '../../api';
+export interface BoxProps extends ApiComponentProps {
+
+    /**
+     * A propriedade `direction` determina o valor do estilo CSS `flex-direction`,
+     * definindo a direção em que os itens flexíveis são dispostos dentro de um contêiner flexível.
+     */
+    direction?: "row" | "column"
+
+    /**
+     * A propriedade `align` determina o alinhamento do conteúdo base na propriedade `direction`.
+     * Essa propriedade ajusta os estilos CSS `align-items`, permitindo um controle preciso do layout.
+     */
+    align?: AlignItemsProps | AlignItemsProps[]
+
+    /**
+     * A propriedade `justify` determina o alinhamento do conteúdo base na propriedade `direction`.
+     * Essa propriedade ajusta os estilos CSS `justify-content`, permitindo um controle preciso do layout.
+     */
+    justify?: JustifyContentProps | JustifyContentProps[]
+
+    /**
+     *  A propriedade `children` representa o conteúdo ou elementos filho que serão
+     *  renderizados dentro deste componente. Pode incluir texto, elementos React,
+     *  ou até mesmo outros componentes.
+     */
+    children: React.ReactNode
+}

package/box/_box.scss

@@ -1,56 +1,56 @@
-$box-sizes: (
-        '5': 5%,
-        '10': 10%,
-        '12-5':12.5%,
-        '15': 15%,
-        '17-5':17.5%,
-        '20': 20%,
-        '22-5':25.5%,
-        '25': 25%,
-        '30': 30%,
-        '33': 33%,
-        '35': 35%,
-        '40': 40%,
-        '45': 45%,
-        '50': 50%,
-        '55': 55%,
-        '60': 60%,
-        '65': 65%,
-        '70': 70%,
-        '75': 75%,
-        '80': 80%,
-        '85': 85%,
-        '90': 90%,
-        '95': 95%,
-        '100': 100%
-) !default;
-
-$box-space-margin: .5rem !default;
-$box-space-padding: .5rem !default;
-
-.box {
-  display: flex;
-  flex-wrap: wrap;
-  position: relative;
-
-  @each $key, $value in $box-sizes {
-    &.box-size-#{$key} {
-      width: calc(var(--box-size-#{$key}, #{$value}) - #{$box-space-margin});
-      margin: calc(#{$box-space-margin} / 2) calc(#{$box-space-margin} / 2);
-      padding: #{$box-space-padding};
-
-      @media (max-width: 576px) {
-        width: calc(100% - #{$box-space-margin});
-      }
-    }
-  }
-
-  &.box-direction-row {
-    flex-direction: row;
-  }
-
-  &.box-direction-column {
-    flex-direction: column;
-  }
-}
-
+$box-sizes: (
+        '5': 5%,
+        '10': 10%,
+        '12-5':12.5%,
+        '15': 15%,
+        '17-5':17.5%,
+        '20': 20%,
+        '22-5':25.5%,
+        '25': 25%,
+        '30': 30%,
+        '33': 33%,
+        '35': 35%,
+        '40': 40%,
+        '45': 45%,
+        '50': 50%,
+        '55': 55%,
+        '60': 60%,
+        '65': 65%,
+        '70': 70%,
+        '75': 75%,
+        '80': 80%,
+        '85': 85%,
+        '90': 90%,
+        '95': 95%,
+        '100': 100%
+) !default;
+
+$box-space-margin: .5rem !default;
+$box-space-padding: .5rem !default;
+
+.box {
+  display: flex;
+  flex-wrap: wrap;
+  position: relative;
+
+  @each $key, $value in $box-sizes {
+    &.box-size-#{$key} {
+      width: calc(var(--box-size-#{$key}, #{$value}) - #{$box-space-margin});
+      margin: calc(#{$box-space-margin} / 2) calc(#{$box-space-margin} / 2);
+      padding: #{$box-space-padding};
+
+      @media (max-width: 576px) {
+        width: calc(100% - #{$box-space-margin});
+      }
+    }
+  }
+
+  &.box-direction-row {
+    flex-direction: row;
+  }
+
+  &.box-direction-column {
+    flex-direction: column;
+  }
+}
+

package/box/box/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),c=require("primereact/utils"),e=({children:s,...i})=>{const t={size:`box-size-${i.size??"100"}`,direction:`box-direction-${i.direction??"row"}`,justify:i.justify===void 0?"":Array.isArray(i.justify)?i.justify?.join(" "):i.justify,align:i.align===void 0?"":Array.isArray(i.align)?i.align?.join(" "):i.align},a={className:c.classNames(["box",i.className??"",t.size,t.direction,t.justify,t.align]),style:i.css,id:i.id};return n.jsx("div",{...a,children:s})};e.displayName="Box";exports.Box=e;
+//# sourceMappingURL=index.cjs.js.map

package/box/box/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../src/box/box.tsx"],"sourcesContent":["import { BoxProps } from \".\";\nimport React, { HTMLAttributes } from \"react\";\nimport { classNames } from \"primereact/utils\";\n\n/**\n * Componente - `Box`\n *\n * Um componente versátil que pode ser utilizado para criar seções ou caixas em uma página.\n * Permite personalizar o estilo e o conteúdo através de propriedades.\n */\nexport const Box = ({ children, ...props }: BoxProps) => {\n    const css = {\n        size: `box-size-${(props.size ?? \"100\")}`,\n        direction: `box-direction-${props.direction ?? \"row\"}`,\n        justify: props.justify === undefined ? \"\" : Array.isArray(props.justify) ? props.justify?.join(\" \") : props.justify,\n        align: props.align === undefined ? \"\" : Array.isArray(props.align) ? props.align?.join(\" \") : props.align\n    };\n\n    const attr: HTMLAttributes<\"div\"> & Omit<BoxProps, \"children\"> = {\n        className: classNames([\n            \"box\",\n            props.className ?? \"\",\n            css.size,\n            css.direction,\n            css.justify,\n            css.align\n        ]),\n        style: props.css,\n        id: props.id\n    };\n\n    return (\n        <div {...attr as any}>{children}</div>\n    );\n};\n\nBox.displayName = \"Box\";"],"names":["Box","children","props","css","attr","classNames","jsx"],"mappings":"mJAUaA,EAAM,CAAC,CAAE,SAAAC,EAAU,GAAGC,KAAsB,CACrD,MAAMC,EAAM,CACR,KAAM,YAAaD,EAAM,MAAQ,KAAM,GACvC,UAAW,iBAAiBA,EAAM,WAAa,KAAK,GACpD,QAASA,EAAM,UAAY,OAAY,GAAK,MAAM,QAAQA,EAAM,OAAO,EAAIA,EAAM,SAAS,KAAK,GAAG,EAAIA,EAAM,QAC5G,MAAOA,EAAM,QAAU,OAAY,GAAK,MAAM,QAAQA,EAAM,KAAK,EAAIA,EAAM,OAAO,KAAK,GAAG,EAAIA,EAAM,KAAA,EAGlGE,EAA2D,CAC7D,UAAWC,EAAAA,WAAW,CAClB,MACAH,EAAM,WAAa,GACnBC,EAAI,KACJA,EAAI,UACJA,EAAI,QACJA,EAAI,KAAA,CACP,EACD,MAAOD,EAAM,IACb,GAAIA,EAAM,EAAA,EAGd,OACII,EAAAA,IAAC,MAAA,CAAK,GAAGF,EAAc,SAAAH,CAAA,CAAS,CAExC,EAEAD,EAAI,YAAc"}

package/box/box/index.esm.js

@@ -0,0 +1,27 @@
+import { jsx as n } from "react/jsx-runtime";
+import { classNames as e } from "primereact/utils";
+const c = ({ children: a, ...i }) => {
+  const t = {
+    size: `box-size-${i.size ?? "100"}`,
+    direction: `box-direction-${i.direction ?? "row"}`,
+    justify: i.justify === void 0 ? "" : Array.isArray(i.justify) ? i.justify?.join(" ") : i.justify,
+    align: i.align === void 0 ? "" : Array.isArray(i.align) ? i.align?.join(" ") : i.align
+  }, s = {
+    className: e([
+      "box",
+      i.className ?? "",
+      t.size,
+      t.direction,
+      t.justify,
+      t.align
+    ]),
+    style: i.css,
+    id: i.id
+  };
+  return /* @__PURE__ */ n("div", { ...s, children: a });
+};
+c.displayName = "Box";
+export {
+  c as Box
+};
+//# sourceMappingURL=index.esm.js.map

package/box/box/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../src/box/box.tsx"],"sourcesContent":["import { BoxProps } from \".\";\nimport React, { HTMLAttributes } from \"react\";\nimport { classNames } from \"primereact/utils\";\n\n/**\n * Componente - `Box`\n *\n * Um componente versátil que pode ser utilizado para criar seções ou caixas em uma página.\n * Permite personalizar o estilo e o conteúdo através de propriedades.\n */\nexport const Box = ({ children, ...props }: BoxProps) => {\n    const css = {\n        size: `box-size-${(props.size ?? \"100\")}`,\n        direction: `box-direction-${props.direction ?? \"row\"}`,\n        justify: props.justify === undefined ? \"\" : Array.isArray(props.justify) ? props.justify?.join(\" \") : props.justify,\n        align: props.align === undefined ? \"\" : Array.isArray(props.align) ? props.align?.join(\" \") : props.align\n    };\n\n    const attr: HTMLAttributes<\"div\"> & Omit<BoxProps, \"children\"> = {\n        className: classNames([\n            \"box\",\n            props.className ?? \"\",\n            css.size,\n            css.direction,\n            css.justify,\n            css.align\n        ]),\n        style: props.css,\n        id: props.id\n    };\n\n    return (\n        <div {...attr as any}>{children}</div>\n    );\n};\n\nBox.displayName = \"Box\";"],"names":["Box","children","props","css","attr","classNames","jsx"],"mappings":";;AAUO,MAAMA,IAAM,CAAC,EAAE,UAAAC,GAAU,GAAGC,QAAsB;AACrD,QAAMC,IAAM;AAAA,IACR,MAAM,YAAaD,EAAM,QAAQ,KAAM;AAAA,IACvC,WAAW,iBAAiBA,EAAM,aAAa,KAAK;AAAA,IACpD,SAASA,EAAM,YAAY,SAAY,KAAK,MAAM,QAAQA,EAAM,OAAO,IAAIA,EAAM,SAAS,KAAK,GAAG,IAAIA,EAAM;AAAA,IAC5G,OAAOA,EAAM,UAAU,SAAY,KAAK,MAAM,QAAQA,EAAM,KAAK,IAAIA,EAAM,OAAO,KAAK,GAAG,IAAIA,EAAM;AAAA,EAAA,GAGlGE,IAA2D;AAAA,IAC7D,WAAWC,EAAW;AAAA,MAClB;AAAA,MACAH,EAAM,aAAa;AAAA,MACnBC,EAAI;AAAA,MACJA,EAAI;AAAA,MACJA,EAAI;AAAA,MACJA,EAAI;AAAA,IAAA,CACP;AAAA,IACD,OAAOD,EAAM;AAAA,IACb,IAAIA,EAAM;AAAA,EAAA;AAGd,SACI,gBAAAI,EAAC,OAAA,EAAK,GAAGF,GAAc,UAAAH,EAAA,CAAS;AAExC;AAEAD,EAAI,cAAc;"}

package/box/box.d.ts

@@ -0,0 +1,12 @@
+import { BoxProps } from '.';
+import { default as React } from 'react';
+/**
+ * Componente - `Box`
+ *
+ * Um componente versátil que pode ser utilizado para criar seções ou caixas em uma página.
+ * Permite personalizar o estilo e o conteúdo através de propriedades.
+ */
+export declare const Box: {
+    ({ children, ...props }: BoxProps): React.JSX.Element;
+    displayName: string;
+};

package/box/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var i=require("react"),s=require("primereact/utils");const e=({children:e,...r})=>{const a={size:`box-size-${r.size??"100"}`,direction:`box-direction-${r.direction??"row"}`,justify:void 0===r.justify?"":Array.isArray(r.justify)?r.justify?.join(" "):r.justify,align:void 0===r.align?"":Array.isArray(r.align)?r.align?.join(" "):r.align},t={className:s.classNames(["box",r.className??"",a.size,a.direction,a.justify,a.align]),style:r.css,id:r.id};return i.createElement("div",{...t},e)};e.displayName="Box",exports.Box=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./box/index.cjs.js");exports.Box=e.Box;
 //# sourceMappingURL=index.cjs.js.map

package/box/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../src/box/box.tsx"],"sourcesContent":["import { BoxProps } from \"./types\";\r\nimport React, { HTMLAttributes } from \"react\";\r\nimport { classNames } from \"primereact/utils\";\r\n\r\n/**\r\n * Componente - `Box`\r\n *\r\n * Um componente versátil que pode ser utilizado para criar seções ou caixas em uma página.\r\n * Permite personalizar o estilo e o conteúdo através de propriedades.\r\n *\r\n * Exemplo de uso:\r\n * ```tsx\r\n * <Box align=\"align-items-center\"\r\n *      justify=\"justify-content-end\"\r\n *      size=\"25\">\r\n *   ...conteúdo HTML\r\n * </Box>\r\n * ```\r\n */\r\nexport const Box = ({ children, ...props }: BoxProps) => {\r\n    const css = {\r\n        size: `box-size-${(props.size ?? \"100\")}`,\r\n        direction: `box-direction-${props.direction ?? \"row\"}`,\r\n        justify: props.justify === undefined ? \"\" : Array.isArray(props.justify) ? props.justify?.join(\" \") : props.justify,\r\n        align: props.align === undefined ? \"\" : Array.isArray(props.align) ? props.align?.join(\" \") : props.align\r\n    };\r\n\r\n    const attr: HTMLAttributes<\"div\"> & Omit<BoxProps, \"children\"> = {\r\n        className: classNames([\r\n            \"box\",\r\n            props.className ?? \"\",\r\n            css.size,\r\n            css.direction,\r\n            css.justify,\r\n            css.align\r\n        ]),\r\n        style: props.css,\r\n        id: props.id\r\n    };\r\n\r\n    return (\r\n        <div {...attr as any}>{children}</div>\r\n    );\r\n};\r\n\r\nBox.displayName = \"Box\";"],"names":["Box","children","props","css","size","direction","justify","undefined","Array","isArray","join","align","attr","className","classNames","style","id","React","createElement","displayName"],"mappings":"kEAmBO,MAAMA,EAAM,EAAGC,cAAaC,MAC/B,MAAMC,EAAM,CACRC,KAAM,YAAaF,EAAME,MAAQ,QACjCC,UAAW,iBAAiBH,EAAMG,WAAa,QAC/CC,aAA2BC,IAAlBL,EAAMI,QAAwB,GAAKE,MAAMC,QAAQP,EAAMI,SAAWJ,EAAMI,SAASI,KAAK,KAAOR,EAAMI,QAC5GK,WAAuBJ,IAAhBL,EAAMS,MAAsB,GAAKH,MAAMC,QAAQP,EAAMS,OAAST,EAAMS,OAAOD,KAAK,KAAOR,EAAMS,OAGlGC,EAA2D,CAC7DC,UAAWC,EAAAA,WAAW,CAClB,MACAZ,EAAMW,WAAa,GACnBV,EAAIC,KACJD,EAAIE,UACJF,EAAIG,QACJH,EAAIQ,QAERI,MAAOb,EAAMC,IACba,GAAId,EAAMc,IAGd,OACIC,EAAAC,cAAA,MAAA,IAASN,GAAcX,IAI/BD,EAAImB,YAAc"}
+{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/box/index.d.ts

@@ -1,153 +1,2 @@
-import React, { CSSProperties } from 'react';
-
-/**
- * Realiza o mapeamento dos valores da propriedades css `align-items`
- */
-type AlignItemsProps =
-    | "align-items-start"
-    | "align-items-end"
-    | "align-items-center"
-    | "align-items-baseline"
-    | "align-items-stretch"
-    | "align-items-sm-start"
-    | "align-items-sm-end"
-    | "align-items-sm-center"
-    | "align-items-sm-baseline"
-    | "align-items-sm-stretch"
-    | "align-items-md-start"
-    | "align-items-md-end"
-    | "align-items-md-center"
-    | "align-items-md-baseline"
-    | "align-items-md-stretch"
-    | "align-items-lg-start"
-    | "align-items-lg-end"
-    | "align-items-lg-center"
-    | "align-items-lg-baseline"
-    | "align-items-lg-stretch"
-    | "align-items-xl-start"
-    | "align-items-xl-end"
-    | "align-items-xl-center"
-    | "align-items-xl-baseline"
-    | "align-items-xl-stretch"
-    | "align-items-xxl-start"
-    | "align-items-xxl-end"
-    | "align-items-xxl-center"
-    | "align-items-xxl-baseline"
-    | "align-items-xxl-stretch";
-
-/**
- * Realiza o mapeamento dos valores da propriedades css `justify-content`
- */
-type JustifyContentProps =
-    | "justify-content-start"
-    | "justify-content-end"
-    | "justify-content-center"
-    | "justify-content-between"
-    | "justify-content-around"
-    | "justify-content-evenly"
-    | "justify-content-sm-start"
-    | "justify-content-sm-end"
-    | "justify-content-sm-center"
-    | "justify-content-sm-between"
-    | "justify-content-sm-around"
-    | "justify-content-sm-evenly"
-    | "justify-content-md-start"
-    | "justify-content-md-end"
-    | "justify-content-md-center"
-    | "justify-content-md-between"
-    | "justify-content-md-around"
-    | "justify-content-md-evenly"
-    | "justify-content-lg-start"
-    | "justify-content-lg-end"
-    | "justify-content-lg-center"
-    | "justify-content-lg-between"
-    | "justify-content-lg-around"
-    | "justify-content-lg-evenly"
-    | "justify-content-xl-start"
-    | "justify-content-xl-end"
-    | "justify-content-xl-center"
-    | "justify-content-xl-between"
-    | "justify-content-xl-around"
-    | "justify-content-xl-evenly"
-    | "justify-content-xxl-start"
-    | "justify-content-xxl-end"
-    | "justify-content-xxl-center"
-    | "justify-content-xxl-between"
-    | "justify-content-xxl-around"
-    | "justify-content-xxl-evenly";
-
-/**
- * Define as tipagens `default` de todos os componentes do pacote
- */
-interface ApiComponentProps {
-
-    /**
-     * Propriedade para identificar o id do elemento
-     */
-    id?: string
-
-    /**
-     * Adiciona no atributo `class` do componente o valor atribuido nessa propriedade
-     */
-    className?: string
-
-    /**
-     * Define o tamanho da box do componente de acordo com o valores abaixo
-     */
-    size?: "5" | "10" | "12-5" | "15" | "17-5" | "20" | "22-5" | "25" | "30" | "33" | "35" | "40" | "45" | "50" | "55" | "60" | "65" | "70" | "75" | "80" | "85" | "90" | "95" | "100"
-
-    /**
-     * Define as propriedades css do component `style`
-     */
-    css?: CSSProperties
-}
-
-interface BoxProps extends ApiComponentProps {
-
-    /**
-     * A propriedade `direction` determina o valor do estilo CSS `flex-direction`,
-     * definindo a direção em que os itens flexíveis são dispostos dentro de um contêiner flexível.
-     */
-    direction?: "row" | "column"
-
-    /**
-     * A propriedade `align` determina o alinhamento do conteúdo base na propriedade `direction`.
-     * Essa propriedade ajusta os estilos CSS `align-items`, permitindo um controle preciso do layout.
-     */
-    align?: AlignItemsProps | AlignItemsProps[]
-
-    /**
-     * A propriedade `justify` determina o alinhamento do conteúdo base na propriedade `direction`.
-     * Essa propriedade ajusta os estilos CSS `justify-content`, permitindo um controle preciso do layout.
-     */
-    justify?: JustifyContentProps | JustifyContentProps[]
-
-    /**
-     *  A propriedade `children` representa o conteúdo ou elementos filho que serão
-     *  renderizados dentro deste componente. Pode incluir texto, elementos React,
-     *  ou até mesmo outros componentes.
-     */
-    children: React.ReactNode
-}
-
-/**
- * Componente - `Box`
- *
- * Um componente versátil que pode ser utilizado para criar seções ou caixas em uma página.
- * Permite personalizar o estilo e o conteúdo através de propriedades.
- *
- * Exemplo de uso:
- * ```tsx
- * <Box align="align-items-center"
- *      justify="justify-content-end"
- *      size="25">
- *   ...conteúdo HTML
- * </Box>
- * ```
- */
-declare const Box: {
-    ({ children, ...props }: BoxProps): React.JSX.Element;
-    displayName: string;
-};
-
-export { Box };
+export * from './box';
+export * from './@types/index';

package/box/index.esm.js

@@ -1,2 +1,5 @@
-import i from"react";import{classNames as r}from"primereact/utils";const s=({children:s,...e})=>{const t={size:`box-size-${e.size??"100"}`,direction:`box-direction-${e.direction??"row"}`,justify:void 0===e.justify?"":Array.isArray(e.justify)?e.justify?.join(" "):e.justify,align:void 0===e.align?"":Array.isArray(e.align)?e.align?.join(" "):e.align},o={className:r(["box",e.className??"",t.size,t.direction,t.justify,t.align]),style:e.css,id:e.id};return i.createElement("div",{...o},s)};s.displayName="Box";export{s as Box};
+import { Box as x } from "./box/index.esm.js";
+export {
+  x as Box
+};
 //# sourceMappingURL=index.esm.js.map