@usetrip/react-ui 0.1.0 → 0.2.0

package/dist/chunks/CustomEditor-q2MqCUUF.js

@@ -0,0 +1,28 @@
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import { EditorProvider as u, Editor as r, Toolbar as s, BtnBold as B, BtnItalic as o, BtnUnderline as h, BtnStrikeThrough as b, BtnNumberedList as N, BtnBulletList as a } from "react-simple-wysiwyg";
+function x({ value: d, onChange: e, placeholder: m, containerProps: l }) {
+  return /* @__PURE__ */ t(u, { children: /* @__PURE__ */ t(
+    r,
+    {
+      value: d,
+      onChange: e,
+      placeholder: m,
+      containerProps: {
+        ...l,
+        className: `custom-editor-container ${(l == null ? void 0 : l.className) ?? ""}`,
+        style: { ...l == null ? void 0 : l.style, backgroundColor: "white" }
+      },
+      children: /* @__PURE__ */ i(s, { className: "custom-editor-toolbar", children: [
+        /* @__PURE__ */ t(B, {}),
+        /* @__PURE__ */ t(o, {}),
+        /* @__PURE__ */ t(h, {}),
+        /* @__PURE__ */ t(b, {}),
+        /* @__PURE__ */ t(N, {}),
+        /* @__PURE__ */ t(a, {})
+      ] })
+    }
+  ) });
+}
+export {
+  x as C
+};

package/dist/chunks/InputCounter-6ZYoaiaX.js

