@zydon/common 1.4.72 → 2.0.0

package/dist/components/carousel/index.d.ts

@@ -1,7 +1,202 @@
-import Carousel from 'react-slick';
-export { default as useCarousel } from './use-carousel';
-export { default as CarouselDots } from './carousel-dots';
-export { default as CarouselArrows } from './carousel-arrows';
-export { default as CarouselArrowIndex } from './carousel-arrow-index';
-export { Carousel };
-//# sourceMappingURL=index.d.ts.map
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as _emotion_styled from '@emotion/styled';
+import * as react from 'react';
+import * as _mui_system from '@mui/system';
+import * as _mui_material_styles from '@mui/material/styles';
+import { SxProps, Theme } from '@mui/material/styles';
+import { EmblaCarouselType, EmblaOptionsType, EmblaPluginType } from 'embla-carousel';
+import { UseEmblaCarouselType } from 'embla-carousel-react';
+import { ButtonBaseProps } from '@mui/material/ButtonBase';
+import { StackProps } from '@mui/material/Stack';
+import { BoxProps } from '@mui/material/Box';
+import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
+
+declare const carouselBreakpoints: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+};
+
+type UseCarouselDotsReturn = {
+    dotCount: number;
+    selectedIndex: number;
+    scrollSnaps: number[];
+    onClickDot: (index: number) => void;
+};
+type CarouselDotButtonsProps = Omit<UseCarouselDotsReturn, 'dotCount'> & {
+    gap?: number;
+    sx?: SxProps<Theme>;
+    fallback?: boolean;
+    fallbackCount?: number;
+    variant?: 'circular' | 'rounded' | 'number';
+    slotProps?: {
+        dot?: {
+            size?: number;
+            sx?: SxProps<Theme>;
+            selected?: SxProps<Theme>;
+        };
+    };
+};
+/**
+ * Prev & Next Buttons
+ */
+type UseCarouselArrowsReturn = {
+    disablePrev: boolean;
+    disableNext: boolean;
+    onClickPrev: () => void;
+    onClickNext: () => void;
+};
+type CarouselArrowButtonProps = {
+    svgSize?: number;
+    variant: 'prev' | 'next';
+    svgIcon?: React.ReactNode;
+    options?: CarouselArrowButtonsProps['options'];
+};
+type CarouselArrowButtonsProps = UseCarouselArrowsReturn & {
+    totalSlides?: number;
+    selectedIndex?: number;
+    options?: Partial<CarouselOptions>;
+    slotProps?: {
+        prevBtn?: Pick<CarouselArrowButtonProps, 'svgIcon' | 'svgSize'> & {
+            sx?: SxProps<Theme>;
+        };
+        nextBtn?: Pick<CarouselArrowButtonProps, 'svgIcon' | 'svgSize'> & {
+            sx?: SxProps<Theme>;
+        };
+    };
+};
+/**
+ * Thumbs
+ */
+type UseCarouselThumbsReturn = {
+    selectedIndex: number;
+    thumbsApi?: EmblaCarouselType;
+    thumbsRef: UseEmblaCarouselType[0];
+    onClickThumb: (index: number) => void;
+};
+type CarouselThumbProps = {
+    src: string;
+    index: number;
+    selected: boolean;
+};
+type CarouselThumbsProps = {
+    options?: Partial<CarouselOptions>;
+    slotProps?: {
+        slide?: SxProps<Theme>;
+        container?: SxProps<Theme>;
+        disableMask?: boolean;
+    };
+};
+/**
+ * Progress
+ */
+type UseCarouselProgressReturn = {
+    value: number;
+};
+type CarouselProgressBarProps = UseCarouselProgressReturn;
+/**
+ * Autoplay
+ */
+type UseCarouselAutoPlayReturn = {
+    isPlaying: boolean;
+    onTogglePlay: () => void;
+    onClickAutoplay: (callback: () => void) => void;
+};
+/**
+ * Slide
+ */
+type CarouselSlideProps = {
+    options?: Partial<CarouselOptions>;
+};
+/**
+ * Carousel
+ */
+type CarouselBaseOptions = EmblaOptionsType & {
+    slideSpacing?: string;
+    parallax?: boolean | number;
+    slidesToShow?: string | number | {
+        [key: string]: string | number;
+    };
+};
+type CarouselOptions = CarouselBaseOptions & {
+    thumbs?: CarouselBaseOptions;
+    breakpoints?: {
+        [key: string]: Omit<CarouselBaseOptions, 'slidesToShow'>;
+    };
+};
+type UseCarouselReturn = {
+    pluginNames?: string[];
+    options?: CarouselOptions;
+    mainRef: UseEmblaCarouselType[0];
+    mainApi?: EmblaCarouselType;
+    thumbs: UseCarouselThumbsReturn;
+    dots: UseCarouselDotsReturn;
+    autoplay: UseCarouselAutoPlayReturn;
+    progress: UseCarouselProgressReturn;
+    autoScroll: UseCarouselAutoPlayReturn;
+    arrows: UseCarouselArrowsReturn;
+};
+type CarouselProps = {
+    carousel: UseCarouselReturn;
+    children: React.ReactNode;
+    sx?: SxProps<Theme>;
+    slotProps?: {
+        container?: SxProps<Theme>;
+        slide?: SxProps<Theme>;
+    };
+};
+
+type StyledProps = Pick<CarouselOptions, 'axis' | 'slideSpacing'>;
+declare const StyledRoot: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material_styles.Theme> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: react.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+}, keyof _mui_system.BoxOwnProps<_mui_material_styles.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme> & StyledProps, {}, {}>;
+declare const StyledContainer: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material_styles.Theme> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: react.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+}, keyof _mui_system.BoxOwnProps<_mui_material_styles.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme> & StyledProps, {}, {}>;
+declare function Carousel({ carousel, children, sx, slotProps }: CarouselProps): react_jsx_runtime.JSX.Element;
+
+declare const carouselClasses: {
+    root: string;
+    container: string;
+    dots: string;
+    dot: string;
+    arrows: string;
+    arrowsLabel: string;
+    arrowPrev: string;
+    arrowNext: string;
+    arrowSvg: string;
+    slide: string;
+    slideContent: string;
+    thumbs: string;
+    thumb: string;
+    thumbContainer: string;
+    thumbImage: string;
+    progress: string;
+    progressBar: string;
+    state: {
+        selected: string;
+        disabled: string;
+    };
+};
+
+declare function CarouselArrowBasicButtons({ options, slotProps, totalSlides, selectedIndex, onClickPrev, onClickNext, disablePrev, disableNext, sx, ...other }: StackProps & CarouselArrowButtonsProps): react_jsx_runtime.JSX.Element;
+declare function CarouselArrowNumberButtons({ options, slotProps, totalSlides, selectedIndex, onClickPrev, onClickNext, disablePrev, disableNext, sx, ...other }: StackProps & CarouselArrowButtonsProps): react_jsx_runtime.JSX.Element;
+declare function CarouselArrowFloatButtons({ options, slotProps, onClickPrev, onClickNext, disablePrev, disableNext, }: StackProps & CarouselArrowButtonsProps): react_jsx_runtime.JSX.Element;
+declare function ArrowButton({ sx, svgIcon, svgSize, options, variant, ...other }: ButtonBaseProps & CarouselArrowButtonProps): react_jsx_runtime.JSX.Element;
+
+declare function CarouselDotButtons({ sx, gap, slotProps, onClickDot, scrollSnaps, selectedIndex, fallbackCount, variant, fallback, ...other }: CarouselDotButtonsProps): react_jsx_runtime.JSX.Element;
+
+declare function CarouselProgressBar({ value, sx, ...other }: BoxProps & CarouselProgressBarProps): react_jsx_runtime.JSX.Element;
+
+declare function CarouselSlide({ sx, options, children, ...other }: BoxProps & CarouselSlideProps): react_jsx_runtime.JSX.Element;
+
+declare const CarouselThumbs: react.ForwardRefExoticComponent<Omit<_mui_system.BoxOwnProps<_mui_material_styles.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: react.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+}, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_system.BoxOwnProps<_mui_material_styles.Theme>> & CarouselThumbsProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare function CarouselThumb({ sx, src, index, selected, ...other }: ButtonBaseProps & CarouselThumbProps): react_jsx_runtime.JSX.Element;
+
+declare const useCarousel: (options?: CarouselOptions, plugins?: EmblaPluginType[]) => UseCarouselReturn;
+
+export { ArrowButton, Carousel, CarouselArrowBasicButtons, CarouselArrowButtonProps, CarouselArrowButtonsProps, CarouselArrowFloatButtons, CarouselArrowNumberButtons, CarouselBaseOptions, CarouselDotButtons, CarouselDotButtonsProps, CarouselOptions, CarouselProgressBar, CarouselProgressBarProps, CarouselProps, CarouselSlide, CarouselSlideProps, CarouselThumb, CarouselThumbProps, CarouselThumbs, CarouselThumbsProps, StyledContainer, StyledRoot, UseCarouselArrowsReturn, UseCarouselAutoPlayReturn, UseCarouselDotsReturn, UseCarouselProgressReturn, UseCarouselReturn, UseCarouselThumbsReturn, carouselBreakpoints, carouselClasses, useCarousel };

