w-design-system 0.0.24 → 0.0.26

package/dist/components/ButtonRadiusIcon/styles.js

@@ -92,16 +92,28 @@ const colorScheme = {
     ${buttonRadiusWrapperIconStyles(colors.yellow30)};
   `,
 };
+const sizeScheme = {
+    small: css `
+    font-size: 12px;
+    height: 40px;
+  `,
+    medium: css `
+    font-size: 14px;
+    height: 48px;
+  `,
+    large: css `
+    font-size: 16px;
+    height: 48px;
+  `,
+};
 export const ButtonStyled = styled.button `
   display: inline-flex;
   box-sizing: border-box;
-  height: 48px;
+
   padding: 0;
   margin: 0;
   justify-content: space-between;
-  min-width: 190px;
   font-style: normal;
-  font-size: 16px;
   font-weight: 600;
   line-height: 140%;
   border: none;
@@ -116,6 +128,7 @@ export const ButtonStyled = styled.button `
   cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')};
   opacity: ${({ disabled }) => (disabled ? 0.5 : 1)};
   ${({ variant = 'primary' }) => colorScheme[variant]};
+  ${({ size = 'medium' }) => sizeScheme[size]};
 
   .buttonRadiusIconContainer {
     display: flex;
@@ -123,7 +136,7 @@ export const ButtonStyled = styled.button `
     align-items: center;
     padding: 0 24px;
     gap: 6px;
-    height: 48px;
+    height: 100%;
   }
   .buttonRadiusIconTitle {
     color: ${colors.shade40};

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/ButtonRadiusIcon/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAGjC,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;AACxB,MAAM,6BAA6B,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,GAAG,CAAA;;kBAE1C,KAAK;;;;;CAKtB,CAAA;AACD,MAAM,WAAW,GAAG;IAClB,OAAO,EAAE,GAAG,CAAA;kBACI,MAAM,CAAC,MAAM;aAClB,MAAM,CAAC,MAAM;;0BAEA,MAAM,CAAC,MAAM;;;0BAGb,MAAM,CAAC,MAAM;;MAEjC,6BAA6B,CAAC,MAAM,CAAC,MAAM,CAAC;GAC/C;IACD,SAAS,EAAE,GAAG,CAAA;kBACE,MAAM,CAAC,MAAM;aAClB,MAAM,CAAC,MAAM;;0BAEA,MAAM,CAAC,MAAM;;;;0BAIb,MAAM,CAAC,MAAM;;;MAGjC,6BAA6B,CAAC,MAAM,CAAC,MAAM,CAAC;GAC/C;IACD,MAAM,EAAE,GAAG,CAAA;kBACK,MAAM,CAAC,KAAK;aACjB,MAAM,CAAC,KAAK;;0BAEC,MAAM,CAAC,KAAK;;;0BAGZ,MAAM,CAAC,KAAK;;MAEhC,6BAA6B,CAAC,MAAM,CAAC,KAAK,CAAC;GAC9C;IACD,OAAO,EAAE,GAAG,CAAA;kBACI,MAAM,CAAC,OAAO;aACnB,MAAM,CAAC,OAAO;;0BAED,MAAM,CAAC,OAAO;;;0BAGd,MAAM,CAAC,OAAO;;MAElC,6BAA6B,CAAC,MAAM,CAAC,OAAO,CAAC;GAChD;IACD,OAAO,EAAE,GAAG,CAAA;kBACI,MAAM,CAAC,MAAM;aAClB,MAAM,CAAC,MAAM;;0BAEA,MAAM,CAAC,MAAM;;;0BAGb,MAAM,CAAC,MAAM;;MAEjC,6BAA6B,CAAC,MAAM,CAAC,MAAM,CAAC;GAC/C;IACD,IAAI,EAAE,GAAG,CAAA;kBACO,MAAM,CAAC,OAAO;aACnB,MAAM,CAAC,OAAO;;0BAED,MAAM,CAAC,OAAO;;;0BAGd,MAAM,CAAC,OAAO;;MAElC,6BAA6B,CAAC,MAAM,CAAC,OAAO,CAAC;GAChD;IACD,MAAM,EAAE,GAAG,CAAA;kBACK,MAAM,CAAC,QAAQ;aACpB,MAAM,CAAC,QAAQ;;0BAEF,MAAM,CAAC,QAAQ;;;;0BAIf,MAAM,CAAC,QAAQ;;;MAGnC,6BAA6B,CAAC,MAAM,CAAC,QAAQ,CAAC;GACjD;CACO,CAAA;AAEV,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAuB;;;;;;;;;;;;;;;;;;;;;YAqBpD,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;aACvD,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/C,CAAC,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC;;;;;;;;;;;aAWxC,MAAM,CAAC,OAAO;;;;;;;CAO1B,CAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/ButtonRadiusIcon/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAGjC,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;AACxB,MAAM,6BAA6B,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,GAAG,CAAA;;kBAE1C,KAAK;;;;;CAKtB,CAAA;AACD,MAAM,WAAW,GAAG;IAClB,OAAO,EAAE,GAAG,CAAA;kBACI,MAAM,CAAC,MAAM;aAClB,MAAM,CAAC,MAAM;;0BAEA,MAAM,CAAC,MAAM;;;0BAGb,MAAM,CAAC,MAAM;;MAEjC,6BAA6B,CAAC,MAAM,CAAC,MAAM,CAAC;GAC/C;IACD,SAAS,EAAE,GAAG,CAAA;kBACE,MAAM,CAAC,MAAM;aAClB,MAAM,CAAC,MAAM;;0BAEA,MAAM,CAAC,MAAM;;;;0BAIb,MAAM,CAAC,MAAM;;;MAGjC,6BAA6B,CAAC,MAAM,CAAC,MAAM,CAAC;GAC/C;IACD,MAAM,EAAE,GAAG,CAAA;kBACK,MAAM,CAAC,KAAK;aACjB,MAAM,CAAC,KAAK;;0BAEC,MAAM,CAAC,KAAK;;;0BAGZ,MAAM,CAAC,KAAK;;MAEhC,6BAA6B,CAAC,MAAM,CAAC,KAAK,CAAC;GAC9C;IACD,OAAO,EAAE,GAAG,CAAA;kBACI,MAAM,CAAC,OAAO;aACnB,MAAM,CAAC,OAAO;;0BAED,MAAM,CAAC,OAAO;;;0BAGd,MAAM,CAAC,OAAO;;MAElC,6BAA6B,CAAC,MAAM,CAAC,OAAO,CAAC;GAChD;IACD,OAAO,EAAE,GAAG,CAAA;kBACI,MAAM,CAAC,MAAM;aAClB,MAAM,CAAC,MAAM;;0BAEA,MAAM,CAAC,MAAM;;;0BAGb,MAAM,CAAC,MAAM;;MAEjC,6BAA6B,CAAC,MAAM,CAAC,MAAM,CAAC;GAC/C;IACD,IAAI,EAAE,GAAG,CAAA;kBACO,MAAM,CAAC,OAAO;aACnB,MAAM,CAAC,OAAO;;0BAED,MAAM,CAAC,OAAO;;;0BAGd,MAAM,CAAC,OAAO;;MAElC,6BAA6B,CAAC,MAAM,CAAC,OAAO,CAAC;GAChD;IACD,MAAM,EAAE,GAAG,CAAA;kBACK,MAAM,CAAC,QAAQ;aACpB,MAAM,CAAC,QAAQ;;0BAEF,MAAM,CAAC,QAAQ;;;;0BAIf,MAAM,CAAC,QAAQ;;;MAGnC,6BAA6B,CAAC,MAAM,CAAC,QAAQ,CAAC;GACjD;CACO,CAAA;AAEV,MAAM,UAAU,GAAG;IACjB,KAAK,EAAE,GAAG,CAAA;;;GAGT;IACD,MAAM,EAAE,GAAG,CAAA;;;GAGV;IACD,KAAK,EAAE,GAAG,CAAA;;;GAGT;CACO,CAAA;AAEV,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAuB;;;;;;;;;;;;;;;;;;;YAmBpD,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;aACvD,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/C,CAAC,EAAE,OAAO,GAAG,SAAS,EAAE,EAAE,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC;IACjD,CAAC,EAAE,IAAI,GAAG,QAAQ,EAAE,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC;;;;;;;;;;;aAWhC,MAAM,CAAC,OAAO;;;;;;;CAO1B,CAAA"}

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

@@ -0,0 +1,17 @@
+import React, { HTMLAttributes } from 'react';
+export interface DateInputProps extends HTMLAttributes<HTMLDivElement> {
+    placeholder?: string;
+    label: string;
+    defaultOptions?: {
+        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 DateInput: React.FC<DateInputProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DateInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAG7C,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,cAAc,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IAC/C,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,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAa9C,CAAA"}

package/dist/components/DateInput/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 { RangeDateInput } from '../RangeDateInput';
+export const DateInput = (_a) => {
+    var { onSelectedCustomDate, customDate } = _a, props = __rest(_a, ["onSelectedCustomDate", "customDate"]);
+    const onRangeSelected = (start) => {
+        if (onSelectedCustomDate)
+            onSelectedCustomDate(start);
+    };
+    return (React.createElement(RangeDateInput, Object.assign({}, props, { isRange: false, onSelectedCustomRange: onRangeSelected, startCustomDate: customDate, endCustomDate: customDate })));
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DateInput/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAclD,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAA8C,EAAE,EAAE;QAAlD,EAAE,oBAAoB,EAAE,UAAU,OAAY,EAAP,KAAK,cAA5C,sCAA8C,CAAF;IAC9F,MAAM,eAAe,GAAG,CAAC,KAAkB,EAAE,EAAE;QAC7C,IAAI,oBAAoB;YAAE,oBAAoB,CAAC,KAAK,CAAC,CAAA;IACvD,CAAC,CAAA;IACD,OAAO,CACL,oBAAC,cAAc,oBACT,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/DateInput/stories.d.ts

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

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

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

package/dist/components/DateInput/stories.js

@@ -0,0 +1,51 @@
+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 { DateInput } from './index';
+import React from 'react';
+const meta = {
+    title: 'Components/DateInput',
+    component: DateInput,
+    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);
+    return (React.createElement(DateInput, Object.assign({ selectedOption: selectedOption, customDate: customDate, onSelectedOptionChange: option => setSelectOption(option), onSelectedCustomDate: date => setCustomDate(date), defaultOptions: 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/DateInput/stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../src/components/DateInput/stories.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACnC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,IAAI,GAA2B;IACnC,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,SAAS;IACpB,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;CAC+B,CAAA;AAElC,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;IAC7E,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAc,IAAI,CAAC,CAAA;IACrE,OAAO,CACL,oBAAC,SAAS,kBACR,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,sBAAsB,EAAE,MAAM,CAAC,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,EACzD,oBAAoB,EAAE,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,EACjD,cAAc,EACZ,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/DateInput/styles.d.ts

@@ -0,0 +1,21 @@
+export declare const InputDateWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Dropdown: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DropdownWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+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 interface DefaultOptionButtonProps {
+    selected: boolean;
+}
+export declare const DefaultOptionButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, DefaultOptionButtonProps>> & 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;
+}
+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;
+    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/DateInput/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/DateInput/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB,6NAQ5B,CAAA;AAED,eAAO,MAAM,QAAQ,6NASpB,CAAA;AAED,eAAO,MAAM,eAAe,6NAE3B,CAAA;AAED,eAAO,MAAM,YAAY,6NAYxB,CAAA;AAED,eAAO,MAAM,oBAAoB,6NAKhC,CAAA;AAED,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,mBAAmB,yQAqB/B,CAAA;AAED,eAAO,MAAM,cAAc,6NAyB1B,CAAA;AACD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,OAAO,CAAA;CACf;AAED,eAAO,MAAM,WAAW,qPAMvB,CAAA;AAED,MAAM,WAAW,kCAAkC;IACjD,KAAK,EAAE,OAAO,CAAA;IACd,QAAQ,EAAE,OAAO,CAAA;CAClB;AACD,eAAO,MAAM,6BAA6B,uQAazC,CAAA;AACD,eAAO,MAAM,gBAAgB,6NAM5B,CAAA"}

package/dist/components/DateInput/styles.js

@@ -0,0 +1,120 @@
+import styled from 'styled-components';
+import { theme } from '../Themes';
+export const InputDateWrapper = styled.div `
+  position: relative;
+  .icon {
+    transition: transform 0.3s;
+  }
+  .icon-rotate {
+    transform: rotate(180deg) translateY(5px);
+  }
+`;
+export const Dropdown = styled.div `
+  position: absolute;
+  width: 252px;
+  padding: 16px;
+  z-index: 1;
+  border-radius: 4px;
+  border: 1px solid ${theme.colors.shade20};
+  margin-top: 7px;
+  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
+`;
+export const DropdownWrapper = styled.div `
+  position: relative;
+`;
+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 DefaultOptionButton = styled.button `
+  background-color: transparent;
+  border: none;
+  font-size: ${theme.paragraph.medium};
+  font-family: 'Nunito Sans', sans-serif;
+  color: ${({ selected }) => (selected ? theme.colors.cyan30 : theme.colors.shade40)};
+  cursor: pointer;
+  padding: 0;
+  width: 100%;
+  text-align: left;
+  height: 46px;
+  display: flex;
+  align-items: center;
+
+  &:not(:last-child) {
+    border-bottom: 1px solid ${theme.colors.shade10};
+  }
+
+  &:hover {
+    color: ${theme.colors.cyan30};
+  }
+`;
+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;
+  color: ${({ today }) => (today ? theme.colors.white : theme.colors.shade50)};
+  width: 36px;
+  height: 36px;
+`;
+export const CalendarDaySelectedBackground = styled.div `
+  position: absolute;
+  background-color: ${({ selected }) => selected && 'rgba(33, 126, 253, 0.16)'};
+  width: 100%;
+  height: 100%;
+  inset: 0;
+  &::before {
+    content: '';
+    border-radius: 50%;
+    position: absolute;
+    background-color: ${({ today }) => (today ? theme.colors.cyan40 : 'transparent')};
+    inset: 0;
+  }
+`;
+export const CalendarDayValue = styled.div `
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/DateInput/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAEjC,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;CAQzC,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;sBAMZ,KAAK,CAAC,MAAM,CAAC,OAAO;;;CAGzC,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;CAExC,CAAA;AAED,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;AAMD,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,CAA0B;;;eAG3D,KAAK,CAAC,SAAS,CAAC,MAAM;;WAE1B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;;;;;;;;;;+BAUrD,KAAK,CAAC,MAAM,CAAC,OAAO;;;;aAItC,KAAK,CAAC,MAAM,CAAC,MAAM;;CAE/B,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;AAKD,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAkB;;;WAG5C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;;;CAG5E,CAAA;AAMD,MAAM,CAAC,MAAM,6BAA6B,GAAG,MAAM,CAAC,GAAG,CAAoC;;sBAErE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ,IAAI,0BAA0B;;;;;;;;wBAQtD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC;;;CAGnF,CAAA;AACD,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMzC,CAAA"}

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

@@ -6,6 +6,7 @@ interface IconWrapperProps {
     height?: string;
     className?: string;
     onClick?: () => void;
+    loading?: boolean;
 }
 export declare const IconWrapper: React.FC<IconWrapperProps>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconWrapper/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,gBAAgB;IACxB,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AA2BD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAIlD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconWrapper/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,gBAAgB;IACxB,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAyCD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAYlD,CAAA"}

package/dist/components/IconWrapper/index.js

@@ -1,23 +1,34 @@
 import React from 'react';
-import styled from 'styled-components';
+import styled, { keyframes, css } from 'styled-components';
 import { ReactSVG } from 'react-svg';
+const spinAnimation = keyframes `
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+`;
 const StyledIconWrapper = styled.div `
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
-  cursor: ${props => (props.onClick ? 'pointer' : 'default')};
+  cursor: ${({ clickable }) => (clickable ? 'pointer' : 'default')};
+
   svg {
-    width: ${props => props.width || '24px'};
-    height: ${props => props.height || '24px'};
-    fill: ${props => props.color || 'black'};
+    width: ${({ width }) => width || '24px'};
+    height: ${({ height }) => height || '24px'};
+    fill: ${({ color }) => color || 'black'};
+
+    ${({ loading }) => loading &&
+    css `
+        animation: ${css `
+            ${spinAnimation}`} 2s linear infinite;
+      `}
 
     path {
-      fill: ${props => props.color || 'black'};
+      fill: ${({ color }) => color || 'black'};
     }
   }
 `;
-export const IconWrapper = ({ src, color, width, height, className, onClick }) => (React.createElement(StyledIconWrapper, { color: color, width: width, height: height, className: className, onClick: onClick },
+export const IconWrapper = ({ src, color, width, height, className, onClick, loading }) => (React.createElement(StyledIconWrapper, { color: color, width: width, height: height, className: className, clickable: !!onClick, loading: loading, onClick: onClick },
     React.createElement(ReactSVG, { src: src })));
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/IconWrapper/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AAkBpC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAiB;;;;;;YAMzC,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;;aAE/C,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,IAAI,MAAM;cAC7B,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,IAAI,MAAM;YACjC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,IAAI,OAAO;;;cAG7B,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,IAAI,OAAO;;;CAG5C,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAC5G,oBAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO;IACnG,oBAAC,QAAQ,IAAC,GAAG,EAAE,GAAG,GAAI,CACJ,CACrB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/IconWrapper/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AAoBpC,MAAM,aAAa,GAAG,SAAS,CAAA;;;CAG9B,CAAA;AAED,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAwB;;;;;;YAMhD,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;;;aAGrD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,IAAI,MAAM;cAC7B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,IAAI,MAAM;YAClC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,IAAI,OAAO;;MAErC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAChB,OAAO;IACP,GAAG,CAAA;qBACY,GAAG,CAAA;cACV,aAAa,EAAE;OACtB;;;cAGO,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,IAAI,OAAO;;;CAG5C,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CACrH,oBAAC,iBAAiB,IAChB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,CAAC,CAAC,OAAO,EACpB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO;IAEhB,oBAAC,QAAQ,IAAC,GAAG,EAAE,GAAG,GAAI,CACJ,CACrB,CAAA"}

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

@@ -0,0 +1,22 @@
+import React, { HTMLAttributes, ReactNode } from 'react';
+export interface InputProps extends HTMLAttributes<HTMLDivElement> {
+    placeholder?: string;
+    iconLeft?: ReactNode;
+    label: string;
+    value?: string;
+    readonly?: boolean;
+    disabled?: boolean;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    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;
+    y: number;
+    width: number;
+    height: number;
+}
+export declare const Input: React.FC<InputProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/Input/index.js

@@ -0,0 +1,70 @@
+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, 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"]);
+    const id = useId();
+    const [labelPosition, setLabelPosition] = React.useState({
+        x: 0,
+        y: 0,
+        width: 0,
+        height: 0,
+    });
+    const [contentPosition, setContentPosition] = React.useState({
+        x: 0,
+        y: 0,
+        width: 0,
+        height: 0,
+    });
+    const contentRef = useRef(null);
+    const labelRef = useRef(null);
+    const inputRef = useRef(null);
+    const updatePositions = () => {
+        if (contentRef.current) {
+            setContentPosition({
+                x: 0,
+                y: 0,
+                width: contentRef.current.offsetWidth,
+                height: contentRef.current.offsetHeight,
+            });
+        }
+        if (labelRef.current) {
+            setLabelPosition({
+                x: labelRef.current.offsetLeft,
+                y: labelRef.current.offsetTop,
+                width: labelRef.current.offsetWidth,
+                height: labelRef.current.offsetHeight,
+            });
+        }
+    };
+    const onClickHandler = () => {
+        var _a;
+        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    };
+    useEffect(() => {
+        const handler = () => updatePositions();
+        window.addEventListener('resize', handler);
+        return () => window.removeEventListener('resize', handler);
+    }, []);
+    useEffect(() => {
+        updatePositions();
+    }, [label]);
+    return (React.createElement(InputWrapper, Object.assign({}, props),
+        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,
+            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)));
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Input } from './index';
+declare const meta: Meta<typeof Input>;
+export default meta;
+type Story = StoryObj<typeof Input>;
+export declare const Playground: Story;
+export declare const Default: StoryObj<typeof Input>;
+export declare const Disabled: StoryObj<typeof Input>;
+export declare const DisabledWithIcon: StoryObj<typeof Input>;
+//# sourceMappingURL=stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stories.d.ts","sourceRoot":"","sources":["../../../src/components/Input/stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAQ/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAe5B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAA;AAEnC,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAA;AAMD,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAC,OAAO,KAAK,CAE1C,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,QAAQ,CAAC,OAAO,KAAK,CAE3C,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,QAAQ,CAAC,OAAO,KAAK,CAUnD,CAAA"}

package/dist/components/Input/stories.js

@@ -0,0 +1,55 @@
+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 { Input } from './index';
+import { useState } from 'react';
+import React from 'react';
+import { IconWrapper } from '../IconWrapper';
+import { editSVG } from '../../assets/icon';
+import { theme } from '../Themes';
+const meta = {
+    title: 'Components/Input',
+    component: Input,
+    tags: ['autodocs'],
+    argTypes: {
+        placeholder: { control: 'text' },
+        label: { control: 'text' },
+        value: { control: 'text' },
+        readonly: { control: 'boolean' },
+        disabled: { control: 'boolean' },
+        onChange: { action: 'change' },
+        onInput: { action: 'input' },
+        onKeyDown: { action: 'keydown' },
+        onKeyUp: { action: 'keyup' },
+    },
+};
+export default meta;
+export const Playground = {
+    args: {
+        label: 'Label',
+        placeholder: 'placeholder',
+    },
+};
+const ComponentWrapper = (_a) => {
+    var args = __rest(_a, []);
+    const [value, setValue] = useState('');
+    return React.createElement(Input, Object.assign({}, args, { value: value, onChange: e => setValue(e.target.value) }));
+};
+export const Default = {
+    render: args => React.createElement(ComponentWrapper, Object.assign({}, args)),
+};
+export const Disabled = {
+    render: args => React.createElement(ComponentWrapper, Object.assign({}, args, { placeholder: "Disabled", label: "Disabled", disabled: true })),
+};
+export const DisabledWithIcon = {
+    render: args => (React.createElement(ComponentWrapper, Object.assign({}, args, { iconLeft: React.createElement(IconWrapper, { src: editSVG, width: "20px", color: theme.colors.shade30 }), placeholder: "Disabled", label: "Disabled", disabled: true }))),
+};
+//# sourceMappingURL=stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../src/components/Input/stories.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAEjC,MAAM,IAAI,GAAuB;IAC/B,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,KAAK;IAChB,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,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC1B,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAChC,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAChC,QAAQ,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;QAC9B,OAAO,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE;QAC5B,SAAS,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE;QAChC,OAAO,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE;KAC7B;CACF,CAAA;AAED,eAAe,IAAI,CAAA;AAGnB,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;QACd,WAAW,EAAE,aAAa;KAC3B;CACF,CAAA;AACD,MAAM,gBAAgB,GAAG,CAAC,EAAgB,EAAE,EAAE;QAAf,IAAI,cAAT,EAAW,CAAF;IACjC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAA;IAC9C,OAAO,oBAAC,KAAK,oBAAK,IAAI,IAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAA;AACnF,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAA2B;IAC7C,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,oBAAC,gBAAgB,oBAAK,IAAI,EAAI;CAC/C,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAA2B;IAC9C,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,oBAAC,gBAAgB,oBAAK,IAAI,IAAE,WAAW,EAAC,UAAU,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,UAAG;CAChG,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAA2B;IACtD,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,CACd,oBAAC,gBAAgB,oBACX,IAAI,IACR,QAAQ,EAAE,oBAAC,WAAW,IAAC,GAAG,EAAE,OAAO,EAAE,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,GAAI,EACjF,WAAW,EAAC,UAAU,EACtB,KAAK,EAAC,UAAU,EAChB,QAAQ,UACR,CACH;CACF,CAAA"}

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

@@ -0,0 +1,19 @@
+import type { Position } from '.';
+export declare const InputWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+export declare const StyledLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
+export interface StyledInputContentProps {
+    disabled?: boolean;
+}
+export declare const StyledInputContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledInputContentProps>> & string;
+export interface StyledInputBorderProps {
+    label: Position;
+    content: Position;
+}
+/**
+ * O clip-path faz com que o elemento fique transparente na região do label
+ * @see https://stackoverflow.com/questions/3742479/how-to-cut-a-hole-in-an-svg-rectangle
+ * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/d
+ */
+export declare const StyledInputBorder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledInputBorderProps>> & string;
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +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"}