@@ -0,0 +1,46 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { Minus as m, Plus as b } from "lucide-react";
+import { T as l } from "./Typography-B892BQsd.js";
+function g({
+  label: a,
+  value: t,
+  onIncrement: o,
+  onDecrement: d,
+  minValue: c = 0,
+  className: y = "",
+  hintText: s,
+  compact: r = !1
+}) {
+  const n = t <= c;
+  return /* @__PURE__ */ i("div", { className: y, children: [
+    /* @__PURE__ */ e(l, { as: "label", variant: "body2", className: `${r ? "mb-0.5" : "mb-2"} block`, children: a }),
+    /* @__PURE__ */ i("div", { className: "flex items-center border border-gray-300 rounded-md", children: [
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          onClick: d,
+          disabled: n,
+          className: `${r ? "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: /* @__PURE__ */ e(m, { className: `h-4 w-4 ${n ? "text-gray-300" : "text-gray-700"}` })
+        }
+      ),
+      /* @__PURE__ */ e("div", { className: `${r ? "px-2 py-1" : "px-4 py-2"} flex-1 text-center`, children: /* @__PURE__ */ e(l, { as: "span", variant: "body1", className: "font-medium", children: t }) }),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          onClick: o,
+          className: `${r ? "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: /* @__PURE__ */ e(b, { className: "h-4 w-4 text-gray-700" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e("div", { className: `${r ? "h-3 mt-1" : "h-5 mt-1"}`, children: s && /* @__PURE__ */ e("p", { className: "text-[12px] text-neutral-500", children: s }) })
+  ] });
+}
+export {
+  g as I
+};

package/dist/chunks/InputCounter-srYivV6j.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),i=require("lucide-react"),l=require("./Typography-CTDehHO_.cjs");function y({label:s,value:t,onIncrement:c,onDecrement:o,minValue:d=0,className:x="",hintText:a,compact:r=!1}){const n=t<=d;return e.jsxs("div",{className:x,children:[e.jsx(l.Typography,{as:"label",variant:"body2",className:`${r?"mb-0.5":"mb-2"} block`,children:s}),e.jsxs("div",{className:"flex items-center border border-gray-300 rounded-md",children:[e.jsx("button",{type:"button",onClick:o,disabled:n,className:`${r?"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 ${s}`,children:e.jsx(i.Minus,{className:`h-4 w-4 ${n?"text-gray-300":"text-gray-700"}`})}),e.jsx("div",{className:`${r?"px-2 py-1":"px-4 py-2"} flex-1 text-center`,children:e.jsx(l.Typography,{as:"span",variant:"body1",className:"font-medium",children:t})}),e.jsx("button",{type:"button",onClick:c,className:`${r?"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 ${s}`,children:e.jsx(i.Plus,{className:"h-4 w-4 text-gray-700"})})]}),e.jsx("div",{className:`${r?"h-3 mt-1":"h-5 mt-1"}`,children:a&&e.jsx("p",{className:"text-[12px] text-neutral-500",children:a})})]})}exports.InputCounter=y;

package/dist/chunks/RangeDatePicker-CoEU93mq.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("react/jsx-runtime"),j=require("react"),y=require("lucide-react"),v=require("date-fns"),x=require("date-fns/locale"),n=require("./utils-D1b-iVvd.cjs"),N=require("react-day-picker"),A=require("@radix-ui/react-slot"),F=require("class-variance-authority"),W=require("@radix-ui/react-dialog"),b=require("./Button-DjizmSRN.cjs"),w=require("./Typography-CTDehHO_.cjs");function q(o){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const d in o)if(d!=="default"){const a=Object.getOwnPropertyDescriptor(o,d);Object.defineProperty(s,d,a.get?a:{enumerable:!0,get:()=>o[d]})}}return s.default=o,Object.freeze(s)}const S=q(j),_=q(W),D=F.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 X({className:o,variant:s,size:d,asChild:a=!1,...f}){const g=a?A.Slot:"button";return t.jsx(g,{"data-slot":"button",className:n.cn(D({variant:s,size:d,className:o})),...f})}function B({className:o,classNames:s,showOutsideDays:d=!0,captionLayout:a="label",buttonVariant:f="ghost",formatters:g,components:e,...p}){const r=N.getDefaultClassNames();return t.jsx(N.DayPicker,{showOutsideDays:d,className:n.cn("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`,o),captionLayout:a,formatters:{formatMonthDropdown:c=>c.toLocaleString("default",{month:"short"}),...g},classNames:{root:n.cn("w-fit",r.root),months:n.cn("flex gap-4 flex-col md:flex-row relative",r.months),month:n.cn("flex flex-col w-full gap-4",r.month),nav:n.cn("flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between",r.nav),button_previous:n.cn(D({variant:f}),"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",r.button_previous),button_next:n.cn(D({variant:f}),"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",r.button_next),month_caption:n.cn("flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)",r.month_caption),dropdowns:n.cn("w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5",r.dropdowns),dropdown_root:n.cn("relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md",r.dropdown_root),dropdown:n.cn("absolute inset-0 opacity-0",r.dropdown),caption_label:n.cn("select-none font-medium",a==="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",r.caption_label),table:"w-full border-collapse",weekdays:n.cn("flex",r.weekdays),weekday:n.cn("text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none",r.weekday),week:n.cn("flex w-full mt-2",r.week),week_number_header:n.cn("select-none w-(--cell-size)",r.week_number_header),week_number:n.cn("text-[0.8rem] select-none text-muted-foreground",r.week_number),day:n.cn("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",r.day),range_start:n.cn("rounded-l-md rounded-r-none bg-gray-800 text-white !border-none !outline-none !ring-0 !shadow-none",r.range_start),range_middle:n.cn("rounded-none bg-gray-400 text-white !border-none !outline-none !ring-0 !shadow-none",r.range_middle),range_end:n.cn("rounded-r-md rounded-l-none bg-gray-800 text-white !border-none !outline-none !ring-0 !shadow-none",r.range_end),today:n.cn("bg-gray-600 text-white font-bold shadow-lg !rounded-md",r.today),selected:n.cn("!bg-transparent !text-black !font-bold !shadow-none !border-2 !border-gray-600 !rounded-md",r.selected),outside:n.cn("text-muted-foreground aria-selected:text-muted-foreground",r.outside),disabled:n.cn("text-muted-foreground opacity-50",r.disabled),hidden:n.cn("invisible",r.hidden),...s},components:{Root:({className:c,rootRef:m,...h})=>t.jsx("div",{"data-slot":"calendar",ref:m,className:n.cn(c),...h}),Chevron:({className:c,orientation:m,...h})=>m==="left"?t.jsx(y.ChevronLeftIcon,{className:n.cn("size-4",c),...h}):m==="right"?t.jsx(y.ChevronRightIcon,{className:n.cn("size-4",c),...h}):t.jsx(y.ChevronDownIcon,{className:n.cn("size-4",c),...h}),DayButton:Y,WeekNumber:({children:c,...m})=>t.jsx("td",{...m,children:t.jsx("div",{className:"flex size-(--cell-size) items-center justify-center text-center",children:c})}),...e},...p})}function Y({className:o,day:s,modifiers:d,...a}){const f=N.getDefaultClassNames(),g=S.useRef(null);return S.useEffect(()=>{var e;d.focused&&((e=g.current)==null||e.focus())},[d.focused]),t.jsx(X,{ref:g,variant:"ghost",size:"icon","data-day":s.date.toLocaleDateString(),"data-today":d.today,"data-selected-single":d.selected&&!d.range_start&&!d.range_end&&!d.range_middle,"data-range-start":d.range_start,"data-range-end":d.range_end,"data-range-middle":d.range_middle,className:n.cn("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",f.day,o),...a})}function G({...o}){return t.jsx(_.Root,{"data-slot":"dialog",...o})}function T({...o}){return t.jsx(_.Portal,{"data-slot":"dialog-portal",...o})}function P({className:o,...s}){return t.jsx(_.Overlay,{"data-slot":"dialog-overlay",className:n.cn("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",o),...s})}function J({className:o,children:s,showCloseButton:d=!1,...a}){return t.jsxs(T,{"data-slot":"dialog-portal",children:[t.jsx(P,{}),t.jsxs(_.Content,{"data-slot":"dialog-content",className:n.cn("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",o),...a,children:[s,d&&t.jsxs(_.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:[t.jsx(y.XIcon,{}),t.jsx("span",{className:"sr-only",children:"Close"})]})]})]})}function K({className:o,...s}){return t.jsx("div",{"data-slot":"dialog-header",className:n.cn("flex flex-col gap-2 text-center sm:text-left p-4 pb-4",o),...s})}function Q({className:o,...s}){return t.jsx(_.Title,{"data-slot":"dialog-title",className:n.cn("text-lg leading-none font-semibold",o),...s})}function U({isOpen:o,onClose:s,onSelect:d,initialRange:a,focusedField:f,minDate:g}){const[e,p]=j.useState(a),[r,c]=j.useState((a==null?void 0:a.from)||new Date),[m,h]=j.useState((a==null?void 0:a.from)||new Date);j.useEffect(()=>{a&&p(a)},[a]),j.useEffect(()=>{if(!o)return;const u=(f==="end"?(a==null?void 0:a.to)||(a==null?void 0:a.from):(a==null?void 0:a.from)||(a==null?void 0:a.to))||new Date;c(u),h(u)},[o,a,f]);const z=i=>{if(!i&&(e!=null&&e.from)&&(!e.to||e.from.getTime()===e.to.getTime())){p({from:e.from,to:e.from});return}p(i)},O=()=>{d(e),s()},$=()=>{p(a),s()},I=()=>p(void 0),M=i=>{h(u=>{const l=new Date(u);return l.setMonth(l.getMonth()+(i==="prev"?-1:1)),l})},k=i=>{c(u=>{const l=new Date(u);return l.setMonth(l.getMonth()+(i==="prev"?-1:1)),l})},L=()=>e!=null&&e.from?e.to?`${v.format(e.from,"dd/MM/yyyy",{locale:x.ptBR})} - ${v.format(e.to,"dd/MM/yyyy",{locale:x.ptBR})}`:v.format(e.from,"dd/MM/yyyy",{locale:x.ptBR}):"Selecione as datas",E=()=>{if(!(e!=null&&e.from)&&!(e!=null&&e.to))return"Selecione a data de início";if(e!=null&&e.from&&!(e!=null&&e.to))return"Selecione a data de fim";if(e!=null&&e.from&&(e!=null&&e.to)){const i=e.from instanceof Date?e.from:new Date(e.from),u=e.to instanceof Date?e.to:new Date(e.to),l=Math.ceil((u.getTime()-i.getTime())/(1e3*60*60*24))+1;return`${l} dia${l>1?"s":""} selecionado${l>1?"s":""}`}return""},C=i=>{if(g){const u=new Date(g);u.setHours(0,0,0,0);const l=new Date(i);return l.setHours(0,0,0,0),l<u}return!1},H={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.cn("relative p-0 text-center text-sm focus-within:relative focus-within:z-20 flex-1 !border-none !outline-none"),day:n.cn("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"},V={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.cn("relative p-0 text-center text-sm focus-within:relative focus-within:z-20 !border-none !outline-none"),day:n.cn("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 t.jsx(G,{open:o,onOpenChange:s,children:t.jsxs(T,{children:[t.jsx(P,{className:"max-sm:!z-[9999]"}),t.jsxs(J,{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:[t.jsxs(K,{className:"p-4 sm:p-6 pb-4",children:[t.jsx(Q,{className:"text-lg text-left font-semibold",children:"Selecionar Período"}),t.jsx(w.Typography,{variant:"body2",className:"text-gray-600",children:E()})]}),t.jsxs("div",{className:"px-4 sm:px-6",children:[t.jsxs("div",{className:"block md:hidden",children:[t.jsxs("div",{className:"flex items-center justify-between mb-4",children:[t.jsx(b.Button,{variant:"outline",size:"sm",onClick:()=>M("prev"),className:"p-2",children:t.jsx(y.ChevronLeft,{className:"h-4 w-4"})}),t.jsx(w.Typography,{variant:"h5",className:"font-medium",children:v.format(m,"MMMM yyyy",{locale:x.ptBR})}),t.jsx(b.Button,{variant:"outline",size:"sm",onClick:()=>M("next"),className:"p-2",children:t.jsx(y.ChevronRight,{className:"h-4 w-4"})})]}),t.jsx(B,{mode:"range",defaultMonth:m,month:m,onMonthChange:h,selected:e,onSelect:z,numberOfMonths:1,locale:x.ptBR,disabled:C,className:"mx-auto",classNames:H})]}),t.jsxs("div",{className:"hidden md:flex flex-col min-h-[320px]",children:[t.jsxs("div",{className:"flex items-center justify-center",children:[t.jsx(b.Button,{variant:"outline",size:"sm",onClick:()=>k("prev"),className:"p-2 mr-3",children:t.jsx(y.ChevronLeft,{className:"h-4 w-4"})}),t.jsxs("div",{className:"flex gap-8",children:[t.jsx(w.Typography,{variant:"h5",className:"font-medium min-w-[120px] text-center",children:v.format(r,"MMMM yyyy",{locale:x.ptBR})}),t.jsx(w.Typography,{variant:"h5",className:"font-medium min-w-[120px] text-center",children:v.format(new Date(r.getFullYear(),r.getMonth()+1),"MMMM yyyy",{locale:x.ptBR})})]}),t.jsx(b.Button,{variant:"outline",size:"sm",onClick:()=>k("next"),className:"p-2 ml-3",children:t.jsx(y.ChevronRight,{className:"h-4 w-4"})})]}),t.jsx(B,{mode:"range",defaultMonth:r,month:r,onMonthChange:c,selected:e,onSelect:z,numberOfMonths:2,showOutsideDays:!1,locale:x.ptBR,disabled:C,className:"w-full justify-center",classNames:V})]}),t.jsx("div",{className:"mb-6 p-4 bg-gray-200 rounded-lg",children:t.jsxs("div",{className:"flex justify-between items-center",children:[t.jsxs("div",{className:"flex-1",children:[t.jsx(w.Typography,{variant:"body2",className:"text-gray-600 mb-1",children:"Período selecionado:"}),t.jsx(w.Typography,{variant:"body1",className:"font-medium max-sm:text-sm",children:L()})]}),(e==null?void 0:e.from)&&t.jsx(b.Button,{variant:"secondary",size:"sm",onClick:I,className:"text-white bg-gray-400 hover:text-gray-700",children:"Limpar"})]})})]}),t.jsxs("div",{className:"flex justify-end gap-3 p-4 sm:p-6 pt-4 border-t",children:[t.jsx(b.Button,{variant:"outline",onClick:$,children:"Cancelar"}),t.jsx(b.Button,{variant:"primary",onClick:O,disabled:!(e!=null&&e.from)||!(e!=null&&e.to),children:"Confirmar"})]})]})]})})}exports.RangeDatePicker=U;

package/dist/chunks/RangeDatePicker-DwccOp_Y.js

@@ -0,0 +1,458 @@
+import { jsx as a, jsxs as l } from "react/jsx-runtime";
+import * as S from "react";
+import { useState as N, useEffect as j } from "react";
+import { ChevronLeftIcon as Y, ChevronRightIcon as A, ChevronDownIcon as F, XIcon as G, ChevronLeft as T, ChevronRight as B } from "lucide-react";
+import { format as v } from "date-fns";
+import { ptBR as p } from "date-fns/locale";
+import { c as t } from "./utils-D9fNSpDp.js";
+import { getDefaultClassNames as I, DayPicker as J } from "react-day-picker";
+import { Slot as K } from "@radix-ui/react-slot";
+import { cva as Q } from "class-variance-authority";
+import * as _ from "@radix-ui/react-dialog";
+import { B as y } from "./Button-C2ZQLgBk.js";
+import { T as w } from "./Typography-B892BQsd.js";
+const z = Q(
+  "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 U({
+  className: o,
+  variant: s,
+  size: d,
+  asChild: r = !1,
+  ...g
+}) {
+  return /* @__PURE__ */ a(
+    r ? K : "button",
+    {
+      "data-slot": "button",
+      className: t(z({ variant: s, size: d, className: o })),
+      ...g
+    }
+  );
+}
+function $({
+  className: o,
+  classNames: s,
+  showOutsideDays: d = !0,
+  captionLayout: r = "label",
+  buttonVariant: g = "ghost",
+  formatters: x,
+  components: e,
+  ...b
+}) {
+  const n = I();
+  return /* @__PURE__ */ a(
+    J,
+    {
+      showOutsideDays: d,
+      className: t(
+        "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`,
+        o
+      ),
+      captionLayout: r,
+      formatters: {
+        formatMonthDropdown: (u) => u.toLocaleString("default", { month: "short" }),
+        ...x
+      },
+      classNames: {
+        root: t("w-fit", n.root),
+        months: t("flex gap-4 flex-col md:flex-row relative", n.months),
+        month: t("flex flex-col w-full gap-4", n.month),
+        nav: t(
+          "flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between",
+          n.nav
+        ),
+        button_previous: t(
+          z({ variant: g }),
+          "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
+          n.button_previous
+        ),
+        button_next: t(
+          z({ variant: g }),
+          "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
+          n.button_next
+        ),
+        month_caption: t(
+          "flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)",
+          n.month_caption
+        ),
+        dropdowns: t(
+          "w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5",
+          n.dropdowns
+        ),
+        dropdown_root: t(
+          "relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md",
+          n.dropdown_root
+        ),
+        dropdown: t("absolute inset-0 opacity-0", n.dropdown),
+        caption_label: t(
+          "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",
+          n.caption_label
+        ),
+        table: "w-full border-collapse",
+        weekdays: t("flex", n.weekdays),
+        weekday: t(
+          "text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none",
+          n.weekday
+        ),
+        week: t("flex w-full mt-2", n.week),
+        week_number_header: t("select-none w-(--cell-size)", n.week_number_header),
+        week_number: t(
+          "text-[0.8rem] select-none text-muted-foreground",
+          n.week_number
+        ),
+        day: t(
+          "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",
+          n.day
+        ),
+        range_start: t(
+          "rounded-l-md rounded-r-none bg-gray-800 text-white !border-none !outline-none !ring-0 !shadow-none",
+          n.range_start
+        ),
+        range_middle: t(
+          "rounded-none bg-gray-400 text-white !border-none !outline-none !ring-0 !shadow-none",
+          n.range_middle
+        ),
+        range_end: t(
+          "rounded-r-md rounded-l-none bg-gray-800 text-white !border-none !outline-none !ring-0 !shadow-none",
+          n.range_end
+        ),
+        today: t("bg-gray-600 text-white font-bold shadow-lg !rounded-md", n.today),
+        selected: t(
+          "!bg-transparent !text-black !font-bold !shadow-none !border-2 !border-gray-600 !rounded-md",
+          n.selected
+        ),
+        outside: t(
+          "text-muted-foreground aria-selected:text-muted-foreground",
+          n.outside
+        ),
+        disabled: t("text-muted-foreground opacity-50", n.disabled),
+        hidden: t("invisible", n.hidden),
+        ...s
+      },
+      components: {
+        Root: ({ className: u, rootRef: f, ...h }) => /* @__PURE__ */ a("div", { "data-slot": "calendar", ref: f, className: t(u), ...h }),
+        Chevron: ({ className: u, orientation: f, ...h }) => f === "left" ? /* @__PURE__ */ a(Y, { className: t("size-4", u), ...h }) : f === "right" ? /* @__PURE__ */ a(A, { className: t("size-4", u), ...h }) : /* @__PURE__ */ a(F, { className: t("size-4", u), ...h }),
+        DayButton: Z,
+        WeekNumber: ({ children: u, ...f }) => /* @__PURE__ */ a("td", { ...f, children: /* @__PURE__ */ a("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children: u }) }),
+        ...e
+      },
+      ...b
+    }
+  );
+}
+function Z({
+  className: o,
+  day: s,
+  modifiers: d,
+  ...r
+}) {
+  const g = I(), x = S.useRef(null);
+  return S.useEffect(() => {
+    var e;
+    d.focused && ((e = x.current) == null || e.focus());
+  }, [d.focused]), /* @__PURE__ */ a(
+    U,
+    {
+      ref: x,
+      variant: "ghost",
+      size: "icon",
+      "data-day": s.date.toLocaleDateString(),
+      "data-today": d.today,
+      "data-selected-single": d.selected && !d.range_start && !d.range_end && !d.range_middle,
+      "data-range-start": d.range_start,
+      "data-range-end": d.range_end,
+      "data-range-middle": d.range_middle,
+      className: t(
+        "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",
+        g.day,
+        o
+      ),
+      ...r
+    }
+  );
+}
+function R({ ...o }) {
+  return /* @__PURE__ */ a(_.Root, { "data-slot": "dialog", ...o });
+}
+function P({ ...o }) {
+  return /* @__PURE__ */ a(_.Portal, { "data-slot": "dialog-portal", ...o });
+}
+function L({
+  className: o,
+  ...s
+}) {
+  return /* @__PURE__ */ a(
+    _.Overlay,
+    {
+      "data-slot": "dialog-overlay",
+      className: t(
+        "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",
+        o
+      ),
+      ...s
+    }
+  );
+}
+function ee({
+  className: o,
+  children: s,
+  showCloseButton: d = !1,
+  ...r
+}) {
+  return /* @__PURE__ */ l(P, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ a(L, {}),
+    /* @__PURE__ */ l(
+      _.Content,
+      {
+        "data-slot": "dialog-content",
+        className: t(
+          "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",
+          o
+        ),
+        ...r,
+        children: [
+          s,
+          d && /* @__PURE__ */ l(
+            _.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: [
+                /* @__PURE__ */ a(G, {}),
+                /* @__PURE__ */ a("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function te({ className: o, ...s }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "dialog-header",
+      className: t("flex flex-col gap-2 text-center sm:text-left p-4 pb-4", o),
+      ...s
+    }
+  );
+}
+function ae({
+  className: o,
+  ...s
+}) {
+  return /* @__PURE__ */ a(
+    _.Title,
+    {
+      "data-slot": "dialog-title",
+      className: t("text-lg leading-none font-semibold", o),
+      ...s
+    }
+  );
+}
+function ge({
+  isOpen: o,
+  onClose: s,
+  onSelect: d,
+  initialRange: r,
+  focusedField: g,
+  minDate: x
+}) {
+  const [e, b] = N(r), [n, u] = N((r == null ? void 0 : r.from) || /* @__PURE__ */ new Date()), [f, h] = N((r == null ? void 0 : r.from) || /* @__PURE__ */ new Date());
+  j(() => {
+    r && b(r);
+  }, [r]), j(() => {
+    if (!o) return;
+    const c = (g === "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)) || /* @__PURE__ */ new Date();
+    u(c), h(c);
+  }, [o, r, g]);
+  const M = (m) => {
+    if (!m && (e != null && e.from) && (!e.to || e.from.getTime() === e.to.getTime())) {
+      b({ from: e.from, to: e.from });
+      return;
+    }
+    b(m);
+  }, O = () => {
+    d(e), s();
+  }, H = () => {
+    b(r), s();
+  }, q = () => b(void 0), D = (m) => {
+    h((c) => {
+      const i = new Date(c);
+      return i.setMonth(i.getMonth() + (m === "prev" ? -1 : 1)), i;
+    });
+  }, k = (m) => {
+    u((c) => {
+      const i = new Date(c);
+      return i.setMonth(i.getMonth() + (m === "prev" ? -1 : 1)), i;
+    });
+  }, E = () => e != null && e.from ? e.to ? `${v(e.from, "dd/MM/yyyy", { locale: p })} - ${v(e.to, "dd/MM/yyyy", { locale: p })}` : v(e.from, "dd/MM/yyyy", { locale: p }) : "Selecione as datas", V = () => {
+    if (!(e != null && e.from) && !(e != null && e.to)) return "Selecione a data de início";
+    if (e != null && e.from && !(e != null && e.to)) return "Selecione a data de fim";
+    if (e != null && e.from && (e != null && e.to)) {
+      const m = e.from instanceof Date ? e.from : new Date(e.from), c = e.to instanceof Date ? e.to : new Date(e.to), i = Math.ceil((c.getTime() - m.getTime()) / (1e3 * 60 * 60 * 24)) + 1;
+      return `${i} dia${i > 1 ? "s" : ""} selecionado${i > 1 ? "s" : ""}`;
+    }
+    return "";
+  }, C = (m) => {
+    if (x) {
+      const c = new Date(x);
+      c.setHours(0, 0, 0, 0);
+      const i = new Date(m);
+      return i.setHours(0, 0, 0, 0), i < c;
+    }
+    return !1;
+  }, W = {
+    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: t("relative p-0 text-center text-sm focus-within:relative focus-within:z-20 flex-1 !border-none !outline-none"),
+    day: t("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"
+  }, X = {
+    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: t("relative p-0 text-center text-sm focus-within:relative focus-within:z-20 !border-none !outline-none"),
+    day: t("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 /* @__PURE__ */ a(R, { open: o, onOpenChange: s, children: /* @__PURE__ */ l(P, { children: [
+    /* @__PURE__ */ a(L, { className: "max-sm:!z-[9999]" }),
+    /* @__PURE__ */ l(ee, { 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: [
+      /* @__PURE__ */ l(te, { className: "p-4 sm:p-6 pb-4", children: [
+        /* @__PURE__ */ a(ae, { className: "text-lg text-left font-semibold", children: "Selecionar Período" }),
+        /* @__PURE__ */ a(w, { variant: "body2", className: "text-gray-600", children: V() })
+      ] }),
+      /* @__PURE__ */ l("div", { className: "px-4 sm:px-6", children: [
+        /* @__PURE__ */ l("div", { className: "block md:hidden", children: [
+          /* @__PURE__ */ l("div", { className: "flex items-center justify-between mb-4", children: [
+            /* @__PURE__ */ a(y, { variant: "outline", size: "sm", onClick: () => D("prev"), className: "p-2", children: /* @__PURE__ */ a(T, { className: "h-4 w-4" }) }),
+            /* @__PURE__ */ a(w, { variant: "h5", className: "font-medium", children: v(f, "MMMM yyyy", { locale: p }) }),
+            /* @__PURE__ */ a(y, { variant: "outline", size: "sm", onClick: () => D("next"), className: "p-2", children: /* @__PURE__ */ a(B, { className: "h-4 w-4" }) })
+          ] }),
+          /* @__PURE__ */ a(
+            $,
+            {
+              mode: "range",
+              defaultMonth: f,
+              month: f,
+              onMonthChange: h,
+              selected: e,
+              onSelect: M,
+              numberOfMonths: 1,
+              locale: p,
+              disabled: C,
+              className: "mx-auto",
+              classNames: W
+            }
+          )
+        ] }),
+        /* @__PURE__ */ l("div", { className: "hidden md:flex flex-col min-h-[320px]", children: [
+          /* @__PURE__ */ l("div", { className: "flex items-center justify-center", children: [
+            /* @__PURE__ */ a(y, { variant: "outline", size: "sm", onClick: () => k("prev"), className: "p-2 mr-3", children: /* @__PURE__ */ a(T, { className: "h-4 w-4" }) }),
+            /* @__PURE__ */ l("div", { className: "flex gap-8", children: [
+              /* @__PURE__ */ a(w, { variant: "h5", className: "font-medium min-w-[120px] text-center", children: v(n, "MMMM yyyy", { locale: p }) }),
+              /* @__PURE__ */ a(w, { variant: "h5", className: "font-medium min-w-[120px] text-center", children: v(
+                new Date(n.getFullYear(), n.getMonth() + 1),
+                "MMMM yyyy",
+                { locale: p }
+              ) })
+            ] }),
+            /* @__PURE__ */ a(y, { variant: "outline", size: "sm", onClick: () => k("next"), className: "p-2 ml-3", children: /* @__PURE__ */ a(B, { className: "h-4 w-4" }) })
+          ] }),
+          /* @__PURE__ */ a(
+            $,
+            {
+              mode: "range",
+              defaultMonth: n,
+              month: n,
+              onMonthChange: u,
+              selected: e,
+              onSelect: M,
+              numberOfMonths: 2,
+              showOutsideDays: !1,
+              locale: p,
+              disabled: C,
+              className: "w-full justify-center",
+              classNames: X
+            }
+          )
+        ] }),
+        /* @__PURE__ */ a("div", { className: "mb-6 p-4 bg-gray-200 rounded-lg", children: /* @__PURE__ */ l("div", { className: "flex justify-between items-center", children: [
+          /* @__PURE__ */ l("div", { className: "flex-1", children: [
+            /* @__PURE__ */ a(w, { variant: "body2", className: "text-gray-600 mb-1", children: "Período selecionado:" }),
+            /* @__PURE__ */ a(w, { variant: "body1", className: "font-medium max-sm:text-sm", children: E() })
+          ] }),
+          (e == null ? void 0 : e.from) && /* @__PURE__ */ a(y, { variant: "secondary", size: "sm", onClick: q, className: "text-white bg-gray-400 hover:text-gray-700", children: "Limpar" })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ l("div", { className: "flex justify-end gap-3 p-4 sm:p-6 pt-4 border-t", children: [
+        /* @__PURE__ */ a(y, { variant: "outline", onClick: H, children: "Cancelar" }),
+        /* @__PURE__ */ a(
+          y,
+          {
+            variant: "primary",
+            onClick: O,
+            disabled: !(e != null && e.from) || !(e != null && e.to),
+            children: "Confirmar"
+          }
+        )
+      ] })
+    ] })
+  ] }) });
+}
+export {
+  ge as R
+};

package/dist/chunks/SearchInput-5J5H9Yfv.js

@@ -0,0 +1,55 @@
+import { jsxs as u, jsx as e } from "react/jsx-runtime";
+import { Search as m } from "lucide-react";
+import { forwardRef as i } from "react";
+import { c as s } from "./utils-D9fNSpDp.js";
+const d = i(
+  ({ placeholder: n = "Digite...", variant: t = "default", size: r = "md", className: a, ...l }, c) => {
+    const o = () => {
+      switch (r) {
+        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";
+      }
+    };
+    return /* @__PURE__ */ u("div", { className: s("relative flex", (() => {
+      switch (r) {
+        case "sm":
+          return "w-40";
+        case "md":
+          return "w-64";
+        case "lg":
+          return "w-80";
+        case "full":
+          return "w-full";
+        default:
+          return "w-64";
+      }
+    })(), a), children: [
+      /* @__PURE__ */ e("div", { className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none", children: /* @__PURE__ */ e(m, { className: "h-4 w-4 text-gray-400" }) }),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          ref: c,
+          type: "text",
+          placeholder: n,
+          className: s(
+            "bg-gray-100 pl-10 pr-4 text-sm focus:outline-none focus:ring-2 focus:ring-[#3f52e3] transition-colors rounded-md w-full",
+            o(),
+            t === "default" && "rounded-sm",
+            t === "compact" && "rounded-md"
+          ),
+          ...l
+        }
+      )
+    ] });
+  }
+);
+d.displayName = "SearchInput";
+export {
+  d as S
+};

package/dist/chunks/SearchInput-Dp1Q72Co.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),o=require("lucide-react"),m=require("react"),r=require("./utils-D1b-iVvd.cjs"),n=m.forwardRef(({placeholder:c="Digite...",variant:t="default",size:s="md",className:u,...a},l)=>{const i=()=>{switch(s){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"}},d=()=>{switch(s){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:r.cn("relative flex",d(),u),children:[e.jsx("div",{className:"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none",children:e.jsx(o.Search,{className:"h-4 w-4 text-gray-400"})}),e.jsx("input",{ref:l,type:"text",placeholder:c,className:r.cn("bg-gray-100 pl-10 pr-4 text-sm focus:outline-none focus:ring-2 focus:ring-[#3f52e3] transition-colors rounded-md w-full",i(),t==="default"&&"rounded-sm",t==="compact"&&"rounded-md"),...a})]})});n.displayName="SearchInput";exports.SearchInput=n;