package/dist/components/carousel/index.mjs

@@ -0,0 +1,14 @@
+import { i, a } from '../../chunk-S6AXG7VS.mjs';
+import { forwardRef, Children, isValidElement, useMemo, useState, useCallback, useEffect, useRef } from 'react';
+import N from '@mui/material/Box';
+import { styled, useTheme } from '@mui/material/styles';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import ye, { buttonBaseClasses } from '@mui/material/ButtonBase';
+import X from '@mui/material/Stack';
+import ge from '@mui/material/SvgIcon';
+import Se from '@mui/material/NoSsr';
+import Ke from 'embla-carousel-react';
+
+var Ge={xs:"(min-width: 0px)",sm:"(min-width: 600px)",md:"(min-width: 900px)",lg:"(min-width: 1200px)",xl:"(min-width: 1536px)"};var c={root:"mnl__carousel__root",container:"mnl__carousel__container",dots:"mnl__carousel__dots",dot:"mnl__carousel__dot",arrows:"mnl__carousel__arrows",arrowsLabel:"mnl__carousel__arrows_label",arrowPrev:"mnl__carousel__btn--prev",arrowNext:"mnl__carousel__btn--next",arrowSvg:"mnl__carousel__btn__svg",slide:"mnl__carousel__slide",slideContent:"mnl__carousel__slide__content",thumbs:"mnl__carousel__thumbs",thumb:"mnl__carousel__thumb",thumbContainer:"mnl__carousel__thumbs__container",thumbImage:"mnl__carousel__thumb__image",progress:"mnl__carousel__progress",progressBar:"mnl__carousel__progress__bar",state:{selected:"state--selected",disabled:"state--disabled"}};var ue=styled(N,{shouldForwardProp:e=>e!=="axis"&&e!=="slideSpacing"})(({axis:e,slideSpacing:o})=>({display:"block",position:"relative",...e==="x"&&{minWidth:0,paddingLeft:o},...e==="y"&&{minHeight:0,paddingTop:o}})),ce=styled(N)(()=>({overflow:"hidden",position:"relative",borderRadius:"inherit"}));function w({sx:e,options:o,children:s,...t}){let i=pe(o?.slidesToShow);return jsx(ue,{component:"li",axis:o?.axis??"x",slideSpacing:o?.slideSpacing,className:c.slide,sx:{flex:i,...e},...t,children:o?.parallax?jsx(ce,{className:c.slideContent,children:jsx("div",{className:"slide__parallax__layer",children:s})}):s})}function pe(e){return e&&typeof e=="object"?Object.keys(e).reduce((o,s)=>{let t=e[s];return o[s]=F(t),o},{}):F(e)}function F(e=1){if(typeof e=="string"){if(!(e==="auto"||e.endsWith("%")||e.endsWith("px")))throw new Error("Only accepts values: auto, px, %, or number.");return `0 0 ${e}`}if(typeof e=="number")return `0 0 ${100/e}%`;throw new Error("Invalid value type. Only accepts values: auto, px, %, or number.")}var R=styled(N,{shouldForwardProp:e=>e!=="axis"})(({axis:e})=>({margin:"auto",maxWidth:"100%",overflow:"hidden",position:"relative",...e==="y"&&{height:"100%"}})),I=styled(N,{shouldForwardProp:e=>e!=="axis"&&e!=="slideSpacing"})(({axis:e,slideSpacing:o})=>({display:"flex",backfaceVisibility:"hidden",...e==="x"&&{touchAction:"pan-y pinch-zoom",marginLeft:`calc(${o} * -1)`},...e==="y"&&{height:"100%",flexDirection:"column",touchAction:"pan-x pinch-zoom",marginTop:`calc(${o} * -1)`}}));function lo({carousel:e,children:o,sx:s,slotProps:t}){let{mainRef:i,options:r}=e,n=r?.axis??"x",a=r?.slideSpacing??"0px",u=r?.direction??"ltr",p=Children.map(o,l=>{if(isValidElement(l)){let m=l;return jsx(w,{options:e.options,sx:t?.slide,children:l},m.key)}return null});return jsx(R,{sx:s,axis:n,ref:i,dir:u,className:c.root,children:jsx(I,{component:"ul",axis:n,slideSpacing:a,className:c.container,sx:{...e.pluginNames?.includes("autoHeight")&&{alignItems:"flex-start",transition:l=>l.transitions.create(["height"],{easing:l.transitions.easing.easeInOut,duration:l.transitions.duration.shorter})},...t?.container},children:p})})}function go({options:e,slotProps:o,totalSlides:s,selectedIndex:t,onClickPrev:i,onClickNext:r,disablePrev:n,disableNext:a,sx:u,...p}){return jsxs(X,{direction:"row",alignItems:"center",display:"inline-flex",className:c.arrows,sx:{gap:.5,zIndex:9,color:"action.active",...u},...p,children:[jsx(C,{variant:"prev",options:e,disabled:n,onClick:i,svgIcon:o?.prevBtn?.svgIcon,svgSize:o?.prevBtn?.svgSize,sx:o?.prevBtn?.sx}),jsx(C,{variant:"next",options:e,disabled:a,onClick:r,svgIcon:o?.nextBtn?.svgIcon,svgSize:o?.prevBtn?.svgSize,sx:o?.prevBtn?.sx})]})}function Co({options:e,slotProps:o,totalSlides:s,selectedIndex:t,onClickPrev:i$1,onClickNext:r,disablePrev:n,disableNext:a,sx:u,...p}){let l=useTheme();return jsxs(X,{direction:"row",alignItems:"center",display:"inline-flex",className:c.arrows,sx:{p:.5,gap:.25,zIndex:9,borderRadius:1.25,color:"common.white",bgcolor:i(l.vars.palette.grey["900Channel"],.48),...u},...p,children:[jsx(C,{variant:"prev",options:e,disabled:n,onClick:i$1,sx:{p:.75,borderRadius:"inherit",...o?.prevBtn?.sx},svgIcon:o?.prevBtn?.svgIcon,svgSize:o?.prevBtn?.svgSize??16}),jsxs(N,{component:"span",className:c.arrowsLabel,sx:{mx:.5,typography:"subtitle2"},children:[t,"/",s]}),jsx(C,{variant:"next",options:e,disabled:a,onClick:r,sx:{p:.75,borderRadius:"inherit",...o?.nextBtn?.sx},svgIcon:o?.nextBtn?.svgIcon,svgSize:o?.prevBtn?.svgSize??16})]})}function ho({options:e,slotProps:o,onClickPrev:s,onClickNext:t,disablePrev:i,disableNext:r}){let n={zIndex:9,top:"50%",borderRadius:1.5,position:"absolute",color:"common.white",bgcolor:"text.primary",transform:"translateY(-50%)","&:hover":{opacity:.8},[a.dark]:{color:"grey.800"}};return jsxs(Fragment,{children:[jsx(C,{variant:"prev",options:e,disabled:i,onClick:s,svgIcon:o?.prevBtn?.svgIcon,svgSize:o?.prevBtn?.svgSize,sx:{left:-16,...n,...o?.prevBtn?.sx}}),jsx(C,{variant:"next",options:e,disabled:r,onClick:t,svgIcon:o?.nextBtn?.svgIcon,svgSize:o?.nextBtn?.svgSize,sx:{right:-16,...n,...o?.nextBtn?.sx}})]})}function C({sx:e,svgIcon:o,svgSize:s,options:t,variant:i,...r}){let n=i==="prev",a=i==="next",u=o||jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M15.488 4.43a.75.75 0 0 1 .081 1.058L9.988 12l5.581 6.512a.75.75 0 1 1-1.138.976l-6-7a.75.75 0 0 1 0-.976l6-7a.75.75 0 0 1 1.057-.081",clipRule:"evenodd"}),p=o||jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M8.512 4.43a.75.75 0 0 1 1.057.082l6 7a.75.75 0 0 1 0 .976l-6 7a.75.75 0 0 1-1.138-.976L14.012 12L8.431 5.488a.75.75 0 0 1 .08-1.057",clipRule:"evenodd"});return jsx(ye,{className:n?c.arrowPrev:c.arrowPrev,"aria-label":n?"Prev button":"Next button",sx:{p:1,borderRadius:"50%",boxSizing:"content-box",transition:l=>l.transitions.create(["all"],{easing:l.transitions.easing.sharp,duration:l.transitions.duration.short}),[`&.${buttonBaseClasses.disabled}`]:{opacity:.4},...e,...t?.direction==="rtl"&&{...n&&{right:-16,left:"auto"},...a&&{left:-16,right:"auto"}}},...r,children:jsx(ge,{className:c.arrowSvg,sx:{width:s??20,height:s??20,...t?.axis==="y"&&{transform:" rotate(90deg)"},...t?.direction==="rtl"&&{transform:" scaleX(-1)"}},children:n?u:p})})}function To({sx:e,gap:o,slotProps:s,onClickDot:t,scrollSnaps:i$1,selectedIndex:r,fallbackCount:n=1,variant:a$1="circular",fallback:u=!1,...p}){let l=useTheme(),m={number:o??6,rounded:o??2,circular:o??2},d={circular:s?.dot?.size??18,number:s?.dot?.size??28},h=jsx(N,{sx:{height:d.circular,width:`calc(${n*d.circular+m.circular*(n-1)}px )`,...a$1==="number"&&{height:d.number,width:`calc(${n*d.number+m.number*(n-1)}px )`}}}),f={circular:y=>({width:d.circular,height:d.circular,"&::before":{width:8,height:8,content:'""',opacity:.24,borderRadius:"50%",bgcolor:"currentColor",transition:l.transitions.create(["opacity"],{easing:l.transitions.easing.sharp,duration:l.transitions.duration.short}),...y&&{opacity:1}}}),rounded:y=>({width:d.circular,height:d.circular,"&::before":{width:8,height:8,content:'""',opacity:.24,borderRadius:"50%",bgcolor:"currentColor",transition:l.transitions.create(["width","opacity"],{easing:l.transitions.easing.sharp,duration:l.transitions.duration.short}),...y&&{width:"calc(100% - 4px)",opacity:1,borderRadius:1}}}),number:y=>({width:d.number,height:d.number,borderRadius:"50%",typography:"caption",color:"text.disabled",border:`solid 1px ${i(l.vars.palette.grey["500Channel"],.16)}`,...y&&{color:"common.white",bgcolor:"text.primary",fontWeight:"fontWeightSemiBold",[a.dark]:{color:"grey.800"}}})};return jsx(Se,{fallback:u?h:null,children:jsx(N,{component:"ul",className:c.dots,sx:{zIndex:9,display:"inline-flex",...a$1==="circular"&&{gap:`${m.circular}px`},...a$1==="rounded"&&{gap:`${m.rounded}px`},...a$1==="number"&&{gap:`${m.number}px`},...e},...p,children:i$1.map((y,x)=>{let S=x===r;return jsx(N,{component:"li",sx:{display:"inline-flex"},children:jsx(ye,{disableRipple:!0,"aria-label":`dot-${x}`,className:c.dot.concat(S?` ${c.state.selected}`:""),onClick:()=>t(x),sx:{...a$1==="circular"&&f.circular(S),...a$1==="rounded"&&f.rounded(S),...a$1==="number"&&f.number(S),[`&.${c.state.selected}`]:{...s?.dot?.selected},...s?.dot?.sx},children:a$1==="number"&&x+1})},x)})})})}var _e=styled(N)(({theme:e})=>({height:6,maxWidth:120,width:"100%",borderRadius:6,overflow:"hidden",position:"relative",color:e.vars.palette.text.primary,backgroundColor:i(e.vars.palette.grey["500Channel"],.2)})),Be=styled(N)(()=>({top:0,bottom:0,width:"100%",left:"-100%",position:"absolute",backgroundColor:"currentColor"}));function Lo({value:e,sx:o,...s}){return jsx(_e,{sx:o,className:c.progress,...s,children:jsx(Be,{className:c.progressBar,sx:{transform:`translate3d(${e}%, 0px, 0px)`}})})}var Ie=forwardRef(({children:e,slotProps:o,options:s,sx:t,...i},r)=>{let n=s?.axis??"x",a=s?.slideSpacing??"12px",u=Ne(n),p=Children.map(e,l=>{if(isValidElement(l)){let m=l;return jsx(w,{options:{...s,slideSpacing:a},sx:o?.slide,children:l},m.key)}return null});return jsx(R,{ref:r,slideSpacing:void 0,axis:n,className:c.thumbs,sx:{flexShrink:0,...n==="x"&&{p:.5,maxWidth:1},...n==="y"&&{p:.5,maxHeight:1},...!o?.disableMask&&u,...t},...i,children:jsx(I,{component:"ul",axis:n,slideSpacing:a,className:c.thumbContainer,sx:{...o?.container},children:p})})});Ie.displayName="CarouselThumbs";function qo({sx:e,src:o,index:s,selected:t,...i}){return jsx(ye,{className:c.thumb,sx:{width:64,height:64,opacity:.48,flexShrink:0,cursor:"pointer",borderRadius:1.25,transition:r=>r.transitions.create(["opacity","box-shadow"],{easing:r.transitions.easing.sharp,duration:r.transitions.duration.short}),...t&&{opacity:1,boxShadow:r=>`0 0 0 2px ${r.vars.palette.primary.main}`},...e},...i,children:jsx(N,{component:"img",alt:`carousel-thumb-${s}`,src:o,className:c.thumbImage,sx:{width:1,height:1,objectFit:"cover",borderRadius:"inherit"}})})}function Ne(e){let o=useTheme(),s={zIndex:9,content:'""',position:"absolute"},t=`${o.vars.palette.background.paper} 20%, ${i(o.vars.palette.background.paperChannel,0)} 100%)`;return e==="y"?{"&::before, &::after":{...s,left:0,height:40,width:"100%"},"&::before":{top:-8,background:`linear-gradient(to bottom, ${t}`},"&::after":{bottom:-8,background:`linear-gradient(to top, ${t}`}}:{"&::before, &::after":{...s,top:0,width:40,height:"100%"},"&::before":{left:-8,background:`linear-gradient(to right, ${t}`},"&::after":{right:-8,background:`linear-gradient(to left, ${t}`}}}var J=e=>{let[o,s]=useState(!0),[t,i]=useState(!0),r=useCallback(()=>{e&&e.scrollPrev();},[e]),n=useCallback(()=>{e&&e.scrollNext();},[e]),a=useCallback(u=>{s(!u.canScrollPrev()),i(!u.canScrollNext());},[]);return useEffect(()=>{e&&(a(e),e.on("reInit",a),e.on("select",a));},[e,a]),{disablePrev:o,disableNext:t,onClickPrev:r,onClickNext:n}};function A(e){let[o,s]=useState(!1),t=useCallback(r=>{let n=e?.plugins()?.autoplay;if(!n)return;(n.options.stopOnInteraction===!1?n.reset:n.stop)(),r();},[e]),i=useCallback(()=>{let r=e?.plugins()?.autoplay;if(!r)return;(r.isPlaying()?r.stop:r.play)();},[e]);return useEffect(()=>{let r=e?.plugins()?.autoplay;r&&(s(r.isPlaying()),e.on("autoplay:play",()=>s(!0)).on("autoplay:stop",()=>s(!1)).on("reInit",()=>s(!1)));},[e]),{isPlaying:o,onTogglePlay:i,onClickAutoplay:t}}function oe(e){let[o,s]=useState(!1),t=useCallback(r=>{let n=e?.plugins()?.autoScroll;if(!n)return;(n.options.stopOnInteraction===!1?n.reset:n.stop)(),r();},[e]),i=useCallback(()=>{let r=e?.plugins()?.autoScroll;if(!r)return;(r.isPlaying()?r.stop:r.play)();},[e]);return useEffect(()=>{let r=e?.plugins()?.autoScroll;r&&(s(r.isPlaying()),e.on("autoScroll:play",()=>s(!0)).on("autoScroll:stop",()=>s(!1)).on("reInit",()=>s(!1)));},[e]),{isPlaying:o,onTogglePlay:i,onClickAutoplay:t}}function te(e){let[o,s]=useState(0),[t,i]=useState(0),[r,n]=useState([]),a=useCallback(l=>{e&&e.scrollTo(l);},[e]),u=useCallback(l=>{n(l.scrollSnapList());},[]),p=useCallback(l=>{i(l.selectedScrollSnap()),s(l.scrollSnapList().length);},[]);return useEffect(()=>{e&&(u(e),p(e),e.on("reInit",u),e.on("reInit",p),e.on("select",p));},[e,u,p]),{dotCount:o,scrollSnaps:r,selectedIndex:t,onClickDot:a}}function se(e,o){let s=useRef(0),t=useRef([]),i=typeof o=="number"?o:.24,r=useCallback(u=>{t.current=u.slideNodes().map(p=>p.querySelector(".slide__parallax__layer"));},[]),n=useCallback(u=>{s.current=i*u.scrollSnapList().length;},[i]),a=useCallback((u,p)=>{let l=u.internalEngine(),m=u.scrollProgress(),d=u.slidesInView(),h=p==="scroll";u.scrollSnapList().forEach((f,y)=>{let x=f-m;l.slideRegistry[y].forEach(k=>{if(h&&!d.includes(k))return;l.options.loop&&l.slideLooper.loopPoints.forEach(D=>{let M=D.target();if(k===D.index&&M!==0){let V=Math.sign(M);V===-1&&(x=f-(1+m)),V===1&&(x=f+(1-m));}});let ie=x*(-1*s.current)*100,U=t.current[k];U&&(U.style.transform=`translateX(${ie}%)`);});});},[]);return useEffect(()=>{!e||!o||(r(e),n(e),a(e),e.on("reInit",r).on("reInit",n).on("reInit",a).on("scroll",a));},[e,a]),null}function ne(e){let[o,s]=useState(0),t=useCallback(i=>{let r=Math.max(0,Math.min(1,i.scrollProgress()));s(r*100);},[]);return useEffect(()=>{e&&(t(e),e.on("reInit",t),e.on("scroll",t));},[e,t]),{value:o}}function le(e,o){let[s,t]=Ke({containScroll:"keepSnaps",dragFree:!0,...o}),[i,r]=useState(0),n=useCallback(u=>{!e||!t||e.scrollTo(u);},[e,t]),a=useCallback(()=>{!e||!t||(r(e.selectedScrollSnap()),t.scrollTo(e.selectedScrollSnap()));},[e,t,r]);return useEffect(()=>{e&&(a(),e.on("select",a),e.on("reInit",a));},[e,a]),{onClickThumb:n,thumbsRef:s,thumbsApi:t,selectedIndex:i}}var ht=(e,o)=>{let[s,t]=Ke(e,o),{disablePrev:i,disableNext:r,onClickPrev:n,onClickNext:a}=J(t),u=o?.map(y=>y.name),p=te(t),l=A(t),m=oe(t),d=ne(t),h=le(t,e?.thumbs);se(t,e?.parallax);let f=useMemo(()=>u?.includes("autoplay")?{onClickPrev:()=>l.onClickAutoplay(n),onClickNext:()=>l.onClickAutoplay(a)}:u?.includes("autoScroll")?{onClickPrev:()=>m.onClickAutoplay(n),onClickNext:()=>m.onClickAutoplay(a)}:{onClickPrev:n,onClickNext:a},[m,l,a,n,u]);return {options:{...e,...t?.internalEngine().options},pluginNames:u,mainRef:s,mainApi:t,arrows:{disablePrev:i,disableNext:r,onClickPrev:f.onClickPrev,onClickNext:f.onClickNext},dots:p,thumbs:h,progress:d,autoplay:l,autoScroll:m}};
+
+export { C as ArrowButton, lo as Carousel, go as CarouselArrowBasicButtons, ho as CarouselArrowFloatButtons, Co as CarouselArrowNumberButtons, To as CarouselDotButtons, Lo as CarouselProgressBar, w as CarouselSlide, qo as CarouselThumb, Ie as CarouselThumbs, I as StyledContainer, R as StyledRoot, Ge as carouselBreakpoints, c as carouselClasses, ht as useCarousel };

