@usetrip/react-ui 0.1.0

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),ee=require("tailwind-merge"),te=require("clsx"),L=require("class-variance-authority"),k=require("react"),U=require("@radix-ui/react-slot"),p=require("lucide-react"),re=require("react-router-dom"),z=require("react-simple-wysiwyg"),S=require("date-fns"),M=require("date-fns/locale"),A=require("react-day-picker"),ne=require("@radix-ui/react-dialog"),Y=require("react-icons/fa6"),ae=require("react-icons/io5"),oe=require("react-icons/io"),se=require("@radix-ui/react-label");function X(a){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const o in a)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(a,o);Object.defineProperty(s,o,r.get?r:{enumerable:!0,get:()=>a[o]})}}return s.default=a,Object.freeze(s)}const T=X(k),D=X(ne),de=X(se);function n(...a){return ee.twMerge(te.clsx(a))}const g={xs:"text-xs",sm:"text-sm",base:"text-base",lg:"text-lg",xl:"text-xl","2xl":"text-2xl","3xl":"text-3xl","4xl":"text-4xl","5xl":"text-5xl"},b={light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extrabold:"font-extrabold"},N={none:"leading-none",tight:"leading-tight",snug:"leading-snug",normal:"leading-normal",relaxed:"leading-relaxed"},i={h1:{size:g["4xl"],weight:b.bold,lineHeight:N.tight},h2:{size:g["3xl"],weight:b.semibold,lineHeight:N.tight},h3:{size:g["2xl"],weight:b.semibold,lineHeight:N.snug},h4:{size:g.xl,weight:b.semibold,lineHeight:N.snug},h5:{size:g.lg,weight:b.medium,lineHeight:N.normal},body1:{size:g.base,weight:b.normal,lineHeight:N.relaxed},body2:{size:g.sm,weight:b.normal,lineHeight:N.relaxed},caption:{size:g.xs,weight:b.normal,lineHeight:N.normal},label:{size:g.sm,weight:b.medium,lineHeight:N.normal},button:{size:g.base,weight:b.medium,lineHeight:N.none}},le=L.cva("",{variants:{variant:{h1:n(i.h1.size,i.h1.weight,i.h1.lineHeight,"md:text-4xl"),h2:n(i.h2.size,i.h2.weight,i.h2.lineHeight,"md:text-3xl"),h3:n(i.h3.size,i.h3.weight,i.h3.lineHeight,"md:text-2xl"),h4:n(i.h4.size,i.h4.weight,i.h4.lineHeight,"md:text-xl"),h5:n(i.h5.size,i.h5.weight,i.h5.lineHeight),body1:n(i.body1.size,i.body1.weight,i.body1.lineHeight),body2:n(i.body2.size,i.body2.weight,i.body2.lineHeight),caption:n(i.caption.size,i.caption.weight,i.caption.lineHeight),label:n(i.label.size,i.label.weight,i.label.lineHeight),button:n(i.button.size,i.button.weight,i.button.lineHeight)},color:{default:"text-gray-900",muted:"text-gray-500",white:"text-white",primary:"text-blue-600",success:"text-green-600",warning:"text-yellow-600",danger:"text-red-600"},align:{left:"text-left",center:"text-center",right:"text-right",justify:"text-justify"},transform:{uppercase:"uppercase",lowercase:"lowercase",capitalize:"capitalize",normal:"normal-case"},weight:{light:b.light,normal:b.normal,medium:b.medium,semibold:b.semibold,bold:b.bold,extrabold:b.extrabold},size:{xs:g.xs,sm:g.sm,base:g.base,lg:g.lg,xl:g.xl,"2xl":g["2xl"],"3xl":g["3xl"],"4xl":g["4xl"],"5xl":g["5xl"]}},defaultVariants:{variant:"body1",color:"default",align:"left"}}),w=({className:a,variant:s,color:o,align:r,transform:c,weight:l,size:t,as:u="p",...d})=>{const m=u;return e.jsx(m,{className:n(le({variant:s,color:o,align:r,transform:c,weight:l,size:t,className:a})),...d})},ie={default:{container:"bg-gray-50 border-gray-200",icon:"text-gray-500",text:"text-gray-700"},info:{container:"bg-blue-50 border-blue-200",icon:"text-blue-500",text:"text-blue-700"},warning:{container:"bg-yellow-50 border-yellow-200",icon:"text-yellow-500",text:"text-yellow-700"},error:{container:"bg-red-50 border-red-200",icon:"text-red-500",text:"text-red-700"},success:{container:"bg-green-50 border-green-200",icon:"text-green-500",text:"text-green-700"}},ue={default:e.jsx("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z",clipRule:"evenodd"}),info:e.jsx("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z",clipRule:"evenodd"}),warning:e.jsx("path",{fillRule:"evenodd",d:"M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z",clipRule:"evenodd"}),error:e.jsx("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z",clipRule:"evenodd"}),success:e.jsx("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",clipRule:"evenodd"})};function ce({message:a,type:s="error",className:o}){const r=ie[s];return e.jsxs("div",{className:n("w-full p-3 border rounded-lg flex items-start gap-2",r.container,o),children:[e.jsx("svg",{className:n("w-5 h-5 shrink-0 mt-0.5",r.icon),fill:"currentColor",viewBox:"0 0 20 20","aria-hidden":"true",children:ue[s]}),e.jsx(w,{variant:"body2",className:n("flex-1",r.text),children:a})]})}const J=L.cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none ring-offset-background cursor-pointer",{variants:{variant:{primary:"bg-primary text-primary-foreground hover:bg-primary/90",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90",outline:"border border-input bg-background hover:bg-accent hover:text-accent-foreground",ghost:"hover:bg-accent hover:text-accent-foreground",link:"underline-offset-4 hover:underline text-primary"},size:{sm:"h-9 px-3 py-2 text-xs",md:"h-10 py-2 px-4 text-sm",lg:"h-12 px-6 py-3 text-base",full:"h-12 w-full px-6 py-3 text-base",icon:"h-10 w-10 p-0"},rounded:{default:"rounded-md",full:"rounded-full",none:"rounded-none"}},defaultVariants:{variant:"primary",size:"md",rounded:"default"}}),_=T.forwardRef(({className:a,variant:s,size:o,rounded:r,asChild:c=!1,isLoading:l=!1,startIcon:t,endIcon:u,disabled:d,children:m,...x},f)=>{const j=c?U.Slot:"button",C=d||l;return e.jsxs(j,{className:n(J({variant:s,size:o,rounded:r,className:a})),ref:f,disabled:C,"data-loading":l,...x,children:[l&&e.jsx(p.Loader2,{className:"h-4 w-4 animate-spin"}),!l&&t,m,!l&&u]})});_.displayName="Button";const O=L.cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none ring-offset-background cursor-pointer",{variants:{variant:{primary:"text-primary hover:text-primary/90 hover:underline underline-offset-4",secondary:"text-secondary hover:text-secondary/80 hover:underline underline-offset-4",destructive:"text-destructive hover:text-destructive/90 hover:underline underline-offset-4",outline:"border border-input text-foreground hover:text-accent-foreground hover:underline underline-offset-4",ghost:"hover:text-accent-foreground hover:underline underline-offset-4",link:"underline-offset-4 hover:underline text-primary"},size:{sm:"h-9 px-3 py-2 text-xs",md:"h-10 py-2 px-4 text-sm",lg:"h-12 px-6 py-3 text-base",full:"h-12 w-full px-6 py-3 text-base",icon:"h-10 w-10 p-0"},rounded:{default:"rounded-md",full:"rounded-full",none:"rounded-none"}},defaultVariants:{variant:"primary",size:"md",rounded:"default"}}),K=T.forwardRef(({className:a,variant:s,size:o,rounded:r,asChild:c=!1,isLoading:l=!1,startIcon:t,endIcon:u,to:d,external:m=!1,children:x,...f},j)=>c?e.jsxs(U.Slot,{className:n(O({variant:s,size:o,rounded:r,className:a})),ref:j,"data-loading":l,...f,children:[l&&e.jsx(p.Loader2,{className:"h-4 w-4 animate-spin"}),!l&&t,x,!l&&u]}):m?e.jsxs("a",{href:d.toString(),className:n(O({variant:s,size:o,rounded:r,className:a})),ref:j,"data-loading":l,target:"_blank",rel:"noopener noreferrer",...f,children:[l&&e.jsx(p.Loader2,{className:"h-4 w-4 animate-spin"}),!l&&t,x,!l&&u]}):e.jsxs(re.Link,{to:d,className:n(O({variant:s,size:o,rounded:r,className:a})),ref:j,"data-loading":l,...f,children:[l&&e.jsx(p.Loader2,{className:"h-4 w-4 animate-spin"}),!l&&t,x,!l&&u]}));K.displayName="ButtonLink";function me({label:a,value:s,placeholder:o="Selecione uma data",onClick:r,onFocus:c,className:l="",state:t="default",hintText:u,compact:d=!1}){const m=()=>{r==null||r(),c==null||c()},x=()=>{switch(t){case"warning":return"border-yellow-500 focus:ring-yellow-500";case"error":return"border-red-500 focus:ring-red-500";default:return"border-gray-300 focus:ring-blue-500"}},f=()=>{switch(t){case"warning":return"text-yellow-500";case"error":return"text-red-500";default:return"text-neutral-500"}};return e.jsxs("div",{className:l,children:[e.jsx(w,{as:"label",variant:"body2",className:`${d?"mb-0.5":"mb-2"} block`,children:a}),e.jsxs("div",{className:"relative",children:[e.jsx("input",{type:"text",value:s,placeholder:o,readOnly:!0,className:`w-full border rounded-md ${d?"py-1":"py-2"} pl-10 pr-3 focus:outline-none focus:ring-2 cursor-pointer ${x()}`,onClick:m,onFocus:c}),e.jsx("div",{className:"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none",children:e.jsx(p.Calendar,{className:"h-4 w-4 text-gray-400"})})]}),e.jsx("div",{className:`${d?"h-3 mt-0":"h-5 mt-1"}`,children:u&&e.jsx("p",{className:`text-[12px] ${f()}`,children:u})})]})}function xe({value:a,onChange:s,placeholder:o,containerProps:r}){return e.jsx(z.EditorProvider,{children:e.jsx(z.Editor,{value:a,onChange:s,placeholder:o,containerProps:{...r,className:`custom-editor-container ${(r==null?void 0:r.className)??""}`,style:{...r==null?void 0:r.style,backgroundColor:"white"}},children:e.jsxs(z.Toolbar,{className:"custom-editor-toolbar",children:[e.jsx(z.BtnBold,{}),e.jsx(z.BtnItalic,{}),e.jsx(z.BtnUnderline,{}),e.jsx(z.BtnStrikeThrough,{}),e.jsx(z.BtnNumberedList,{}),e.jsx(z.BtnBulletList,{})]})})})}function fe({label:a,value:s,onIncrement:o,onDecrement:r,minValue:c=0,className:l="",hintText:t,compact:u=!1}){const d=s<=c;return e.jsxs("div",{className:l,children:[e.jsx(w,{as:"label",variant:"body2",className:`${u?"mb-0.5":"mb-2"} block`,children:a}),e.jsxs("div",{className:"flex items-center border border-gray-300 rounded-md",children:[e.jsx("button",{type:"button",onClick:r,disabled:d,className:`${u?"px-2 py-1":"px-4 py-2"} flex-1 flex justify-center items-center border-r border-gray-300 hover:bg-gray-100 active:bg-gray-200 transition-colors duration-150`,"aria-label":`Decrease ${a}`,children:e.jsx(p.Minus,{className:`h-4 w-4 ${d?"text-gray-300":"text-gray-700"}`})}),e.jsx("div",{className:`${u?"px-2 py-1":"px-4 py-2"} flex-1 text-center`,children:e.jsx(w,{as:"span",variant:"body1",className:"font-medium",children:s})}),e.jsx("button",{type:"button",onClick:o,className:`${u?"px-2 py-1":"px-4 py-2"} flex-1 flex justify-center items-center border-l border-gray-300 hover:bg-gray-100 active:bg-gray-200 transition-colors duration-150`,"aria-label":`Increase ${a}`,children:e.jsx(p.Plus,{className:"h-4 w-4 text-gray-700"})})]}),e.jsx("div",{className:`${u?"h-3 mt-1":"h-5 mt-1"}`,children:t&&e.jsx("p",{className:"text-[12px] text-neutral-500",children:t})})]})}const F=L.cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 aria-invalid:border-destructive",{variants:{variant:{default:"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",destructive:"bg-destructive text-white shadow-xs hover:bg-destructive/90",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9"}},defaultVariants:{variant:"default",size:"default"}});function ge({className:a,variant:s,size:o,asChild:r=!1,...c}){const l=r?U.Slot:"button";return e.jsx(l,{"data-slot":"button",className:n(F({variant:s,size:o,className:a})),...c})}function G({className:a,classNames:s,showOutsideDays:o=!0,captionLayout:r="label",buttonVariant:c="ghost",formatters:l,components:t,...u}){const d=A.getDefaultClassNames();return e.jsx(A.DayPicker,{showOutsideDays:o,className:n("bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,a),captionLayout:r,formatters:{formatMonthDropdown:m=>m.toLocaleString("default",{month:"short"}),...l},classNames:{root:n("w-fit",d.root),months:n("flex gap-4 flex-col md:flex-row relative",d.months),month:n("flex flex-col w-full gap-4",d.month),nav:n("flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between",d.nav),button_previous:n(F({variant:c}),"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",d.button_previous),button_next:n(F({variant:c}),"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",d.button_next),month_caption:n("flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)",d.month_caption),dropdowns:n("w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5",d.dropdowns),dropdown_root:n("relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md",d.dropdown_root),dropdown:n("absolute inset-0 opacity-0",d.dropdown),caption_label:n("select-none font-medium",r==="label"?"text-sm":"rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5",d.caption_label),table:"w-full border-collapse",weekdays:n("flex",d.weekdays),weekday:n("text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none",d.weekday),week:n("flex w-full mt-2",d.week),week_number_header:n("select-none w-(--cell-size)",d.week_number_header),week_number:n("text-[0.8rem] select-none text-muted-foreground",d.week_number),day:n("relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none",d.day),range_start:n("rounded-l-md rounded-r-none bg-gray-800 text-white !border-none !outline-none !ring-0 !shadow-none",d.range_start),range_middle:n("rounded-none bg-gray-400 text-white !border-none !outline-none !ring-0 !shadow-none",d.range_middle),range_end:n("rounded-r-md rounded-l-none bg-gray-800 text-white !border-none !outline-none !ring-0 !shadow-none",d.range_end),today:n("bg-gray-600 text-white font-bold shadow-lg !rounded-md",d.today),selected:n("!bg-transparent !text-black !font-bold !shadow-none !border-2 !border-gray-600 !rounded-md",d.selected),outside:n("text-muted-foreground aria-selected:text-muted-foreground",d.outside),disabled:n("text-muted-foreground opacity-50",d.disabled),hidden:n("invisible",d.hidden),...s},components:{Root:({className:m,rootRef:x,...f})=>e.jsx("div",{"data-slot":"calendar",ref:x,className:n(m),...f}),Chevron:({className:m,orientation:x,...f})=>x==="left"?e.jsx(p.ChevronLeftIcon,{className:n("size-4",m),...f}):x==="right"?e.jsx(p.ChevronRightIcon,{className:n("size-4",m),...f}):e.jsx(p.ChevronDownIcon,{className:n("size-4",m),...f}),DayButton:he,WeekNumber:({children:m,...x})=>e.jsx("td",{...x,children:e.jsx("div",{className:"flex size-(--cell-size) items-center justify-center text-center",children:m})}),...t},...u})}function he({className:a,day:s,modifiers:o,...r}){const c=A.getDefaultClassNames(),l=T.useRef(null);return T.useEffect(()=>{var t;o.focused&&((t=l.current)==null||t.focus())},[o.focused]),e.jsx(ge,{ref:l,variant:"ghost",size:"icon","data-day":s.date.toLocaleDateString(),"data-today":o.today,"data-selected-single":o.selected&&!o.range_start&&!o.range_end&&!o.range_middle,"data-range-start":o.range_start,"data-range-end":o.range_end,"data-range-middle":o.range_middle,className:n("data-[range-middle=true]:bg-gray-400 data-[range-middle=true]:text-white data-[range-middle=true]:!border-none data-[range-middle=true]:!outline-none data-[range-middle=true]:!ring-0 data-[range-middle=true]:hover:!bg-gray-400 data-[range-middle=true]:hover:!text-white data-[range-start=true]:bg-gray-800 data-[range-start=true]:text-white data-[range-start=true]:!border-none data-[range-start=true]:!outline-none data-[range-start=true]:!ring-0 data-[range-start=true]:!rounded-l-md data-[range-start=true]:!rounded-r-none data-[range-start=true]:hover:!bg-gray-800 data-[range-start=true]:hover:!text-white data-[range-end=true]:bg-gray-800 data-[range-end=true]:text-white data-[range-end=true]:!border-none data-[range-end=true]:!outline-none data-[range-end=true]:!ring-0 data-[range-end=true]:!rounded-r-md data-[range-end=true]:!rounded-l-none data-[range-end=true]:hover:!bg-gray-800 data-[range-end=true]:hover:!text-white data-[range-start=false]:data-[range-end=false]:data-[range-middle=false]:hover:bg-accent data-[range-start=false]:data-[range-end=false]:data-[range-middle=false]:hover:text-accent-foreground data-[range-start=false]:data-[range-end=false]:data-[range-middle=false]:hover:!rounded-md focus:!bg-gray-600 focus:!text-white focus:!font-bold focus:!shadow-lg focus:!rounded-md focus:!outline-none focus:!ring-0 !border-none !outline-none !ring-0 flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal data-[range-end=true]:hover:rounded-r-md data-[range-end=true]:hover:rounded-l-none data-[range-end=true]:focus:rounded-r-md data-[range-end=true]:focus:rounded-l-none data-[range-end=true]:focus:bg-gray-800 data-[range-end=true]:focus:text-white data-[range-middle=true]:rounded-none data-[range-middle=true]:hover:rounded-none data-[range-middle=true]:focus:rounded-none data-[range-middle=true]:focus:bg-gray-400 data-[range-middle=true]:focus:text-white data-[range-start=true]:hover:rounded-l-md data-[range-start=true]:hover:rounded-r-none data-[range-start=true]:focus:rounded-l-md data-[range-start=true]:focus:rounded-r-none data-[range-start=true]:focus:bg-gray-800 data-[range-start=true]:focus:text-white [&>span]:text-xs [&>span]:opacity-70 data-[today=true]:hover:bg-gray-700 data-[today=true]:hover:text-white data-[today=true]:hover:rounded-md",c.day,a),...r})}function be({...a}){return e.jsx(D.Root,{"data-slot":"dialog",...a})}function Q({...a}){return e.jsx(D.Portal,{"data-slot":"dialog-portal",...a})}function Z({className:a,...s}){return e.jsx(D.Overlay,{"data-slot":"dialog-overlay",className:n("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-[10000] bg-black/50",a),...s})}function pe({className:a,children:s,showCloseButton:o=!1,...r}){return e.jsxs(Q,{"data-slot":"dialog-portal",children:[e.jsx(Z,{}),e.jsxs(D.Content,{"data-slot":"dialog-content",className:n("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-[10001] grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",a),...r,children:[s,o&&e.jsxs(D.Close,{"data-slot":"dialog-close",className:"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",children:[e.jsx(p.XIcon,{}),e.jsx("span",{className:"sr-only",children:"Close"})]})]})]})}function ye({className:a,...s}){return e.jsx("div",{"data-slot":"dialog-header",className:n("flex flex-col gap-2 text-center sm:text-left p-4 pb-4",a),...s})}function ve({className:a,...s}){return e.jsx(D.Title,{"data-slot":"dialog-title",className:n("text-lg leading-none font-semibold",a),...s})}function we({isOpen:a,onClose:s,onSelect:o,initialRange:r,focusedField:c,minDate:l}){const[t,u]=k.useState(r),[d,m]=k.useState((r==null?void 0:r.from)||new Date),[x,f]=k.useState((r==null?void 0:r.from)||new Date);k.useEffect(()=>{r&&u(r)},[r]),k.useEffect(()=>{if(!a)return;const h=(c==="end"?(r==null?void 0:r.to)||(r==null?void 0:r.from):(r==null?void 0:r.from)||(r==null?void 0:r.to))||new Date;m(h),f(h)},[a,r,c]);const j=v=>{if(!v&&(t!=null&&t.from)&&(!t.to||t.from.getTime()===t.to.getTime())){u({from:t.from,to:t.from});return}u(v)},C=()=>{o(t),s()},B=()=>{u(r),s()},H=()=>u(void 0),$=v=>{f(h=>{const y=new Date(h);return y.setMonth(y.getMonth()+(v==="prev"?-1:1)),y})},q=v=>{m(h=>{const y=new Date(h);return y.setMonth(y.getMonth()+(v==="prev"?-1:1)),y})},I=()=>t!=null&&t.from?t.to?`${S.format(t.from,"dd/MM/yyyy",{locale:M.ptBR})} - ${S.format(t.to,"dd/MM/yyyy",{locale:M.ptBR})}`:S.format(t.from,"dd/MM/yyyy",{locale:M.ptBR}):"Selecione as datas",E=()=>{if(!(t!=null&&t.from)&&!(t!=null&&t.to))return"Selecione a data de início";if(t!=null&&t.from&&!(t!=null&&t.to))return"Selecione a data de fim";if(t!=null&&t.from&&(t!=null&&t.to)){const v=t.from instanceof Date?t.from:new Date(t.from),h=t.to instanceof Date?t.to:new Date(t.to),y=Math.ceil((h.getTime()-v.getTime())/(1e3*60*60*24))+1;return`${y} dia${y>1?"s":""} selecionado${y>1?"s":""}`}return""},V=v=>{if(l){const h=new Date(l);h.setHours(0,0,0,0);const y=new Date(v);return y.setHours(0,0,0,0),y<h}return!1},P={months:"flex w-full justify-center",month:"w-full space-y-4",month_caption:"hidden",nav:"hidden",table:"w-full border-collapse space-y-1",head_row:"flex w-full",head_cell:"text-muted-foreground rounded-md w-full font-normal text-[0.8rem] flex-1 text-center py-2",row:"flex w-full mt-2",cell:n("relative p-0 text-center text-sm focus-within:relative focus-within:z-20 flex-1 !border-none !outline-none"),day:n("h-8 w-full p-0 font-normal aria-selected:opacity-100 hover:bg-accent hover:text-accent-foreground hover:!rounded-md focus:!rounded-md focus:outline-none focus:ring-0"),day_range_start:"day-range-start rounded-l-md bg-gray-800 text-white !border-none !outline-none !ring-0",day_range_end:"day-range-end rounded-r-md bg-gray-800 text-white !border-none !outline-none !ring-0",day_selected:"!bg-gray-600 !text-white !font-bold !shadow-lg !rounded-md !border-none !outline-none !ring-0",today:"bg-gray-600 text-white font-bold shadow-lg rounded-md",day_outside:"text-muted-foreground opacity-50",day_disabled:"text-muted-foreground opacity-50",day_range_middle:"aria-selected:bg-gray-400 aria-selected:text-white rounded-none !border-none !outline-none !ring-0",day_hidden:"invisible"},W={months:"flex gap-6 justify-center",month:"flex flex-col gap-4",month_caption:"sm:hidden",nav:"hidden",table:"w-full border-collapse space-y-1",head_row:"flex",head_cell:"text-muted-foreground rounded-md w-9 font-normal text-[0.8rem] text-center",row:"flex w-full mt-2",cell:n("relative p-0 text-center text-sm focus-within:relative focus-within:z-20 !border-none !outline-none"),day:n("h-9 w-9 p-0 font-normal aria-selected:opacity-100 hover:bg-accent hover:text-accent-foreground hover:!rounded-md focus:!rounded-md focus:outline-none focus:ring-0"),day_range_start:"day-range-start rounded-l-md bg-gray-800 text-white !border-none !outline-none !ring-0",day_range_end:"day-range-end rounded-r-md bg-gray-800 text-white !border-none !outline-none !ring-0",day_selected:"!bg-gray-600 !text-white !font-bold !shadow-lg !rounded-md !border-none !outline-none !ring-0",today:"bg-gray-600 text-white font-bold !rounded-md",day_outside:"hidden",day_disabled:"text-muted-foreground opacity-50",day_range_middle:"aria-selected:bg-gray-400 aria-selected:text-white rounded-none !border-none !outline-none !ring-0",day_hidden:"invisible"};return e.jsx(be,{open:a,onOpenChange:s,children:e.jsxs(Q,{children:[e.jsx(Z,{className:"max-sm:!z-[9999]"}),e.jsxs(pe,{className:"sm:max-w-[900px] max-w-[95vw] max-h-[95vh] overflow-y-auto p-0 [&>*]:max-sm:!z-[10000] max-sm:!z-[10000]",children:[e.jsxs(ye,{className:"p-4 sm:p-6 pb-4",children:[e.jsx(ve,{className:"text-lg text-left font-semibold",children:"Selecionar Período"}),e.jsx(w,{variant:"body2",className:"text-gray-600",children:E()})]}),e.jsxs("div",{className:"px-4 sm:px-6",children:[e.jsxs("div",{className:"block md:hidden",children:[e.jsxs("div",{className:"flex items-center justify-between mb-4",children:[e.jsx(_,{variant:"outline",size:"sm",onClick:()=>$("prev"),className:"p-2",children:e.jsx(p.ChevronLeft,{className:"h-4 w-4"})}),e.jsx(w,{variant:"h5",className:"font-medium",children:S.format(x,"MMMM yyyy",{locale:M.ptBR})}),e.jsx(_,{variant:"outline",size:"sm",onClick:()=>$("next"),className:"p-2",children:e.jsx(p.ChevronRight,{className:"h-4 w-4"})})]}),e.jsx(G,{mode:"range",defaultMonth:x,month:x,onMonthChange:f,selected:t,onSelect:j,numberOfMonths:1,locale:M.ptBR,disabled:V,className:"mx-auto",classNames:P})]}),e.jsxs("div",{className:"hidden md:flex flex-col min-h-[320px]",children:[e.jsxs("div",{className:"flex items-center justify-center",children:[e.jsx(_,{variant:"outline",size:"sm",onClick:()=>q("prev"),className:"p-2 mr-3",children:e.jsx(p.ChevronLeft,{className:"h-4 w-4"})}),e.jsxs("div",{className:"flex gap-8",children:[e.jsx(w,{variant:"h5",className:"font-medium min-w-[120px] text-center",children:S.format(d,"MMMM yyyy",{locale:M.ptBR})}),e.jsx(w,{variant:"h5",className:"font-medium min-w-[120px] text-center",children:S.format(new Date(d.getFullYear(),d.getMonth()+1),"MMMM yyyy",{locale:M.ptBR})})]}),e.jsx(_,{variant:"outline",size:"sm",onClick:()=>q("next"),className:"p-2 ml-3",children:e.jsx(p.ChevronRight,{className:"h-4 w-4"})})]}),e.jsx(G,{mode:"range",defaultMonth:d,month:d,onMonthChange:m,selected:t,onSelect:j,numberOfMonths:2,showOutsideDays:!1,locale:M.ptBR,disabled:V,className:"w-full justify-center",classNames:W})]}),e.jsx("div",{className:"mb-6 p-4 bg-gray-200 rounded-lg",children:e.jsxs("div",{className:"flex justify-between items-center",children:[e.jsxs("div",{className:"flex-1",children:[e.jsx(w,{variant:"body2",className:"text-gray-600 mb-1",children:"Período selecionado:"}),e.jsx(w,{variant:"body1",className:"font-medium max-sm:text-sm",children:I()})]}),(t==null?void 0:t.from)&&e.jsx(_,{variant:"secondary",size:"sm",onClick:H,className:"text-white bg-gray-400 hover:text-gray-700",children:"Limpar"})]})})]}),e.jsxs("div",{className:"flex justify-end gap-3 p-4 sm:p-6 pt-4 border-t",children:[e.jsx(_,{variant:"outline",onClick:B,children:"Cancelar"}),e.jsx(_,{variant:"primary",onClick:C,disabled:!(t!=null&&t.from)||!(t!=null&&t.to),children:"Confirmar"})]})]})]})})}const R=k.forwardRef(({placeholder:a="Digite...",variant:s="default",size:o="md",className:r,...c},l)=>{const t=()=>{switch(o){case"sm":return"h-9 text-sm";case"md":return"h-12 text-base";case"lg":return"h-14 text-lg";default:return"h-12"}},u=()=>{switch(o){case"sm":return"w-40";case"md":return"w-64";case"lg":return"w-80";case"full":return"w-full";default:return"w-64"}};return e.jsxs("div",{className:n("relative flex",u(),r),children:[e.jsx("div",{className:"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none",children:e.jsx(p.Search,{className:"h-4 w-4 text-gray-400"})}),e.jsx("input",{ref:l,type:"text",placeholder:a,className:n("bg-gray-100 pl-10 pr-4 text-sm focus:outline-none focus:ring-2 focus:ring-[#3f52e3] transition-colors rounded-md w-full",t(),s==="default"&&"rounded-sm",s==="compact"&&"rounded-md"),...c})]})});R.displayName="SearchInput";function je({className:a,...s}){return e.jsx(de.Root,{"data-slot":"label",className:n("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",a),...s})}function Ne({className:a,type:s,...o}){return e.jsx("input",{type:s,"data-slot":"input",className:n("file:text-foreground placeholder:text-gray-400 selection:bg-primary selection:text-primary-foreground border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm","focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]","aria-invalid:ring-destructive/20 aria-invalid:border-destructive",a),...o})}function ze({label:a,placeholder:s,type:o="text",state:r="default",hintText:c,value:l,onChange:t,required:u=!1,disabled:d=!1,id:m,className:x,size:f="md",autoComplete:j="off",autoCapitalize:C="none",compact:B=!1}){const[H,$]=k.useState(!1),q=o==="password"&&H?"text":o,I=m?`${m}-hint`:void 0,E=()=>{switch(r){case"warning":return"border-yellow-500 focus-visible:ring-yellow-500";case"error":return"border-red-500 focus-visible:ring-red-500";default:return""}},V=()=>{switch(r){case"warning":return e.jsx(ae.IoWarning,{className:"text-yellow-500 size-[20px]"});case"error":return e.jsx(oe.IoMdAlert,{className:"text-red-500 size-[20px]"});default:return null}},P=()=>{switch(r){case"warning":return"text-yellow-500";case"error":return"text-red-500";default:return"text-neutral-500"}},W=()=>{switch(f){case"sm":return"h-9 text-sm w-40";case"md":return"h-12 text-base w-64";case"lg":return"h-14 text-lg w-80";case"full":return"h-12 w-full";default:return"h-12 w-64"}},v=()=>o==="password"||r!=="default"?"pr-11":"";return e.jsxs("div",{className:`flex flex-col ${B?"gap-0":"gap-1"} w-full`,children:[a&&e.jsxs(je,{htmlFor:m,className:"text-[14px] font-semibold flex items-center",children:[e.jsx("span",{children:a}),u&&e.jsx("span",{className:"text-red-500 -ml-1 inline-flex",children:"*"})]}),e.jsxs("div",{className:n("relative",f==="full"?"w-full":"w-fit"),children:[e.jsx(Ne,{id:m,type:q,placeholder:s,value:l,onChange:h=>t==null?void 0:t(h.target.value),disabled:d,"aria-required":u?"true":"false","aria-describedby":c?I:void 0,required:!1,onInvalid:h=>h.preventDefault(),autoComplete:j,autoCapitalize:C,className:n(W(),E(),v(),d&&"opacity-50 cursor-not-allowed",x)}),o==="password"&&e.jsx("button",{type:"button",onClick:()=>$(h=>!h),className:"absolute top-1/2 right-3 -translate-y-1/2 p-0 m-0 bg-transparent border-none outline-none",tabIndex:-1,children:H?e.jsx(Y.FaRegEye,{className:"size-[20px] text-gray-500"}):e.jsx(Y.FaRegEyeSlash,{className:"size-[20px] text-gray-500"})}),o!=="password"&&r!=="default"&&e.jsx("span",{className:"absolute top-1/2 right-3 -translate-y-1/2 flex items-center",children:V()})]}),e.jsx("div",{className:`${B?"h-3 mt-0":"h-5 mt-1"}`,children:c&&e.jsx("p",{id:I,className:n("text-[12px]",P()),children:c})})]})}exports.AlertBox=ce;exports.Button=_;exports.ButtonLink=K;exports.CalendarInput=me;exports.CustomEditor=xe;exports.InputCounter=fe;exports.RangeDatePicker=we;exports.SearchInput=R;exports.TextField=ze;exports.Typography=w;exports.buttonLinkVariants=O;exports.buttonVariants=J;

