w-design-system 0.0.27 → 0.0.29

package/.storybook/preview.ts

@@ -1,4 +1,5 @@
 import type { Preview } from "@storybook/react";
+import "../src/reset.css";
 
 const preview: Preview = {
   parameters: {

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

@@ -0,0 +1,17 @@
+import React, { HTMLAttributes } from 'react';
+export interface DatePickerProps extends HTMLAttributes<HTMLDivElement> {
+    placeholder?: string;
+    label: string;
+    options?: {
+        text: string;
+        id: number;
+    }[];
+    selectedOption?: number | null;
+    readonly?: boolean;
+    disabled?: boolean;
+    onSelectedOptionChange?: (option: number | null) => void;
+    customDate: Date | null;
+    onSelectedCustomDate?: (date: Date | null) => void;
+}
+export declare const DatePicker: React.FC<DatePickerProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAG7C,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACxC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sBAAsB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACxD,UAAU,EAAE,IAAI,GAAG,IAAI,CAAA;IACvB,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAA;CACnD;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAahD,CAAA"}

package/dist/components/DatePicker/index.js

@@ -0,0 +1,22 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { DateRangePicker } from '../DateRangePicker';
+export const DatePicker = (_a) => {
+    var { onSelectedCustomDate, customDate } = _a, props = __rest(_a, ["onSelectedCustomDate", "customDate"]);
+    const onRangeSelected = (start) => {
+        if (onSelectedCustomDate)
+            onSelectedCustomDate(start);
+    };
+    return (React.createElement(DateRangePicker, Object.assign({}, props, { isRange: false, onSelectedCustomRange: onRangeSelected, startCustomDate: customDate, endCustomDate: customDate })));
+};
+//# sourceMappingURL=index.js.map

package/dist/components/DatePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DatePicker/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAcpD,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EAA8C,EAAE,EAAE;QAAlD,EAAE,oBAAoB,EAAE,UAAU,OAAY,EAAP,KAAK,cAA5C,sCAA8C,CAAF;IAChG,MAAM,eAAe,GAAG,CAAC,KAAkB,EAAE,EAAE;QAC7C,IAAI,oBAAoB;YAAE,oBAAoB,CAAC,KAAK,CAAC,CAAA;IACvD,CAAC,CAAA;IACD,OAAO,CACL,oBAAC,eAAe,oBACV,KAAK,IACT,OAAO,EAAE,KAAK,EACd,qBAAqB,EAAE,eAAe,EACtC,eAAe,EAAE,UAAU,EAC3B,aAAa,EAAE,UAAU,IACzB,CACH,CAAA;AACH,CAAC,CAAA"}

package/dist/components/DatePicker/stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { DatePicker as DatePicker } from './index';
+declare const meta: Meta<typeof DatePicker>;
+export default meta;
+type Story = StoryObj<typeof DatePicker>;
+export declare const SelecionarDataDeDatas: Story;
+export declare const SelecionarDatasSimples: Story;
+//# sourceMappingURL=stories.d.ts.map

package/dist/components/DatePicker/stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stories.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,UAAU,IAAI,UAAU,EAAE,MAAM,SAAS,CAAA;AAGlD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAUC,CAAA;AAEnC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AA4CxC,eAAO,MAAM,qBAAqB,EAAE,KAEnC,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KAEpC,CAAA"}

package/dist/components/DatePicker/stories.js

@@ -0,0 +1,61 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { DatePicker as DatePicker } from './index';
+import React from 'react';
+const meta = {
+    title: 'Components/DatePicker',
+    component: DatePicker,
+    tags: ['autodocs'],
+    argTypes: {
+        placeholder: { control: 'text' },
+        label: { control: 'text' },
+        readonly: { control: 'boolean' },
+        disabled: { control: 'boolean' },
+    },
+};
+export default meta;
+const ComponentWrapper = (_a) => {
+    var { defaultOptions } = _a, args = __rest(_a, ["defaultOptions"]);
+    const [selectedOption, setSelectOption] = React.useState(null);
+    const [customDate, setCustomDate] = React.useState(null);
+    const onSelectedOptionChange = (option) => {
+        setSelectOption(option);
+        if (option === null) {
+            setCustomDate(null);
+            return;
+        }
+        const date = new Date();
+        date.setDate(date.getDate() + option);
+        setCustomDate(date);
+    };
+    return (React.createElement(DatePicker, Object.assign({ selectedOption: selectedOption, customDate: customDate, onSelectedOptionChange: onSelectedOptionChange, onSelectedCustomDate: date => setCustomDate(date), options: defaultOptions !== null && defaultOptions !== void 0 ? defaultOptions : [
+            {
+                text: 'Ontem',
+                id: -1,
+            },
+            {
+                text: 'Hoje',
+                id: 0,
+            },
+            {
+                text: 'Amanhã',
+                id: 1,
+            },
+        ] }, args)));
+};
+export const SelecionarDataDeDatas = {
+    render: args => React.createElement(ComponentWrapper, { label: "Data da Disputa", placeholder: "Placeholder" }),
+};
+export const SelecionarDatasSimples = {
+    render: args => React.createElement(ComponentWrapper, { defaultOptions: [] }),
+};
+//# sourceMappingURL=stories.js.map

package/dist/components/DatePicker/stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../src/components/DatePicker/stories.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,EAAE,UAAU,IAAI,UAAU,EAAE,MAAM,SAAS,CAAA;AAClD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,IAAI,GAA4B;IACpC,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,UAAU;IACrB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,WAAW,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAChC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC1B,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAChC,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KACjC;CACgC,CAAA;AAEnC,eAAe,IAAI,CAAA;AAGnB,MAAM,gBAAgB,GAAG,CAAC,EAAgC,EAAE,EAAE;QAApC,EAAE,cAAc,OAAgB,EAAX,IAAI,cAAzB,kBAA2B,CAAF;IACjD,MAAM,CAAC,cAAc,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAgB,IAAI,CAAC,CAAA;IAE7E,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAc,IAAI,CAAC,CAAA;IACrE,MAAM,sBAAsB,GAAG,CAAC,MAAqB,EAAE,EAAE;QACvD,eAAe,CAAC,MAAM,CAAC,CAAA;QACvB,IAAI,MAAM,KAAK,IAAI,EAAE,CAAC;YACpB,aAAa,CAAC,IAAI,CAAC,CAAA;YACnB,OAAM;QACR,CAAC;QACD,MAAM,IAAI,GAAG,IAAI,IAAI,EAAE,CAAA;QACvB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,MAAM,CAAC,CAAA;QACrC,aAAa,CAAC,IAAI,CAAC,CAAA;IAErB,CAAC,CAAA;IACD,OAAO,CACL,oBAAC,UAAU,kBACT,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,sBAAsB,EAAE,sBAAsB,EAC9C,oBAAoB,EAAE,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,EACjD,OAAO,EACL,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI;YAChB;gBACE,IAAI,EAAE,OAAO;gBACb,EAAE,EAAE,CAAC,CAAC;aACP;YACD;gBACE,IAAI,EAAE,MAAM;gBACZ,EAAE,EAAE,CAAC;aACN;YACD;gBACE,IAAI,EAAE,QAAQ;gBACd,EAAE,EAAE,CAAC;aACN;SACF,IAEC,IAAI,EACR,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAU;IAC1C,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,oBAAC,gBAAgB,IAAC,KAAK,EAAC,iBAAiB,EAAC,WAAW,EAAC,aAAa,GAAG;CACvF,CAAA;AAED,MAAM,CAAC,MAAM,sBAAsB,GAAU;IAC3C,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,oBAAC,gBAAgB,IAAC,cAAc,EAAE,EAAE,GAAI;CACzD,CAAA"}

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

@@ -0,0 +1,19 @@
+import React, { HTMLAttributes } from 'react';
+export interface DateRangePickerProps extends HTMLAttributes<HTMLDivElement> {
+    isRange?: boolean;
+    placeholder?: string;
+    label?: string;
+    options?: {
+        text: string;
+        id: number;
+    }[];
+    selectedOption?: number | null;
+    readonly?: boolean;
+    disabled?: boolean;
+    onSelectedOptionChange?: (option: number | null) => void;
+    startCustomDate: Date | null;
+    endCustomDate: Date | null;
+    onSelectedCustomRange: (start: Date | null, end: Date | null) => void;
+}
+export declare const DateRangePicker: React.FC<DateRangePickerProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAwC,MAAM,OAAO,CAAA;AAcnF,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACxC,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sBAAsB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACxD,eAAe,EAAE,IAAI,GAAG,IAAI,CAAA;IAC5B,aAAa,EAAE,IAAI,GAAG,IAAI,CAAA;IAC1B,qBAAqB,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAA;CACtE;AAmCD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA4K1D,CAAA"}

package/dist/components/DateRangePicker/index.js

@@ -0,0 +1,159 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useEffect, useMemo, useRef, useState } from 'react';
+import { calendarSVG, chevronLeftSVG, chevronRightSVG } from '../../assets/icon';
+import { IconWrapper } from '../IconWrapper';
+import { Select } from '../Select';
+import { theme } from '../Themes';
+import { CalendarDay, CalendarDaySelectedBackground, CalendarDayValue, CalendarGrid, CalendarHeader, CalendarWeekDayLabel, } from './styles';
+const monthNames = [
+    'Janeiro',
+    'Fevereiro',
+    'Março',
+    'Abril',
+    'Maio',
+    'Junho',
+    'Julho',
+    'Agosto',
+    'Setembro',
+    'Outubro',
+    'Novembro',
+    'Dezembro',
+];
+const weekDays = ['DOM', 'SEG', 'TER', 'QUA', 'QUI', 'SEX', 'SAB'];
+export const DateRangePicker = (_a) => {
+    var _b, _c, _d;
+    var { label, options, selectedOption, onSelectedOptionChange, placeholder, onSelectedCustomRange, startCustomDate, endCustomDate, isRange } = _a, props = __rest(_a, ["label", "options", "selectedOption", "onSelectedOptionChange", "placeholder", "onSelectedCustomRange", "startCustomDate", "endCustomDate", "isRange"]);
+    const [currentYear, setCurrentYear] = useState(0);
+    const [currentMonth, setCurrentMonth] = useState(0);
+    const [currentMouseHoverDate, setCurrentMouseHoverDate] = useState(null);
+    const selectRef = useRef(null);
+    useEffect(() => {
+        const date = new Date();
+        setCurrentYear(date.getFullYear());
+        setCurrentMonth(date.getMonth());
+    }, []);
+    const days = [];
+    const changeMonth = (delta) => {
+        const newDate = new Date(currentYear, currentMonth + delta);
+        setCurrentYear(newDate.getFullYear());
+        setCurrentMonth(newDate.getMonth());
+    };
+    const onSelectedOptionChangeHandler = (option) => {
+        var _a;
+        if (onSelectedOptionChange) {
+            onSelectedOptionChange(option);
+            if (onSelectedCustomRange)
+                onSelectedCustomRange(null, null);
+            (_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.setOpen(false);
+        }
+    };
+    const onDayClick = (date) => {
+        var _a, _b, _c;
+        if (onSelectedOptionChange)
+            onSelectedOptionChange(null);
+        if (!startCustomDate) {
+            onSelectedCustomRange && onSelectedCustomRange(date, null);
+            currentMouseHoverDate && setCurrentMouseHoverDate(date);
+            if (isRange === false)
+                (_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.setOpen(false);
+        }
+        else if (!endCustomDate) {
+            let firstDate = startCustomDate;
+            let secondDate = date;
+            if (firstDate && secondDate && firstDate > secondDate) {
+                const temp = firstDate;
+                firstDate = secondDate;
+                secondDate = temp;
+            }
+            onSelectedCustomRange && onSelectedCustomRange(firstDate, secondDate);
+            (_b = selectRef.current) === null || _b === void 0 ? void 0 : _b.setOpen(false);
+        }
+        else {
+            if (isRange === false)
+                (_c = selectRef.current) === null || _c === void 0 ? void 0 : _c.setOpen(false);
+            onSelectedCustomRange && onSelectedCustomRange(date, null);
+            setCurrentMouseHoverDate(date);
+        }
+    };
+    const onMouseEnter = (date) => {
+        if (startCustomDate && !endCustomDate) {
+            setCurrentMouseHoverDate(date);
+        }
+    };
+    const onMouseLeave = (date) => { };
+    const day = new Date(currentYear, currentMonth, 1);
+    for (let i = 0; i < day.getDay(); i++) {
+        days.push({ type: 'empty', key: `before-${i}` });
+    }
+    const todayString = new Date().toDateString();
+    let firstDate = startCustomDate;
+    let secondDate = endCustomDate !== null && endCustomDate !== void 0 ? endCustomDate : currentMouseHoverDate;
+    if (firstDate && secondDate && firstDate > secondDate) {
+        const temp = firstDate;
+        firstDate = secondDate;
+        secondDate = temp;
+    }
+    while (day.getMonth() === currentMonth) {
+        const isSelected = (_b = (firstDate && secondDate && day >= firstDate && day <= secondDate)) !== null && _b !== void 0 ? _b : false;
+        days.push({
+            type: 'day',
+            value: day.getDate(),
+            today: day.toDateString() === todayString,
+            selected: isSelected,
+            date: new Date(day),
+            isFirstSelected: (_c = (firstDate && firstDate.toDateString() === day.toDateString())) !== null && _c !== void 0 ? _c : false,
+            isLastSelected: (_d = (secondDate && secondDate.toDateString() === day.toDateString())) !== null && _d !== void 0 ? _d : false,
+        });
+        day.setDate(day.getDate() + 1);
+    }
+    const value = useMemo(() => {
+        if (selectedOption !== null)
+            return '';
+        if (!firstDate && !secondDate)
+            return '';
+        if (firstDate && !secondDate)
+            return firstDate.toLocaleDateString();
+        if (secondDate && (firstDate === null || firstDate === void 0 ? void 0 : firstDate.toLocaleDateString()) === secondDate.toLocaleDateString())
+            return firstDate.toLocaleDateString();
+        if (firstDate && secondDate)
+            return `${firstDate.toLocaleDateString()} - ${secondDate.toLocaleDateString()}`;
+        return '';
+    }, [selectedOption, firstDate, secondDate]);
+    placeholder = placeholder !== null && placeholder !== void 0 ? placeholder : 'Selecione um período';
+    const { customOptionId, optionComputed } = useMemo(() => {
+        if (options && options.length > 0) {
+            const customOptionId = Math.max(...options.map(option => { var _a; return (_a = option.id) !== null && _a !== void 0 ? _a : 0; })) + 1;
+            const optionComputed = [...options, { text: 'Período Personalizado', id: customOptionId }];
+            return { customOptionId, optionComputed };
+        }
+        return { customOptionId: 0, optionComputed: [] };
+    }, [selectedOption, options]);
+    return (React.createElement(Select, Object.assign({ ref: selectRef, placeholder: placeholder, label: label, value: value, leftIcon: React.createElement(IconWrapper, { className: "icon", src: calendarSVG, width: "20px", height: "20px", color: theme.colors.shade30 }), options: optionComputed, selectedOption: selectedOption !== null && selectedOption !== void 0 ? selectedOption : (firstDate ? customOptionId : null), onOptionChange: onSelectedOptionChangeHandler }, props),
+        React.createElement(CalendarHeader, null,
+            React.createElement(IconWrapper, { className: "icon", src: chevronLeftSVG, width: "14px", onClick: () => changeMonth(-1) }),
+            monthNames[currentMonth],
+            " ",
+            currentYear,
+            React.createElement(IconWrapper, { className: "icon", src: chevronRightSVG, width: "14px", onClick: () => changeMonth(1) })),
+        React.createElement(CalendarGrid, null,
+            weekDays.map(weekDay => (React.createElement(CalendarWeekDayLabel, { key: weekDay }, weekDay))),
+            days.map(day => {
+                if (day.type === 'empty') {
+                    return React.createElement("div", { key: day.key });
+                }
+                return (React.createElement(CalendarDay, { isFirstSelected: day.isFirstSelected, isLastSelected: day.isLastSelected, key: day.value, today: day.today, onClick: () => onDayClick(day.date), onMouseEnter: () => onMouseEnter(day.date), onMouseLeave: () => onMouseLeave(day.date) },
+                    React.createElement(CalendarDaySelectedBackground, { isFirstSelected: day.isFirstSelected, isLastSelected: day.isLastSelected, selected: day.selected, today: day.today }),
+                    React.createElement(CalendarDayValue, null, day.value)));
+            }))));
+};
+//# sourceMappingURL=index.js.map

package/dist/components/DateRangePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DateRangePicker/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAkB,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACnF,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAChF,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAa,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AACjC,OAAO,EACL,WAAW,EACX,6BAA6B,EAC7B,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,oBAAoB,GACrB,MAAM,UAAU,CAAA;AA+BjB,MAAM,UAAU,GAAG;IACjB,SAAS;IACT,WAAW;IACX,OAAO;IACP,OAAO;IACP,MAAM;IACN,OAAO;IACP,OAAO;IACP,QAAQ;IACR,UAAU;IACV,SAAS;IACT,UAAU;IACV,UAAU;CACX,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAA;AAGlE,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAW/D,EAAE,EAAE;;QAX2D,EAC9D,KAAK,EACL,OAAO,EACP,cAAc,EACd,sBAAsB,EACtB,WAAW,EACX,qBAAqB,EACrB,eAAe,EACf,aAAa,EACb,OAAO,OAER,EADI,KAAK,cAVsD,uJAW/D,CADS;IAER,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IACjD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IACnD,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,QAAQ,CAAc,IAAI,CAAC,CAAA;IACrF,MAAM,SAAS,GAAG,MAAM,CAAY,IAAI,CAAC,CAAA;IAEzC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,IAAI,GAAG,IAAI,IAAI,EAAE,CAAA;QACvB,cAAc,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAA;QAClC,eAAe,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAA;IAClC,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,IAAI,GAAc,EAAE,CAAA;IAE1B,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,EAAE;QACpC,MAAM,OAAO,GAAG,IAAI,IAAI,CAAC,WAAW,EAAE,YAAY,GAAG,KAAK,CAAC,CAAA;QAC3D,cAAc,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,CAAA;QACrC,eAAe,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAA;IACrC,CAAC,CAAA;IAED,MAAM,6BAA6B,GAAG,CAAC,MAAqB,EAAE,EAAE;;QAC9D,IAAI,sBAAsB,EAAE,CAAC;YAC3B,sBAAsB,CAAC,MAAM,CAAC,CAAA;YAC9B,IAAI,qBAAqB;gBAAE,qBAAqB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAA;YAC5D,MAAA,SAAS,CAAC,OAAO,0CAAE,OAAO,CAAC,KAAK,CAAC,CAAA;QACnC,CAAC;IACH,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,CAAC,IAAU,EAAE,EAAE;;QAChC,IAAI,sBAAsB;YAAE,sBAAsB,CAAC,IAAI,CAAC,CAAA;QACxD,IAAI,CAAC,eAAe,EAAE,CAAC;YACrB,qBAAqB,IAAI,qBAAqB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAA;YAC1D,qBAAqB,IAAI,wBAAwB,CAAC,IAAI,CAAC,CAAA;YACvD,IAAI,OAAO,KAAK,KAAK;gBAAE,MAAA,SAAS,CAAC,OAAO,0CAAE,OAAO,CAAC,KAAK,CAAC,CAAA;QAC1D,CAAC;aAAM,IAAI,CAAC,aAAa,EAAE,CAAC;YAC1B,IAAI,SAAS,GAAG,eAAe,CAAA;YAC/B,IAAI,UAAU,GAAG,IAAI,CAAA;YACrB,IAAI,SAAS,IAAI,UAAU,IAAI,SAAS,GAAG,UAAU,EAAE,CAAC;gBACtD,MAAM,IAAI,GAAG,SAAS,CAAA;gBACtB,SAAS,GAAG,UAAU,CAAA;gBACtB,UAAU,GAAG,IAAI,CAAA;YACnB,CAAC;YACD,qBAAqB,IAAI,qBAAqB,CAAC,SAAS,EAAE,UAAU,CAAC,CAAA;YACrE,MAAA,SAAS,CAAC,OAAO,0CAAE,OAAO,CAAC,KAAK,CAAC,CAAA;QACnC,CAAC;aAAM,CAAC;YACN,IAAI,OAAO,KAAK,KAAK;gBAAE,MAAA,SAAS,CAAC,OAAO,0CAAE,OAAO,CAAC,KAAK,CAAC,CAAA;YACxD,qBAAqB,IAAI,qBAAqB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAA;YAC1D,wBAAwB,CAAC,IAAI,CAAC,CAAA;QAChC,CAAC;IACH,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,CAAC,IAAU,EAAE,EAAE;QAClC,IAAI,eAAe,IAAI,CAAC,aAAa,EAAE,CAAC;YACtC,wBAAwB,CAAC,IAAI,CAAC,CAAA;QAChC,CAAC;IACH,CAAC,CAAA;IACD,MAAM,YAAY,GAAG,CAAC,IAAU,EAAE,EAAE,GAAE,CAAC,CAAA;IAEvC,MAAM,GAAG,GAAG,IAAI,IAAI,CAAC,WAAW,EAAE,YAAY,EAAE,CAAC,CAAC,CAAA;IAElD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;QACtC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,UAAU,CAAC,EAAE,EAAE,CAAC,CAAA;IAClD,CAAC;IAED,MAAM,WAAW,GAAG,IAAI,IAAI,EAAE,CAAC,YAAY,EAAE,CAAA;IAC7C,IAAI,SAAS,GAAG,eAAe,CAAA;IAC/B,IAAI,UAAU,GAAG,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,qBAAqB,CAAA;IACvD,IAAI,SAAS,IAAI,UAAU,IAAI,SAAS,GAAG,UAAU,EAAE,CAAC;QACtD,MAAM,IAAI,GAAG,SAAS,CAAA;QACtB,SAAS,GAAG,UAAU,CAAA;QACtB,UAAU,GAAG,IAAI,CAAA;IACnB,CAAC;IAED,OAAO,GAAG,CAAC,QAAQ,EAAE,KAAK,YAAY,EAAE,CAAC;QACvC,MAAM,UAAU,GAAG,MAAA,CAAC,SAAS,IAAI,UAAU,IAAI,GAAG,IAAI,SAAS,IAAI,GAAG,IAAI,UAAU,CAAC,mCAAI,KAAK,CAAA;QAC9F,IAAI,CAAC,IAAI,CAAC;YACR,IAAI,EAAE,KAAK;YACX,KAAK,EAAE,GAAG,CAAC,OAAO,EAAE;YACpB,KAAK,EAAE,GAAG,CAAC,YAAY,EAAE,KAAK,WAAW;YACzC,QAAQ,EAAE,UAAU;YACpB,IAAI,EAAE,IAAI,IAAI,CAAC,GAAG,CAAC;YACnB,eAAe,EAAE,MAAA,CAAC,SAAS,IAAI,SAAS,CAAC,YAAY,EAAE,KAAK,GAAG,CAAC,YAAY,EAAE,CAAC,mCAAI,KAAK;YACxF,cAAc,EAAE,MAAA,CAAC,UAAU,IAAI,UAAU,CAAC,YAAY,EAAE,KAAK,GAAG,CAAC,YAAY,EAAE,CAAC,mCAAI,KAAK;SAC1F,CAAC,CAAA;QACF,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAA;IAChC,CAAC;IAED,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,IAAI,cAAc,KAAK,IAAI;YAAE,OAAO,EAAE,CAAA;QACtC,IAAI,CAAC,SAAS,IAAI,CAAC,UAAU;YAAE,OAAO,EAAE,CAAA;QACxC,IAAI,SAAS,IAAI,CAAC,UAAU;YAAE,OAAO,SAAS,CAAC,kBAAkB,EAAE,CAAA;QAEnE,IAAI,UAAU,IAAI,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,kBAAkB,EAAE,MAAK,UAAU,CAAC,kBAAkB,EAAE;YACnF,OAAO,SAAS,CAAC,kBAAkB,EAAE,CAAA;QAEvC,IAAI,SAAS,IAAI,UAAU;YAAE,OAAO,GAAG,SAAS,CAAC,kBAAkB,EAAE,MAAM,UAAU,CAAC,kBAAkB,EAAE,EAAE,CAAA;QAE5G,OAAO,EAAE,CAAA;IACX,CAAC,EAAE,CAAC,cAAc,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC,CAAA;IAE3C,WAAW,GAAG,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,sBAAsB,CAAA;IACnD,MAAM,EAAE,cAAc,EAAE,cAAc,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QACtD,IAAI,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAClC,MAAM,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,WAAC,OAAA,MAAA,MAAM,CAAC,EAAE,mCAAI,CAAC,CAAA,EAAA,CAAC,CAAC,GAAG,CAAC,CAAA;YAC7E,MAAM,cAAc,GAAG,CAAC,GAAG,OAAO,EAAE,EAAE,IAAI,EAAE,uBAAuB,EAAE,EAAE,EAAE,cAAc,EAAE,CAAC,CAAA;YAC1F,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,CAAA;QAC3C,CAAC;QACD,OAAO,EAAE,cAAc,EAAE,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAAA;IAClD,CAAC,EAAE,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC,CAAA;IAE7B,OAAO,CACL,oBAAC,MAAM,kBACL,GAAG,EAAE,SAAS,EACd,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EACN,oBAAC,WAAW,IAAC,SAAS,EAAC,MAAM,EAAC,GAAG,EAAE,WAAW,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,GAAI,EAE5G,OAAO,EAAE,cAAc,EACvB,cAAc,EAAE,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,EACrE,cAAc,EAAE,6BAA6B,IACzC,KAAK;QAET,oBAAC,cAAc;YACb,oBAAC,WAAW,IAAC,SAAS,EAAC,MAAM,EAAC,GAAG,EAAE,cAAc,EAAE,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,GAAI;YACjG,UAAU,CAAC,YAAY,CAAC;;YAAG,WAAW;YACvC,oBAAC,WAAW,IAAC,SAAS,EAAC,MAAM,EAAC,GAAG,EAAE,eAAe,EAAE,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,GAAI,CACnF;QAEjB,oBAAC,YAAY;YACV,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CACvB,oBAAC,oBAAoB,IAAC,GAAG,EAAE,OAAO,IAAG,OAAO,CAAwB,CACrE,CAAC;YACD,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;gBACd,IAAI,GAAG,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;oBACzB,OAAO,6BAAK,GAAG,EAAE,GAAG,CAAC,GAAG,GAAQ,CAAA;gBAClC,CAAC;gBACD,OAAO,CACL,oBAAC,WAAW,IACV,eAAe,EAAE,GAAG,CAAC,eAAe,EACpC,cAAc,EAAE,GAAG,CAAC,cAAc,EAClC,GAAG,EAAE,GAAG,CAAC,KAAK,EACd,KAAK,EAAE,GAAG,CAAC,KAAK,EAChB,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,EACnC,YAAY,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,EAC1C,YAAY,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC;oBAE1C,oBAAC,6BAA6B,IAC5B,eAAe,EAAE,GAAG,CAAC,eAAe,EACpC,cAAc,EAAE,GAAG,CAAC,cAAc,EAClC,QAAQ,EAAE,GAAG,CAAC,QAAQ,EACtB,KAAK,EAAE,GAAG,CAAC,KAAK,GAChB;oBACF,oBAAC,gBAAgB,QAAE,GAAG,CAAC,KAAK,CAAoB,CACpC,CACf,CAAA;YACH,CAAC,CAAC,CACW,CACR,CACV,CAAA;AACH,CAAC,CAAA"}

package/dist/components/DateRangePicker/stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { DateRangePicker } from './index';
+declare const meta: Meta<typeof DateRangePicker>;
+export default meta;
+type Story = StoryObj<typeof DateRangePicker>;
+export declare const SelecionarIntervaloDeDatas: Story;
+export declare const SelecionarIntervaloDeDatasSimples: Story;
+//# sourceMappingURL=stories.d.ts.map

package/dist/components/DateRangePicker/stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stories.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEjD,OAAO,EAAE,eAAe,EAAwB,MAAM,SAAS,CAAA;AAE/D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CAeC,CAAA;AAExC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAA;AAsC7C,eAAO,MAAM,0BAA0B,EAAE,KAExC,CAAA;AAED,eAAO,MAAM,iCAAiC,EAAE,KAE/C,CAAA"}

package/dist/components/DateRangePicker/stories.js

@@ -0,0 +1,60 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { DateRangePicker } from './index';
+const meta = {
+    title: 'Components/DateRangePicker',
+    component: DateRangePicker,
+    tags: ['autodocs'],
+    argTypes: {
+        placeholder: { control: 'text' },
+        label: { control: 'text' },
+        readonly: { control: 'boolean' },
+        disabled: { control: 'boolean' },
+        selectedOption: { control: 'number' },
+        startCustomDate: { control: 'date' },
+        endCustomDate: { control: 'date' },
+        onSelectedOptionChange: { action: 'selectedOptionChange' },
+        onSelectedCustomRange: { action: 'selectedCustomRange' },
+    },
+};
+export default meta;
+const ComponentWrapper = (_a) => {
+    var { options } = _a, args = __rest(_a, ["options"]);
+    const [selectedOption, setSelectOption] = React.useState(null);
+    const [startDate, setStartDate] = React.useState(null);
+    const [endDate, setEndDate] = React.useState(null);
+    return (React.createElement(DateRangePicker, Object.assign({}, args, { selectedOption: selectedOption, startCustomDate: startDate, endCustomDate: endDate, onSelectedCustomRange: (start, end) => {
+            setStartDate(start);
+            setEndDate(end);
+        }, onSelectedOptionChange: option => setSelectOption(option), options: options !== null && options !== void 0 ? options : [
+            {
+                text: 'Últimos 30 dias',
+                id: 30,
+            },
+            {
+                text: 'Últimos 60 dias',
+                id: 60,
+            },
+            {
+                text: 'Últimos 90 dias',
+                id: 90,
+            },
+        ] })));
+};
+export const SelecionarIntervaloDeDatas = {
+    render: args => React.createElement(ComponentWrapper, { label: "Per\u00EDodo da Disputa", placeholder: "Placeholder" }),
+};
+export const SelecionarIntervaloDeDatasSimples = {
+    render: args => React.createElement(ComponentWrapper, { options: [] }),
+};
+//# sourceMappingURL=stories.js.map

package/dist/components/DateRangePicker/stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../src/components/DateRangePicker/stories.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,eAAe,EAAwB,MAAM,SAAS,CAAA;AAE/D,MAAM,IAAI,GAAiC;IACzC,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,eAAe;IAC1B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,WAAW,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAChC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC1B,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAChC,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAChC,cAAc,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QACrC,eAAe,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QACpC,aAAa,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAClC,sBAAsB,EAAE,EAAE,MAAM,EAAE,sBAAsB,EAAE;QAC1D,qBAAqB,EAAE,EAAE,MAAM,EAAE,qBAAqB,EAAE;KACzD;CACqC,CAAA;AAExC,eAAe,IAAI,CAAA;AAGnB,MAAM,gBAAgB,GAAG,CAAC,EAAmD,EAAE,EAAE;QAAvD,EAAE,OAAO,OAA0C,EAArC,IAAI,cAAlB,WAAoB,CAAF;IAC1C,MAAM,CAAC,cAAc,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAgB,IAAI,CAAC,CAAA;IAC7E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAc,IAAI,CAAC,CAAA;IACnE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAc,IAAI,CAAC,CAAA;IAE/D,OAAO,CACL,oBAAC,eAAe,oBACV,IAAI,IACR,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,SAAS,EAC1B,aAAa,EAAE,OAAO,EACtB,qBAAqB,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;YACpC,YAAY,CAAC,KAAK,CAAC,CAAA;YACnB,UAAU,CAAC,GAAG,CAAC,CAAA;QACjB,CAAC,EACD,sBAAsB,EAAE,MAAM,CAAC,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,EACzD,OAAO,EACL,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI;YACT;gBACE,IAAI,EAAE,iBAAiB;gBACvB,EAAE,EAAE,EAAE;aACP;YACD;gBACE,IAAI,EAAE,iBAAiB;gBACvB,EAAE,EAAE,EAAE;aACP;YACD;gBACE,IAAI,EAAE,iBAAiB;gBACvB,EAAE,EAAE,EAAE;aACP;SACF,IAEH,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,0BAA0B,GAAU;IAC/C,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,oBAAC,gBAAgB,IAAC,KAAK,EAAC,yBAAoB,EAAC,WAAW,EAAC,aAAa,GAAG;CAC1F,CAAA;AAED,MAAM,CAAC,MAAM,iCAAiC,GAAU;IACtD,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,oBAAC,gBAAgB,IAAC,OAAO,EAAE,EAAE,GAAI;CAClD,CAAA"}

package/dist/components/DateRangePicker/styles.d.ts

@@ -0,0 +1,18 @@
+export declare const CalendarGrid: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CalendarWeekDayLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CalendarHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export interface CalendarDayProps {
+    today: boolean;
+    isFirstSelected: boolean;
+    isLastSelected: boolean;
+}
+export declare const CalendarDay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CalendarDayProps>> & string;
+export interface CalendarDaySelectedBackgroundProps {
+    today: boolean;
+    isFirstSelected: boolean;
+    isLastSelected: boolean;
+    selected: boolean;
+}
+export declare const CalendarDaySelectedBackground: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CalendarDaySelectedBackgroundProps>> & string;
+export declare const CalendarDayValue: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+//# sourceMappingURL=styles.d.ts.map

package/dist/components/DateRangePicker/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/DateRangePicker/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,6NAYxB,CAAA;AAED,eAAO,MAAM,oBAAoB,6NAKhC,CAAA;AAED,eAAO,MAAM,cAAc,6NAyB1B,CAAA;AACD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,OAAO,CAAA;IACd,eAAe,EAAE,OAAO,CAAA;IACxB,cAAc,EAAE,OAAO,CAAA;CACxB;AAED,eAAO,MAAM,WAAW,qPAkBvB,CAAA;AAED,MAAM,WAAW,kCAAkC;IACjD,KAAK,EAAE,OAAO,CAAA;IACd,eAAe,EAAE,OAAO,CAAA;IACxB,cAAc,EAAE,OAAO,CAAA;IACvB,QAAQ,EAAE,OAAO,CAAA;CAClB;AACD,eAAO,MAAM,6BAA6B,uQAiCzC,CAAA;AACD,eAAO,MAAM,gBAAgB,6NAO5B,CAAA"}

package/dist/components/DateRangePicker/styles.js

@@ -0,0 +1,113 @@
+import styled from 'styled-components';
+import { theme } from '../Themes';
+export const CalendarGrid = styled.div `
+  display: grid;
+  font-family: 'Nunito Sans', sans-serif;
+  grid-template-columns: repeat(7, 36px);
+  align-items: center;
+  justify-items: center;
+  grid-column-gap: 0px;
+  grid-row-gap: 0px;
+  height: 100%;
+  width: 100%;
+  font-size: ${theme.paragraph.small};
+  color: ${theme.colors.shade50};
+`;
+export const CalendarWeekDayLabel = styled.div `
+  font-size: ${theme.paragraph['xx-small']};
+  color: ${theme.colors.shade30};
+  font-weight: 600;
+  margin-bottom: 4px;
+`;
+export const CalendarHeader = styled.div `
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: ${theme.paragraph.small};
+  font-family: 'Nunito Sans', sans-serif;
+  font-weight: 600;
+
+  .icon,
+  .icon svg,
+  .icon svg path {
+    fill: ${theme.colors.shade50} !important;
+  }
+
+  .icon:hover,
+  .icon:hover svg,
+  .icon:hover svg path {
+    fill: ${theme.colors.cyan30} !important;
+  }
+
+  .icon-disabled,
+  .icon-disabled svg,
+  .icon-disabled svg path {
+    fill: ${theme.colors.shade20} !important;
+  }
+`;
+export const CalendarDay = styled.div `
+  position: relative;
+  cursor: pointer;
+  width: 36px;
+  height: 36px;
+  color: ${({ isFirstSelected, isLastSelected }) => isFirstSelected || isLastSelected ? theme.colors.white : theme.colors.shade50};
+
+  &:before {
+    position: absolute;
+    content: '';
+    inset: 0;
+    border-radius: 50%;
+    pointer-events: none;
+
+    ${({ today, isFirstSelected, isLastSelected }) => today && !(isFirstSelected || isLastSelected) ? `border: 1px solid ${theme.colors.cyan40}` : ''};
+  }
+`;
+export const CalendarDaySelectedBackground = styled.div `
+  position: absolute;
+  background-color: ${({ selected }) => selected && theme.colors.cyan30opacity16};
+  width: 100%;
+  height: 100%;
+  inset: 0;
+
+  border-radius: ${({ isFirstSelected, isLastSelected }) => {
+    if (isFirstSelected && isLastSelected)
+        return '50%';
+    if (isFirstSelected)
+        return '50% 0 0 50%';
+    if (isLastSelected)
+        return '0 50% 50% 0';
+    return '0';
+}};
+
+  &:hover {
+    border-radius: ${({ isFirstSelected, isLastSelected, selected }) => {
+    if (isFirstSelected && isLastSelected)
+        return '50%';
+    if (isFirstSelected)
+        return '50% 0 0 50%';
+    if (isLastSelected)
+        return '0 50% 50% 0';
+    if (selected)
+        return '0';
+    return '50%';
+}};
+    background-color: ${theme.colors.cyan30opacity16};
+  }
+
+  &::before {
+    content: '';
+    border-radius: 50%;
+    background-color: ${({ isFirstSelected, isLastSelected }) => isFirstSelected || isLastSelected ? theme.colors.cyan40 : 'transparent'};
+    position: absolute;
+    inset: 0;
+  }
+`;
+export const CalendarDayValue = styled.div `
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  pointer-events: none;
+`;
+//# sourceMappingURL=styles.js.map

package/dist/components/DateRangePicker/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/DateRangePicker/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAEjC,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;eAUvB,KAAK,CAAC,SAAS,CAAC,KAAK;WACzB,KAAK,CAAC,MAAM,CAAC,OAAO;CAC9B,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAA;eAC/B,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC;WAC/B,KAAK,CAAC,MAAM,CAAC,OAAO;;;CAG9B,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;eAIzB,KAAK,CAAC,SAAS,CAAC,KAAK;;;;;;;YAOxB,KAAK,CAAC,MAAM,CAAC,OAAO;;;;;;YAMpB,KAAK,CAAC,MAAM,CAAC,MAAM;;;;;;YAMnB,KAAK,CAAC,MAAM,CAAC,OAAO;;CAE/B,CAAA;AAOD,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAkB;;;;;WAK5C,CAAC,EAAE,eAAe,EAAE,cAAc,EAAE,EAAE,EAAE,CAC/C,eAAe,IAAI,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;;;;;;;;;MAS3E,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,EAAE,EAAE,CAC/C,KAAK,IAAI,CAAC,CAAC,eAAe,IAAI,cAAc,CAAC,CAAC,CAAC,CAAC,qBAAqB,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE;;CAEpG,CAAA;AAQD,MAAM,CAAC,MAAM,6BAA6B,GAAG,MAAM,CAAC,GAAG,CAAoC;;sBAErE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ,IAAI,KAAK,CAAC,MAAM,CAAC,eAAe;;;;;mBAK7D,CAAC,EAAE,eAAe,EAAE,cAAc,EAAE,EAAE,EAAE;IACvD,IAAI,eAAe,IAAI,cAAc;QAAE,OAAO,KAAK,CAAA;IACnD,IAAI,eAAe;QAAE,OAAO,aAAa,CAAA;IACzC,IAAI,cAAc;QAAE,OAAO,aAAa,CAAA;IACxC,OAAO,GAAG,CAAA;AACZ,CAAC;;;qBAGkB,CAAC,EAAE,eAAe,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAE,EAAE;IACjE,IAAI,eAAe,IAAI,cAAc;QAAE,OAAO,KAAK,CAAA;IACnD,IAAI,eAAe;QAAE,OAAO,aAAa,CAAA;IACzC,IAAI,cAAc;QAAE,OAAO,aAAa,CAAA;IACxC,IAAI,QAAQ;QAAE,OAAO,GAAG,CAAA;IACxB,OAAO,KAAK,CAAA;AACd,CAAC;wBACmB,KAAK,CAAC,MAAM,CAAC,eAAe;;;;;;wBAM5B,CAAC,EAAE,eAAe,EAAE,cAAc,EAAE,EAAE,EAAE,CAC1D,eAAe,IAAI,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa;;;;CAI5E,CAAA;AACD,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAOzC,CAAA"}

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

@@ -1,8 +1,9 @@
 import React, { HTMLAttributes, ReactNode } from 'react';
 export interface InputProps extends HTMLAttributes<HTMLDivElement> {
     placeholder?: string;
-    iconLeft?: ReactNode;
-    label: string;
+    rightIcon?: ReactNode;
+    leftIcon?: ReactNode;
+    label?: string;
     value?: string;
     readonly?: boolean;
     disabled?: boolean;
@@ -10,7 +11,6 @@ export interface InputProps extends HTMLAttributes<HTMLDivElement> {
     onInput?: (e: React.FormEvent<HTMLInputElement>) => void;
     onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
     onKeyUp?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
-    iconRight?: ReactNode;
 }
 export interface Position {
     x: number;

package/dist/components/Input/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAA4B,MAAM,OAAO,CAAA;AAGlF,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC3D,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACxD,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC9D,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC5D,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB;AAED,MAAM,WAAW,QAAQ;IACvB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA0FtC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAA4B,MAAM,OAAO,CAAA;AAGlF,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC3D,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACxD,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC9D,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;CAC7D;AAED,MAAM,WAAW,QAAQ;IACvB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA0FtC,CAAA"}

package/dist/components/Input/index.js

@@ -12,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React, { useEffect, useId, useRef } from 'react';
 import { InputWrapper, StyledInput, StyledInputBorder, StyledInputContent, StyledLabel } from './styles';
 export const Input = (_a) => {
-    var { label, readonly, onChange, onInput, value, onKeyDown, disabled, onKeyUp, iconLeft, iconRight } = _a, props = __rest(_a, ["label", "readonly", "onChange", "onInput", "value", "onKeyDown", "disabled", "onKeyUp", "iconLeft", "iconRight"]);
+    var { label, readonly, onChange, onInput, value, onKeyDown, disabled, onKeyUp, leftIcon, rightIcon } = _a, props = __rest(_a, ["label", "readonly", "onChange", "onInput", "value", "onKeyDown", "disabled", "onKeyUp", "leftIcon", "rightIcon"]);
     const id = useId();
     const [labelPosition, setLabelPosition] = React.useState({
         x: 0,
@@ -63,8 +63,8 @@ export const Input = (_a) => {
         React.createElement(StyledInputContent, { disabled: disabled, ref: contentRef, onClick: onClickHandler },
             React.createElement(StyledInputBorder, { content: contentPosition, label: labelPosition }),
             React.createElement(StyledLabel, { htmlFor: id, ref: labelRef }, label),
-            iconLeft,
+            leftIcon,
             React.createElement(StyledInput, { id: id, disabled: disabled, value: value, placeholder: props.placeholder, ref: inputRef, onChange: onChange, onInput: onInput, onKeyDown: onKeyDown, onKeyUp: onKeyUp, readOnly: readonly }),
-            iconRight)));
+            rightIcon)));
 };
 //# sourceMappingURL=index.js.map

package/dist/components/Input/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Input/styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAA;AAEjC,eAAO,MAAM,YAAY,6NAExB,CAAA;AAED,eAAO,MAAM,WAAW,sOAuBvB,CAAA;AAED,eAAO,MAAM,WAAW,sOAUvB,CAAA;AAED,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,kBAAkB,4PAY9B,CAAA;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,QAAQ,CAAA;IACf,OAAO,EAAE,QAAQ,CAAA;CAClB;AAED;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,2PAU7B,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Input/styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAA;AAEjC,eAAO,MAAM,YAAY,6NAExB,CAAA;AAED,eAAO,MAAM,WAAW,sOA4BvB,CAAA;AAED,eAAO,MAAM,WAAW,sOAavB,CAAA;AAED,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,kBAAkB,4PAiB9B,CAAA;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,QAAQ,CAAA;IACf,OAAO,EAAE,QAAQ,CAAA;CAClB;AAED;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,2PAa7B,CAAA"}