package/dist/components/form/Address/index.d.ts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { StackProps } from '@mui/material/Stack';
+import { BaseField } from '../../../types/baseField.js';
+import 'react-hook-form';
+
+interface Props {
+    containerProps?: StackProps;
+    required?: boolean;
+    tabIndex?: number;
+}
+type AddressProps = BaseField<Props>;
+
+declare const Address: ({ name, containerProps, required, rules, tabIndex, }: AddressProps) => react_jsx_runtime.JSX.Element;
+
+export { Address as default };

package/dist/components/form/Address/index.mjs

@@ -0,0 +1,15 @@
+import { a as a$1 } from '../../../chunk-HQYCK4C3.mjs';
+import { a as a$2 } from '../../../chunk-ZREC5BF3.mjs';
+import { a as a$3 } from '../../../chunk-POP3P3YE.mjs';
+import '../../../chunk-6UGYYTYE.mjs';
+import '../../../chunk-D6NU2WRK.mjs';
+import '../../../chunk-QHCGLZFD.mjs';
+import '../../../chunk-KLIYANST.mjs';
+import E from '@mui/material/CircularProgress';
+import g from '@mui/material/InputAdornment';
+import a from '@mui/material/Stack';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var C=({name:t,containerProps:l,required:i,rules:c,tabIndex:e})=>{let x=`${t}.zipCode`,u=`${t}.publicPlace`,f=`${t}.number`,w=`${t}.district`,h=`${t}.complement`,P=`${t}.state`,b=`${t}.city`,r=m=>{m.key==="Enter"&&m.preventDefault();};return jsxs(a,{gap:1.5,...l,children:[jsxs(a,{direction:{xs:"column",md:"row"},gap:1.5,flexWrap:"wrap",children:[jsx(a$1,{name:x,label:"CEP",mask:[{mask:"00000-000"}],InputProps:{endAdornment:jsx(g,{position:"end",children:jsx(E,{size:24})})},rules:c,onKeyDown:r,required:i,sx:{width:"auto",flex:1,minWidth:160},tabIndex:e}),jsxs(a,{direction:{xs:"column",sm:"row"},gap:1.5,flex:{xs:1,md:"1 1 50%"},children:[jsx(a$2,{name:u,label:"Logradouro",onKeyDown:r,inputProps:{maxLength:70},sx:{width:"auto",minWidth:250,flex:1},tabIndex:e}),jsx(a$2,{name:f,label:"N\xFAmero",onKeyDown:r,inputProps:{maxLength:6},sx:{width:"auto",minWidth:100},tabIndex:e})]})]}),jsxs(a,{direction:{xs:"column",md:"row"},gap:1.5,flexWrap:"wrap",children:[jsx(a$2,{name:w,label:"Bairro",onKeyDown:r,inputProps:{maxLength:20},sx:{width:"auto",flex:{xs:1,md:"1 1 100px"}},tabIndex:e}),jsx(a$2,{name:h,label:"Complemento",onKeyDown:r,inputProps:{maxLength:30},sx:{minWidth:200,width:"auto",flex:{xs:1,md:"1 1 500px"}},tabIndex:e})]}),jsxs(a,{gap:1.5,flexWrap:"wrap",direction:{xs:"column",sm:"row"},children:[jsx(a$3,{name:P,label:"Estado",options:[],disabled:!0,required:i,sx:{flex:1},tabIndex:e}),jsx(a$2,{name:b,label:"Cidade",disabled:!0,required:i,sx:{flex:1},tabIndex:e})]})]})},S=C;
+
+export { S as default };