package/dist/index.d.ts

@@ -0,0 +1,150 @@
+import { ClassProp } from 'class-variance-authority/types';
+import { ComponentProps } from 'react';
+import { ContentEditableEvent } from 'react-simple-wysiwyg';
+import { DateRange } from 'react-day-picker';
+import { ForwardRefExoticComponent } from 'react';
+import { HTMLAttributes } from 'react';
+import { JSX } from 'react/jsx-runtime';
+import * as React_2 from 'react';
+import { RefAttributes } from 'react';
+import { To } from 'react-router-dom';
+import { VariantProps } from 'class-variance-authority';
+
+export declare function AlertBox({ message, type, className }: Readonly<AlertBoxProps>): JSX.Element;
+
+declare type AlertBoxProps = {
+    message: string;
+    type?: AlertType;
+    className?: string;
+};
+
+declare type AlertType = 'default' | 'info' | 'warning' | 'error' | 'success';
+
+declare type AutoCompleteTypes = 'off' | 'on' | 'name' | 'email' | 'username' | 'new-password' | 'current-password' | 'one-time-code' | 'organization' | 'street-address' | 'address-line1' | 'address-line2' | 'address-line3' | 'address-level1' | 'address-level2' | 'address-level3' | 'address-level4' | 'country' | 'country-name' | 'postal-code' | 'cc-name' | 'cc-number' | 'cc-exp' | 'cc-exp-month' | 'cc-exp-year' | 'cc-csc' | 'cc-type' | 'transaction-currency' | 'transaction-amount' | 'language' | 'bday' | 'bday-day' | 'bday-month' | 'bday-year' | 'sex' | 'tel' | 'tel-country-code' | 'tel-national' | 'tel-area-code' | 'tel-local' | 'tel-extension' | 'url' | 'photo';
+
+export declare const Button: React_2.ForwardRefExoticComponent<ButtonProps & React_2.RefAttributes<HTMLButtonElement>>;
+
+export declare const ButtonLink: React_2.ForwardRefExoticComponent<ButtonLinkProps & React_2.RefAttributes<HTMLAnchorElement>>;
+
+export declare interface ButtonLinkProps extends Omit<React_2.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>, VariantProps<typeof buttonLinkVariants> {
+    asChild?: boolean;
+    isLoading?: boolean;
+    startIcon?: React_2.ReactNode;
+    endIcon?: React_2.ReactNode;
+    to: To;
+    external?: boolean;
+}
+
+export declare const buttonLinkVariants: (props?: ({
+    variant?: "primary" | "link" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
+    size?: "sm" | "lg" | "md" | "full" | "icon" | null | undefined;
+    rounded?: "default" | "none" | "full" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare interface ButtonProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+    isLoading?: boolean;
+    startIcon?: React_2.ReactNode;
+    endIcon?: React_2.ReactNode;
+}
+
+export declare const buttonVariants: (props?: ({
+    variant?: "primary" | "link" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
+    size?: "sm" | "lg" | "md" | "full" | "icon" | null | undefined;
+    rounded?: "default" | "none" | "full" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export declare function CalendarInput({ label, value, placeholder, onClick, onFocus, className, state, hintText, compact, }: CalendarInputProps): JSX.Element;
+
+declare interface CalendarInputProps {
+    label: string;
+    value: string;
+    placeholder?: string;
+    onClick?: () => void;
+    onFocus?: () => void;
+    className?: string;
+    state?: 'warning' | 'error' | 'default';
+    hintText?: string;
+    compact?: boolean;
+}
+
+export declare function CustomEditor({ value, onChange, placeholder, containerProps }: CustomEditorProps): JSX.Element;
+
+declare type CustomEditorProps = Readonly<{
+    value: string;
+    onChange: (e: ContentEditableEvent) => void;
+    placeholder?: string;
+    containerProps?: ComponentProps<'div'>;
+}>;
+
+export declare type ElementType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'div' | 'label';
+
+export declare function InputCounter({ label, value, onIncrement, onDecrement, minValue, className, hintText, compact, }: InputCounterProps): JSX.Element;
+
+declare interface InputCounterProps {
+    label: string;
+    value: number;
+    onIncrement: () => void;
+    onDecrement: () => void;
+    minValue?: number;
+    className?: string;
+    hintText?: string;
+    compact?: boolean;
+}
+
+export declare function RangeDatePicker({ isOpen, onClose, onSelect, initialRange, focusedField, minDate, }: RangeDatePickerProps): JSX.Element;
+
+declare interface RangeDatePickerProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onSelect: (range: DateRange | undefined) => void;
+    initialRange?: DateRange;
+    focusedField?: 'start' | 'end' | null;
+    minDate?: Date;
+}
+
+export declare const SearchInput: ForwardRefExoticComponent<SearchInputProps & RefAttributes<HTMLInputElement>>;
+
+declare interface SearchInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    placeholder?: string;
+    variant?: 'default' | 'compact';
+    size?: 'sm' | 'md' | 'lg' | 'full';
+    className?: string;
+}
+
+export declare function TextField({ label, placeholder, type, state, hintText, value, onChange, required, disabled, id, className, size, autoComplete, autoCapitalize, compact, }: TextFieldProps): JSX.Element;
+
+declare type TextFieldProps = {
+    label?: string;
+    placeholder?: string;
+    type?: 'text' | 'password' | 'email' | 'number' | 'date';
+    state?: 'warning' | 'error' | 'default';
+    hintText?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+    required?: boolean;
+    disabled?: boolean;
+    id?: string;
+    className?: string;
+    size?: 'sm' | 'md' | 'lg' | 'full';
+    autoComplete?: AutoCompleteTypes | string;
+    autoCapitalize?: 'none' | 'sentences' | 'words' | 'characters';
+    compact?: boolean;
+};
+
+export declare const Typography: ({ className, variant, color, align, transform, weight, size, as, ...props }: TypographyProps) => JSX.Element;
+
+export declare interface TypographyProps extends Omit<HTMLAttributes<HTMLElement>, 'color'>, VariantProps<typeof typographyVariantStyles> {
+    as?: ElementType;
+}
+
+declare const typographyVariantStyles: (props?: ({
+    variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "body1" | "body2" | "caption" | "label" | "button" | null | undefined;
+    color?: "default" | "muted" | "white" | "primary" | "success" | "warning" | "danger" | null | undefined;
+    align?: "left" | "center" | "right" | "justify" | null | undefined;
+    transform?: "uppercase" | "lowercase" | "capitalize" | "normal" | null | undefined;
+    weight?: "normal" | "light" | "medium" | "semibold" | "bold" | "extrabold" | null | undefined;
+    size?: "4xl" | "3xl" | "2xl" | "xs" | "sm" | "base" | "lg" | "xl" | "5xl" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+export { }