package/dist/components/form/Autocomplete/index.d.ts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { BaseAutoComplete } from '../../../types/autoComplete.js';
+import { BaseField } from '../../../types/baseField.js';
+import { Option } from '../../../types/option.js';
+import 'react';
+import '@mui/material/Autocomplete';
+import '../../../types/icon.js';
+import 'react-hook-form';
+
+type AutocompleteProps = BaseField<BaseAutoComplete> & {
+    onSelectOption?(newValue: NonNullable<string | Option> | (string | Option)[] | null | undefined, oldValue?: NonNullable<string | Option> | (string | Option)[] | null | undefined): void;
+};
+
+declare const Autocomplete: ({ name, helperText, rules, onSelectOption, ...other }: AutocompleteProps) => react_jsx_runtime.JSX.Element;
+
+export { Autocomplete as default };

package/dist/components/form/Autocomplete/index.mjs

@@ -0,0 +1,4 @@
+export { a as default } from '../../../chunk-POP3P3YE.mjs';
+import '../../../chunk-D6NU2WRK.mjs';
+import '../../../chunk-QHCGLZFD.mjs';
+import '../../../chunk-KLIYANST.mjs';

package/dist/components/form/AutocompleteDetailed/index.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { BaseAutoComplete } from '../../../types/autoComplete.js';
+import { BaseField } from '../../../types/baseField.js';
+import 'react';
+import '@mui/material/Autocomplete';
+import '../../../types/option.js';
+import '../../../types/icon.js';
+import 'react-hook-form';
+
+type AutocompleteDetailedProps = BaseField<BaseAutoComplete>;
+
+declare const AutocompleteDetailed: ({ name, rules, helperText, ...other }: AutocompleteDetailedProps) => react_jsx_runtime.JSX.Element;
+
+export { AutocompleteDetailed as default };

package/dist/components/form/AutocompleteDetailed/index.mjs

@@ -0,0 +1,9 @@
+import { a } from '../../../chunk-NCSSC2TF.mjs';
+import '../../../chunk-SHNHCDVN.mjs';
+import '../../../chunk-D7XCMUMB.mjs';
+import { useFormContext, Controller } from 'react-hook-form';
+import { jsx } from 'react/jsx-runtime';
+
+var d=({name:l,rules:n,helperText:m,...p})=>{let{control:a$1}=useFormContext();return jsx(Controller,{name:l,control:a$1,rules:n,render:({field:e,fieldState:{error:o}})=>jsx(a,{...e,...p,onChange:u=>{e.onChange(u);},error:!!o,helperText:o?.message||m})})},f=d;
+
+export { f as default };

package/dist/components/form/Checkbox/index.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FormControlLabelProps } from '@mui/material/FormControlLabel';
+import { BaseField } from '../../../types/baseField.js';
+import 'react-hook-form';
+
+interface Checkbox$1 extends Omit<FormControlLabelProps, 'control'> {
+    name: string;
+    helperText?: React.ReactNode;
+}
+type CheckboxProps = BaseField<Checkbox$1>;
+
+declare const Checkbox: ({ name, rules, helperText, tabIndex, ...other }: CheckboxProps) => react_jsx_runtime.JSX.Element;
+
+export { Checkbox as default };

package/dist/components/form/Checkbox/index.mjs

@@ -0,0 +1,9 @@
+import { useFormContext, Controller } from 'react-hook-form';
+import x from '@mui/material/Checkbox';
+import C from '@mui/material/FormControlLabel';
+import a from '@mui/material/FormHelperText';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var b=({name:m,rules:l,helperText:r,tabIndex:n,...c})=>{let{control:p}=useFormContext();return jsx(Controller,{name:m,control:p,rules:l,render:({field:t,fieldState:{error:o}})=>jsxs("div",{children:[jsx(C,{control:jsx(x,{...t,checked:t.value,tabIndex:n}),...c}),(!!o||r)&&jsx(a,{error:!!o,children:o?o?.message:r})]})})},F=b;
+
+export { F as default };

package/dist/components/form/Codes/index.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TextFieldProps } from '@mui/material/TextField';
+import { BaseField } from '../../../types/baseField.js';
+import 'react-hook-form';
+
+type CodesProps = BaseField<TextFieldProps> & {
+    keyName: string;
+    inputs: string[];
+};
+
+declare const Codes: ({ keyName, inputs, rules, tabIndex, ...other }: CodesProps) => react_jsx_runtime.JSX.Element;
+
+export { Codes as default };

package/dist/components/form/Codes/index.mjs

@@ -0,0 +1,11 @@
+import { a } from '../../../chunk-B3WKNPY5.mjs';
+import { useRef } from 'react';
+import { useFormContext, Controller } from 'react-hook-form';
+import b from '@mui/material/FormHelperText';
+import u from '@mui/material/Stack';
+import M from '@mui/material/TextField';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var S=({keyName:l,inputs:s=[],rules:d,tabIndex:f,...g})=>{let m=useRef(null),{control:h,setValue:C,formState:{errors:x}}=useFormContext(),E=e=>{let n=e.clipboardData.getData("text").split("");s.map((t,o)=>C(t,n[o])),e.preventDefault();},v=(e,n)=>{let{maxLength:t,value:o,name:r}=e.target,L=r.replace(l,""),p=Number(L),i=document.querySelector(`input[name=${l}${p+1}]`);o.length>t&&(e.target.value=o[0]),o.length>=t&&p<6&&i!==null&&i.focus(),n(e);};a("paste",E,m);let T=s.some(e=>x[e]);return jsxs(u,{children:[jsx(u,{direction:"row",spacing:2,justifyContent:"center",ref:m,children:s.map((e,n)=>jsx(Controller,{name:`${l}${n+1}`,control:h,rules:d,render:({field:t,fieldState:{error:o}})=>jsx(M,{...g,...t,autoComplete:"none",error:!!o,autoFocus:n===0,placeholder:"-",onChange:r=>{v(r,t.onChange);},onFocus:r=>r.currentTarget.select(),InputProps:{sx:{width:{xs:36,sm:56},height:{xs:36,sm:56},"& input":{p:0,textAlign:"center"}}},inputProps:{maxLength:1,type:"number",tabIndex:f}})},e))}),T&&jsx(b,{error:!0,sx:{px:2},children:"C\xF3digo \xE9 obrigat\xF3rio"})]})},N=S;
+
+export { N as default };

package/dist/components/form/ColorPicker/index.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TextFieldProps } from '@mui/material/TextField';
+import { BaseField } from '../../../types/baseField.js';
+import 'react-hook-form';
+
+type ColorPickerProps = BaseField<TextFieldProps>;
+
+declare const ColorPicker: ({ name, rules, helperText, ...other }: ColorPickerProps) => react_jsx_runtime.JSX.Element;
+
+export { ColorPicker as default };

package/dist/components/form/ColorPicker/index.mjs

@@ -0,0 +1,8 @@
+import { a } from '../../../chunk-EM7HQQDV.mjs';
+import '../../../chunk-BD3NUJHG.mjs';
+import { useFormContext, Controller } from 'react-hook-form';
+import { jsx } from 'react/jsx-runtime';
+
+var u=({name:a$1,rules:r,helperText:f,...c})=>{let{control:p}=useFormContext();return jsx(Controller,{name:a$1,control:p,rules:{...r,validate:{...r?.validate,validation:e=>{let o="#"+e.replaceAll("#","");return /^#([0-9A-Fa-f]{3}){1,2}$/.test(o)?!0:"Cor inv\xE1lida"}}},render:({field:{ref:e,onChange:o,...t},fieldState:{error:l}})=>jsx(a,{...t,onChangeColor:o,inputRef:e,fullWidth:!0,error:!!l,helperText:l?.message||f,...c})})},x=u;
+
+export { x as default };

package/dist/components/form/DatePicker/index.d.ts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { DatePickerProps as DatePickerProps$1 } from '@mui/x-date-pickers-pro';
+import { Dayjs } from 'dayjs';
+import { BaseField } from '../../../types/baseField.js';
+import 'react-hook-form';
+
+type DatePickerProps = BaseField<Omit<DatePickerProps$1<Dayjs>, 'value'>> & {
+    tabIndex?: number;
+    helperText?: ReactNode;
+    required?: boolean;
+    value?: Date | null | undefined;
+};
+
+declare const DatePicker: ({ name, rules, tabIndex, helperText, required, ...other }: DatePickerProps) => react_jsx_runtime.JSX.Element;
+
+export { DatePicker as default };

package/dist/components/form/DatePicker/index.mjs

@@ -0,0 +1,8 @@
+import { useFormContext, Controller } from 'react-hook-form';
+import { DatePicker } from '@mui/x-date-pickers-pro';
+import D from 'dayjs';
+import { jsx } from 'react/jsx-runtime';
+
+var h=({name:i,rules:n,tabIndex:t,helperText:s,required:p,...e})=>{let{control:m}=useFormContext();return jsx(Controller,{name:i,control:m,rules:n,render:({field:{ref:u,onChange:c,...o},fieldState:{error:l}})=>jsx(DatePicker,{inputRef:u,format:"DD/MM/YYYY",localeText:{previousMonth:"M\xEAs anterior",nextMonth:"Pr\xF3ximo m\xEAs",fieldDayPlaceholder:()=>"dd",fieldMonthPlaceholder:()=>"mm",fieldYearPlaceholder:()=>"aaaa",...e.localeText},...o,...e,value:o.value?D(o.value):null,onChange:r=>c(r?r.toDate():null),slotProps:{textField:{...e.slotProps?.textField,required:p,error:!!l,helperText:l?.message||s,autoComplete:"off",spellCheck:"false",fullWidth:!0,inputProps:{tabIndex:t}},openPickerButton:{tabIndex:t}}})})},C=h;
+
+export { C as default };

package/dist/components/form/DateRangePicker/index.d.ts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { DateRangePickerProps as DateRangePickerProps$1 } from '@mui/x-date-pickers-pro';
+import { Dayjs } from 'dayjs';
+import { BaseField } from '../../../types/baseField.js';
+import 'react-hook-form';
+
+type DateRangePickerProps = BaseField<DateRangePickerProps$1<Dayjs>> & {
+    tabIndex?: number;
+    helperText?: ReactNode;
+    required?: boolean;
+};
+
+declare const DateRangePicker: ({ name, label, rules, tabIndex, helperText, required, ...other }: DateRangePickerProps) => react_jsx_runtime.JSX.Element;
+
+export { DateRangePicker as default };

package/dist/components/form/DateRangePicker/index.mjs

@@ -0,0 +1,8 @@
+import { useFormContext, Controller } from 'react-hook-form';
+import { DateRangePicker } from '@mui/x-date-pickers-pro';
+import n from 'dayjs';
+import { jsx } from 'react/jsx-runtime';
+
+var x=({name:r,label:a,rules:i,tabIndex:d,helperText:D,required:m,...o})=>{let{control:f,setError:c}=useFormContext();return jsx(Controller,{name:r,control:f,rules:i,render:({field:{value:t,onChange:p},fieldState:{error:l}})=>jsx(DateRangePicker,{format:"DD/MM/YYYY",localeText:{previousMonth:"M\xEAs anterior",nextMonth:"Pr\xF3ximo m\xEAs",fieldDayPlaceholder:()=>"dd",fieldMonthPlaceholder:()=>"mm",fieldYearPlaceholder:()=>"aaaa",...o.localeText},value:[t?.startDate?n(t.startDate):null,t?.endDate?n(t.endDate):null],onChange:e=>p({startDate:e[0]?e[0].toDate():null,endDate:e[1]?e[1].toDate():null}),onError:e=>{c(r,{message:e[0]||e[1]||void 0});},...o,slotProps:{textField:({position:e})=>({...o.slotProps?.textField,required:m,error:!!l,helperText:l?.message||D,autoComplete:"off",spellCheck:"false",fullWidth:!0,label:e==="start"?`${a} (Dt. In\xEDcio)`:`${a} (Dt. Fim)`,inputProps:{tabIndex:d}})},sx:{width:1}})})},C=x;
+
+export { C as default };

package/dist/components/form/DateTimePicker/index.d.ts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import { DateTimePickerProps as DateTimePickerProps$1 } from '@mui/x-date-pickers-pro';
+import { Dayjs } from 'dayjs';
+import { BaseField } from '../../../types/baseField.js';
+import 'react-hook-form';
+
+type DateTimePickerProps = BaseField<Omit<DateTimePickerProps$1<Dayjs>, 'value'>> & {
+    tabIndex?: number;
+    helperText?: ReactNode;
+    required?: boolean;
+    value?: Date | null | undefined;
+};
+
+declare const DateTimePicker: ({ name, rules, tabIndex, helperText, required, ...other }: DateTimePickerProps) => react_jsx_runtime.JSX.Element;
+
+export { DateTimePicker as default };

package/dist/components/form/DateTimePicker/index.mjs

@@ -0,0 +1,8 @@
+import { useFormContext, Controller } from 'react-hook-form';
+import { DateTimePicker } from '@mui/x-date-pickers-pro';
+import h from 'dayjs';
+import { jsx } from 'react/jsx-runtime';
+
+var D=({name:i,rules:m,tabIndex:l,helperText:n,required:s,...e})=>{let{control:u}=useFormContext();return jsx(Controller,{name:i,control:u,rules:m,render:({field:{ref:c,onChange:d,...o},fieldState:{error:t}})=>jsx(DateTimePicker,{format:"DD/MM/YYYY HH:mm",inputRef:c,localeText:{previousMonth:"M\xEAs anterior",nextMonth:"Pr\xF3ximo m\xEAs",fieldDayPlaceholder:()=>"dd",fieldMonthPlaceholder:()=>"mm",fieldYearPlaceholder:()=>"aaaa",fieldHoursPlaceholder:()=>"hh",fieldMinutesPlaceholder:()=>"mm",...e.localeText},...o,...e,value:o.value?h(o.value):null,onChange:r=>d(r?r.toDate():null),slotProps:{textField:{...e.slotProps?.textField,required:s,error:!!t,helperText:t?.message||n,autoComplete:"off",spellCheck:"false",fullWidth:!0,inputProps:{tabIndex:l}},openPickerButton:{tabIndex:l}}})})},x=D;
+
+export { x as default };

package/dist/components/form/Field/index.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TextFieldProps } from '@mui/material/TextField';
+import { BaseField } from '../../../types/baseField.js';
+import 'react-hook-form';
+
+type FieldProps = BaseField<TextFieldProps>;
+
+declare const Field: ({ name, helperText, rules, onChange, tabIndex, ...other }: FieldProps) => react_jsx_runtime.JSX.Element;
+
+export { Field as default };

package/dist/components/form/Field/index.mjs

@@ -0,0 +1 @@
+export { a as default } from '../../../chunk-ZREC5BF3.mjs';

package/dist/components/form/Form/index.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { PropsWithChildren } from 'react';
+import { UseFormReturn } from 'react-hook-form';
+import { StackProps } from '@mui/material/Stack';
+
+type FormProps = StackProps & {
+    id?: string;
+    methods: UseFormReturn<any>;
+    onSubmit?: VoidFunction;
+};
+
+declare const Form: ({ id, children, onSubmit, methods, ...other }: PropsWithChildren<FormProps>) => react_jsx_runtime.JSX.Element;
+
+export { Form as default };

package/dist/components/form/Form/index.mjs

@@ -0,0 +1,7 @@
+import { FormProvider } from 'react-hook-form';
+import e from '@mui/material/Stack';
+import { jsx } from 'react/jsx-runtime';
+
+var f=({id:r,children:m,onSubmit:t,methods:i,...p})=>jsx(FormProvider,{...i,children:jsx(e,{component:"form",id:r,onSubmit:t,flex:1,width:1,noValidate:!0,...p,children:m})}),h=f;
+
+export { h as default };

package/dist/components/form/Incrementer/index.d.ts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TextFieldProps } from '@mui/material/TextField';
+import { BaseField } from '../../../types/baseField.js';
+import 'react-hook-form';
+
+type IncrementerProps = BaseField<TextFieldProps> & {
+    increment?: number;
+    updadteForMultiple?: boolean;
+    allowNegative?: boolean;
+    decimalScale?: number;
+    minValue?: number;
+    maxValue?: number;
+    loading?: boolean;
+};
+
+declare const Incrementer: ({ name, helperText, rules, ...other }: IncrementerProps) => react_jsx_runtime.JSX.Element;
+
+export { Incrementer as default };

package/dist/components/form/Incrementer/index.mjs

@@ -0,0 +1,12 @@
+import { a } from '../../../chunk-ZN4LYG7I.mjs';
+import '../../../chunk-JZ3KAZMQ.mjs';
+import '../../../chunk-HLTCIAAR.mjs';
+import '../../../chunk-DSQPMRZS.mjs';
+import '../../../chunk-QHCGLZFD.mjs';
+import '../../../chunk-KLIYANST.mjs';
+import { useFormContext, Controller } from 'react-hook-form';
+import { jsx } from 'react/jsx-runtime';
+
+var d=({name:e,helperText:n,rules:m,...l})=>{let{control:p}=useFormContext();return jsx(Controller,{name:e,control:p,rules:m,render:({field:{ref:f,value:c,...s},fieldState:{error:r}})=>jsx(a,{value:c,inputRef:f,fullWidth:!0,error:!!r,helperText:r?.message||n,...l,...s,name:e})})},C=d;
+
+export { C as default };

package/dist/components/form/MaskedInput/index.d.ts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { RegisterOptions } from 'react-hook-form';
+import { TextFieldProps } from '@mui/material/TextField';
+import { BaseField } from '../../../types/baseField.js';
+
+type IProps = {
+    name: string;
+    mask: {
+        mask: string;
+    }[];
+    rules?: RegisterOptions;
+    onChange?(value: string): void;
+};
+type Props = IProps & Omit<TextFieldProps, 'onChange'>;
+type MaskedInputProps = BaseField<Props>;
+
+declare const MaskedInput: ({ name, helperText, rules, onChange: onChangeValue, error: isError, ...other }: MaskedInputProps) => react_jsx_runtime.JSX.Element;
+
+export { MaskedInput as default };

package/dist/components/form/MaskedInput/index.mjs

@@ -0,0 +1,2 @@
+export { a as default } from '../../../chunk-HQYCK4C3.mjs';
+import '../../../chunk-6UGYYTYE.mjs';

package/dist/components/form/MultiCheckbox/index.d.ts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FormControlLabelProps } from '@mui/material/FormControlLabel';
+import { BaseField } from '../../../types/baseField.js';
+import 'react-hook-form';
+
+interface MultiCheckbox$1 extends Omit<FormControlLabelProps, 'control' | 'label'> {
+    name: string;
+    options: {
+        label: string;
+        value: string;
+    }[];
+    row?: boolean;
+    label?: string;
+    spacing?: number;
+    helperText?: React.ReactNode;
+}
+type MultiCheckboxProps = BaseField<MultiCheckbox$1>;
+
+declare const MultiCheckbox: ({ row, name, rules, label, options, spacing, helperText, required, ...other }: MultiCheckboxProps) => react_jsx_runtime.JSX.Element;
+
+export { MultiCheckbox as default };