yaret-ui 1.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +41 -0
- package/dist/Avatar/Avatar.js +55 -0
- package/dist/Avatar/Avatar.js.map +1 -0
- package/dist/Avatar/index.js +5 -0
- package/dist/Avatar/index.js.map +1 -0
- package/dist/Avatar/interfaces.js +2 -0
- package/dist/Avatar/interfaces.js.map +1 -0
- package/dist/Button/Button.js +31 -0
- package/dist/Button/Button.js.map +1 -0
- package/dist/Button/index.js +5 -0
- package/dist/Button/index.js.map +1 -0
- package/dist/Button/interfaces.js +2 -0
- package/dist/Button/interfaces.js.map +1 -0
- package/dist/Card/Card.js +19 -0
- package/dist/Card/Card.js.map +1 -0
- package/dist/Card/CardBody.js +7 -0
- package/dist/Card/CardBody.js.map +1 -0
- package/dist/Card/index.js +9 -0
- package/dist/Card/index.js.map +1 -0
- package/dist/Card/interfaces.js +2 -0
- package/dist/Card/interfaces.js.map +1 -0
- package/dist/Checkbox/Checkbox.js +55 -0
- package/dist/Checkbox/Checkbox.js.map +1 -0
- package/dist/Checkbox/index.js +5 -0
- package/dist/Checkbox/index.js.map +1 -0
- package/dist/Checkbox/interfaces.js +2 -0
- package/dist/Checkbox/interfaces.js.map +1 -0
- package/dist/Divider/Divider.js +26 -0
- package/dist/Divider/Divider.js.map +1 -0
- package/dist/Divider/index.js +5 -0
- package/dist/Divider/index.js.map +1 -0
- package/dist/Divider/interfaces.js +2 -0
- package/dist/Divider/interfaces.js.map +1 -0
- package/dist/Dropdown/Dropdown.js +19 -0
- package/dist/Dropdown/Dropdown.js.map +1 -0
- package/dist/Dropdown/DropdownItem.js +25 -0
- package/dist/Dropdown/DropdownItem.js.map +1 -0
- package/dist/Dropdown/DropdownMenu.js +27 -0
- package/dist/Dropdown/DropdownMenu.js.map +1 -0
- package/dist/Dropdown/DropdownToogle.js +30 -0
- package/dist/Dropdown/DropdownToogle.js.map +1 -0
- package/dist/Dropdown/index.js +13 -0
- package/dist/Dropdown/index.js.map +1 -0
- package/dist/Dropdown/interfaces.js +2 -0
- package/dist/Dropdown/interfaces.js.map +1 -0
- package/dist/ErrorInput/ErrorInput.js +7 -0
- package/dist/ErrorInput/ErrorInput.js.map +1 -0
- package/dist/ErrorInput/index.js +5 -0
- package/dist/ErrorInput/index.js.map +1 -0
- package/dist/ErrorInput/interfaces.js +2 -0
- package/dist/ErrorInput/interfaces.js.map +1 -0
- package/dist/Form/Form.js +11 -0
- package/dist/Form/Form.js.map +1 -0
- package/dist/Form/index.js +5 -0
- package/dist/Form/index.js.map +1 -0
- package/dist/Form/interfaces.js +2 -0
- package/dist/Form/interfaces.js.map +1 -0
- package/dist/FormLabel/FormLabel.js +47 -0
- package/dist/FormLabel/FormLabel.js.map +1 -0
- package/dist/FormLabel/index.js +5 -0
- package/dist/FormLabel/index.js.map +1 -0
- package/dist/FormLabel/interfaces.js +2 -0
- package/dist/FormLabel/interfaces.js.map +1 -0
- package/dist/Input/Input.js +37 -0
- package/dist/Input/Input.js.map +1 -0
- package/dist/Input/index.js +5 -0
- package/dist/Input/index.js.map +1 -0
- package/dist/Input/interfaces.js +2 -0
- package/dist/Input/interfaces.js.map +1 -0
- package/dist/InputMaterial/InputMaterial.js +44 -0
- package/dist/InputMaterial/InputMaterial.js.map +1 -0
- package/dist/InputMaterial/index.js +5 -0
- package/dist/InputMaterial/index.js.map +1 -0
- package/dist/InputMaterial/interfaces.js +2 -0
- package/dist/InputMaterial/interfaces.js.map +1 -0
- package/dist/InputSearch/InputSearch.js +116 -0
- package/dist/InputSearch/InputSearch.js.map +1 -0
- package/dist/InputSearch/index.js +6 -0
- package/dist/InputSearch/index.js.map +1 -0
- package/dist/InputSearch/interfaces.js +2 -0
- package/dist/InputSearch/interfaces.js.map +1 -0
- package/dist/ListGroup/ListGroup.js +7 -0
- package/dist/ListGroup/ListGroup.js.map +1 -0
- package/dist/ListGroup/ListItem.js +31 -0
- package/dist/ListGroup/ListItem.js.map +1 -0
- package/dist/ListGroup/index.js +9 -0
- package/dist/ListGroup/index.js.map +1 -0
- package/dist/ListGroup/interfaces.js +2 -0
- package/dist/ListGroup/interfaces.js.map +1 -0
- package/dist/Loading/Loading.js +24 -0
- package/dist/Loading/Loading.js.map +1 -0
- package/dist/Loading/index.js +5 -0
- package/dist/Loading/index.js.map +1 -0
- package/dist/Loading/interfaces.js +2 -0
- package/dist/Loading/interfaces.js.map +1 -0
- package/dist/Menu/Menu.js +7 -0
- package/dist/Menu/Menu.js.map +1 -0
- package/dist/Menu/MenuCollapse.js +52 -0
- package/dist/Menu/MenuCollapse.js.map +1 -0
- package/dist/Menu/MenuItem.js +35 -0
- package/dist/Menu/MenuItem.js.map +1 -0
- package/dist/Menu/index.js +11 -0
- package/dist/Menu/index.js.map +1 -0
- package/dist/Menu/interfaces.js +2 -0
- package/dist/Menu/interfaces.js.map +1 -0
- package/dist/Modal/BackDrop.js +7 -0
- package/dist/Modal/BackDrop.js.map +1 -0
- package/dist/Modal/Body.js +7 -0
- package/dist/Modal/Body.js.map +1 -0
- package/dist/Modal/Footer.js +14 -0
- package/dist/Modal/Footer.js.map +1 -0
- package/dist/Modal/Header.js +36 -0
- package/dist/Modal/Header.js.map +1 -0
- package/dist/Modal/Modal.js +54 -0
- package/dist/Modal/Modal.js.map +1 -0
- package/dist/Modal/index.js +13 -0
- package/dist/Modal/index.js.map +1 -0
- package/dist/Modal/interfaces.js +2 -0
- package/dist/Modal/interfaces.js.map +1 -0
- package/dist/Pagination/Pagination.js +70 -0
- package/dist/Pagination/Pagination.js.map +1 -0
- package/dist/Pagination/PaginationButton.js +47 -0
- package/dist/Pagination/PaginationButton.js.map +1 -0
- package/dist/Pagination/PaginationItem.js +26 -0
- package/dist/Pagination/PaginationItem.js.map +1 -0
- package/dist/Pagination/index.js +5 -0
- package/dist/Pagination/index.js.map +1 -0
- package/dist/Pagination/interfaces.js +2 -0
- package/dist/Pagination/interfaces.js.map +1 -0
- package/dist/Radio/Radio.js +32 -0
- package/dist/Radio/Radio.js.map +1 -0
- package/dist/Radio/index.js +5 -0
- package/dist/Radio/index.js.map +1 -0
- package/dist/Radio/interfaces.js +2 -0
- package/dist/Radio/interfaces.js.map +1 -0
- package/dist/Select/Option.js +6 -0
- package/dist/Select/Option.js.map +1 -0
- package/dist/Select/Select.js +34 -0
- package/dist/Select/Select.js.map +1 -0
- package/dist/Select/index.js +9 -0
- package/dist/Select/index.js.map +1 -0
- package/dist/Select/interfaces.js +2 -0
- package/dist/Select/interfaces.js.map +1 -0
- package/dist/Sidebar/Sidebar.js +35 -0
- package/dist/Sidebar/Sidebar.js.map +1 -0
- package/dist/Sidebar/SidebarBackDrop.js +14 -0
- package/dist/Sidebar/SidebarBackDrop.js.map +1 -0
- package/dist/Sidebar/SidebarCategory.js +11 -0
- package/dist/Sidebar/SidebarCategory.js.map +1 -0
- package/dist/Sidebar/SidebarContent.js +14 -0
- package/dist/Sidebar/SidebarContent.js.map +1 -0
- package/dist/Sidebar/SidebarHeader.js +7 -0
- package/dist/Sidebar/SidebarHeader.js.map +1 -0
- package/dist/Sidebar/index.js +16 -0
- package/dist/Sidebar/index.js.map +1 -0
- package/dist/Sidebar/interfaces.js +2 -0
- package/dist/Sidebar/interfaces.js.map +1 -0
- package/dist/Table/Table.js +18 -0
- package/dist/Table/Table.js.map +1 -0
- package/dist/Table/TableBody.js +28 -0
- package/dist/Table/TableBody.js.map +1 -0
- package/dist/Table/TableCol.js +19 -0
- package/dist/Table/TableCol.js.map +1 -0
- package/dist/Table/TableFooter.js +20 -0
- package/dist/Table/TableFooter.js.map +1 -0
- package/dist/Table/TableHead.js +20 -0
- package/dist/Table/TableHead.js.map +1 -0
- package/dist/Table/TableRow.js +19 -0
- package/dist/Table/TableRow.js.map +1 -0
- package/dist/Table/index.js +17 -0
- package/dist/Table/index.js.map +1 -0
- package/dist/Table/interfaces.js +2 -0
- package/dist/Table/interfaces.js.map +1 -0
- package/dist/Tag/Tag.js +80 -0
- package/dist/Tag/Tag.js.map +1 -0
- package/dist/Tag/index.js +5 -0
- package/dist/Tag/index.js.map +1 -0
- package/dist/Tag/interfaces.js +2 -0
- package/dist/Tag/interfaces.js.map +1 -0
- package/dist/Textarea/Textarea.js +26 -0
- package/dist/Textarea/Textarea.js.map +1 -0
- package/dist/Textarea/index.js +5 -0
- package/dist/Textarea/index.js.map +1 -0
- package/dist/Textarea/interfaces.js +2 -0
- package/dist/Textarea/interfaces.js.map +1 -0
- package/dist/assets/Avatar.css +1 -0
- package/dist/assets/Button.css +1 -0
- package/dist/assets/Card.css +1 -0
- package/dist/assets/Checkbox.css +1 -0
- package/dist/assets/Divider.css +1 -0
- package/dist/assets/Dropdown.css +1 -0
- package/dist/assets/ErrorInput.css +1 -0
- package/dist/assets/FormLabel.css +1 -0
- package/dist/assets/InputMaterial.css +1 -0
- package/dist/assets/InputSearch.css +1 -0
- package/dist/assets/ListGroup.css +1 -0
- package/dist/assets/Loading.css +1 -0
- package/dist/assets/Menu.css +1 -0
- package/dist/assets/Modal.css +1 -0
- package/dist/assets/Pagination.css +1 -0
- package/dist/assets/Radio.css +1 -0
- package/dist/assets/Sidebar.css +1 -0
- package/dist/assets/Table.css +1 -0
- package/dist/assets/Tag.css +1 -0
- package/dist/assets/index.css +1 -0
- package/dist/assets/input.css +1 -0
- package/dist/assets/svg/index.js +14 -0
- package/dist/assets/svg/index.js.map +1 -0
- package/dist/constants/alings.js +8 -0
- package/dist/constants/alings.js.map +1 -0
- package/dist/constants/index.js +54 -0
- package/dist/constants/index.js.map +1 -0
- package/dist/constants/positions.js +20 -0
- package/dist/constants/positions.js.map +1 -0
- package/dist/constants/positionsLabel.js +14 -0
- package/dist/constants/positionsLabel.js.map +1 -0
- package/dist/constants/shapes.js +7 -0
- package/dist/constants/shapes.js.map +1 -0
- package/dist/constants/sizes.js +9 -0
- package/dist/constants/sizes.js.map +1 -0
- package/dist/constants/variants.js +42 -0
- package/dist/constants/variants.js.map +1 -0
- package/dist/icon-arrow-down-DeM1a7nT.js +6 -0
- package/dist/icon-arrow-down-DeM1a7nT.js.map +1 -0
- package/dist/icon-check-list-CgosD3fZ.js +6 -0
- package/dist/icon-check-list-CgosD3fZ.js.map +1 -0
- package/dist/icon-search-CiKvMWSy.js +6 -0
- package/dist/icon-search-CiKvMWSy.js.map +1 -0
- package/dist/icon-x-BeDxWNqS.js +6 -0
- package/dist/icon-x-BeDxWNqS.js.map +1 -0
- package/dist/index.d.ts +391 -0
- package/dist/index.js +49 -0
- package/dist/index.js.map +1 -0
- package/dist/shared/input/input.interfaces.js +2 -0
- package/dist/shared/input/input.interfaces.js.map +1 -0
- package/dist/types.js +2 -0
- package/dist/types.js.map +1 -0
- package/package.json +79 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2024 ReboDev
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
ADDED
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
## YaretUI
|
|
2
|
+
|
|
3
|
+
YaretUI is a components library built with React + TypeScript + TailwindCss
|
|
4
|
+
|
|
5
|
+
## Status
|
|
6
|
+
[](https://www.npmjs.com/package/yaret-ui)
|
|
7
|
+
[](https://github.com/ReboDev94/yaret-ui/blob/main/LICENSE)
|
|
8
|
+
[](https://bundlephobia.com/result?p=yaret-ui)
|
|
9
|
+
[](https://www.npmjs.com/package/yaret-ui)
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
## Install
|
|
13
|
+
|
|
14
|
+
Install with npm or yarn
|
|
15
|
+
|
|
16
|
+
```bash
|
|
17
|
+
npm install yaret-ui
|
|
18
|
+
or
|
|
19
|
+
yarn add yaret-ui
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
## Quick Start
|
|
23
|
+
|
|
24
|
+
import component from yaret-ui
|
|
25
|
+
|
|
26
|
+
```js
|
|
27
|
+
import { Input, Button } from 'yaret-ui';
|
|
28
|
+
|
|
29
|
+
function App() {
|
|
30
|
+
return (
|
|
31
|
+
<div>
|
|
32
|
+
<Input/>
|
|
33
|
+
<Button>Click</Button>
|
|
34
|
+
</div>
|
|
35
|
+
);
|
|
36
|
+
}
|
|
37
|
+
```
|
|
38
|
+
|
|
39
|
+
## Components
|
|
40
|
+
|
|
41
|
+
Visit [Storybook](https://yaret-ui.vercel.app) view all components
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { jsxs as n, jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { useState as p } from "react";
|
|
3
|
+
import { twMerge as m } from "tailwind-merge";
|
|
4
|
+
import { VARIANT_PRIMARY as g } from "../constants/variants.js";
|
|
5
|
+
import { SHAPE_CIRCLE as I } from "../constants/shapes.js";
|
|
6
|
+
import { SIZE_SM as c } from "../constants/sizes.js";
|
|
7
|
+
import '../assets/Avatar.css';const x = ({
|
|
8
|
+
title: e,
|
|
9
|
+
src: s,
|
|
10
|
+
children: r,
|
|
11
|
+
className: _,
|
|
12
|
+
shape: i = I,
|
|
13
|
+
size: t = c,
|
|
14
|
+
variant: l = g,
|
|
15
|
+
border: v = !1
|
|
16
|
+
}) => {
|
|
17
|
+
const [a, d] = p(!1), f = () => {
|
|
18
|
+
d(!0);
|
|
19
|
+
};
|
|
20
|
+
return /* @__PURE__ */ n(
|
|
21
|
+
"div",
|
|
22
|
+
{
|
|
23
|
+
"aria-label": "avatar",
|
|
24
|
+
className: m(
|
|
25
|
+
"avatar",
|
|
26
|
+
`avatar__${i}`,
|
|
27
|
+
`avatar__${t}`,
|
|
28
|
+
v && "avatar__bordered",
|
|
29
|
+
!a && `avatar__${l}`,
|
|
30
|
+
_
|
|
31
|
+
),
|
|
32
|
+
children: [
|
|
33
|
+
r && !a && r,
|
|
34
|
+
!r && !a && /* @__PURE__ */ o("span", { "aria-label": "title", children: e }),
|
|
35
|
+
/* @__PURE__ */ o(
|
|
36
|
+
"img",
|
|
37
|
+
{
|
|
38
|
+
src: s,
|
|
39
|
+
className: m(
|
|
40
|
+
"avatar__img",
|
|
41
|
+
`avatar__${t}`,
|
|
42
|
+
!a && "hidden"
|
|
43
|
+
),
|
|
44
|
+
alt: "avatar-img",
|
|
45
|
+
onLoad: f
|
|
46
|
+
}
|
|
47
|
+
)
|
|
48
|
+
]
|
|
49
|
+
}
|
|
50
|
+
);
|
|
51
|
+
};
|
|
52
|
+
export {
|
|
53
|
+
x as default
|
|
54
|
+
};
|
|
55
|
+
//# sourceMappingURL=Avatar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Avatar.js","sources":["../../lib/Avatar/Avatar.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { IAvatar } from './interfaces';\nimport { twMerge } from 'tailwind-merge';\nimport { SHAPE_CIRCLE, SIZE_SM, VARIANT_PRIMARY } from '../constants';\nimport './Avatar.styles.css';\n\nconst Avatar: React.FC<IAvatar> = ({\n title,\n src,\n children,\n className,\n shape = SHAPE_CIRCLE,\n size = SIZE_SM,\n variant = VARIANT_PRIMARY,\n border = false,\n}) => {\n const [loadImg, setloadImg] = useState(false);\n\n const onLoadImg = () => {\n setloadImg(true);\n };\n\n return (\n <div\n aria-label=\"avatar\"\n className={twMerge(\n 'avatar',\n `avatar__${shape}`,\n `avatar__${size}`,\n border && 'avatar__bordered',\n !loadImg && `avatar__${variant}`,\n className,\n )}\n >\n {children && !loadImg && children}\n {!children && !loadImg && <span aria-label=\"title\">{title}</span>}\n <img\n src={src}\n className={twMerge(\n 'avatar__img',\n `avatar__${size}`,\n !loadImg && 'hidden',\n )}\n alt=\"avatar-img\"\n onLoad={onLoadImg}\n />\n </div>\n );\n};\nexport default Avatar;\n"],"names":["Avatar","title","src","children","className","shape","SHAPE_CIRCLE","size","SIZE_SM","variant","VARIANT_PRIMARY","border","loadImg","setloadImg","useState","onLoadImg","jsxs","twMerge","jsx"],"mappings":";;;;;;AAMA,MAAMA,IAA4B,CAAC;AAAA,EACjC,OAAAC;AAAA,EACA,KAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC,IAAQC;AAAA,EACR,MAAAC,IAAOC;AAAA,EACP,SAAAC,IAAUC;AAAA,EACV,QAAAC,IAAS;AACX,MAAM;AACJ,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK,GAEtCC,IAAY,MAAM;AACtB,IAAAF,EAAW,EAAI;AAAA,EAAA;AAIf,SAAA,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,cAAW;AAAA,MACX,WAAWC;AAAA,QACT;AAAA,QACA,WAAWZ,CAAK;AAAA,QAChB,WAAWE,CAAI;AAAA,QACfI,KAAU;AAAA,QACV,CAACC,KAAW,WAAWH,CAAO;AAAA,QAC9BL;AAAA,MACF;AAAA,MAEC,UAAA;AAAA,QAAAD,KAAY,CAACS,KAAWT;AAAA,QACxB,CAACA,KAAY,CAACS,uBAAY,QAAK,EAAA,cAAW,SAAS,UAAMX,GAAA;AAAA,QAC1D,gBAAAiB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAAhB;AAAA,YACA,WAAWe;AAAA,cACT;AAAA,cACA,WAAWV,CAAI;AAAA,cACf,CAACK,KAAW;AAAA,YACd;AAAA,YACA,KAAI;AAAA,YACJ,QAAQG;AAAA,UAAA;AAAA,QACV;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"interfaces.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { jsx as _ } from "react/jsx-runtime";
|
|
2
|
+
import { twMerge as e, twJoin as b } from "tailwind-merge";
|
|
3
|
+
import { VARIANT_PRIMARY as f } from "../constants/variants.js";
|
|
4
|
+
import { SIZE_SM as s } from "../constants/sizes.js";
|
|
5
|
+
import '../assets/Button.css';const c = ({
|
|
6
|
+
children: t,
|
|
7
|
+
className: o,
|
|
8
|
+
variant: r = f,
|
|
9
|
+
size: m = s,
|
|
10
|
+
block: n = !1,
|
|
11
|
+
...u
|
|
12
|
+
}) => /* @__PURE__ */ _(
|
|
13
|
+
"button",
|
|
14
|
+
{
|
|
15
|
+
className: e(
|
|
16
|
+
b(
|
|
17
|
+
"button",
|
|
18
|
+
`button__${r}`,
|
|
19
|
+
`button__${m}`,
|
|
20
|
+
n && "button__block",
|
|
21
|
+
o
|
|
22
|
+
)
|
|
23
|
+
),
|
|
24
|
+
...u,
|
|
25
|
+
children: t
|
|
26
|
+
}
|
|
27
|
+
);
|
|
28
|
+
export {
|
|
29
|
+
c as default
|
|
30
|
+
};
|
|
31
|
+
//# sourceMappingURL=Button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.js","sources":["../../lib/Button/Button.tsx"],"sourcesContent":["import React from 'react';\nimport { twMerge, twJoin } from 'tailwind-merge';\nimport { IButton } from './interfaces';\nimport { SIZE_SM, VARIANT_PRIMARY } from '../constants';\nimport './Button.styles.css';\n\nconst Button: React.FC<IButton> = ({\n children,\n className,\n variant = VARIANT_PRIMARY,\n size = SIZE_SM,\n block = false,\n ...props\n}) => {\n return (\n <button\n className={twMerge(\n twJoin(\n 'button',\n `button__${variant}`,\n `button__${size}`,\n block && 'button__block',\n className,\n ),\n )}\n {...props}\n >\n {children}\n </button>\n );\n};\n\nexport default Button;\n"],"names":["Button","children","className","variant","VARIANT_PRIMARY","size","SIZE_SM","block","props","jsx","twMerge","twJoin"],"mappings":";;;;AAMA,MAAMA,IAA4B,CAAC;AAAA,EACjC,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC,IAAUC;AAAA,EACV,MAAAC,IAAOC;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACTC;AAAA,QACE;AAAA,QACA,WAAWR,CAAO;AAAA,QAClB,WAAWE,CAAI;AAAA,QACfE,KAAS;AAAA,QACTL;AAAA,MACF;AAAA,IACF;AAAA,IACC,GAAGM;AAAA,IAEH,UAAAP;AAAA,EAAA;AAAA;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"interfaces.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import { twMerge as e } from "tailwind-merge";
|
|
3
|
+
import { VARIANT_PRIMARY as m } from "../constants/variants.js";
|
|
4
|
+
import '../assets/Card.css';const c = ({
|
|
5
|
+
className: r,
|
|
6
|
+
children: a,
|
|
7
|
+
variant: o = m
|
|
8
|
+
}) => /* @__PURE__ */ t(
|
|
9
|
+
"div",
|
|
10
|
+
{
|
|
11
|
+
"aria-label": "Card",
|
|
12
|
+
className: e("card", `card__${o}`, r),
|
|
13
|
+
children: a
|
|
14
|
+
}
|
|
15
|
+
);
|
|
16
|
+
export {
|
|
17
|
+
c as default
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=Card.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.js","sources":["../../lib/Card/Card.tsx"],"sourcesContent":["import React from 'react';\nimport { twMerge } from 'tailwind-merge';\nimport { ICard } from './interfaces';\nimport { VARIANT_PRIMARY } from '../constants';\nimport './Card.styles.css';\n\nconst Card: React.FC<ICard> = ({\n className,\n children,\n variant = VARIANT_PRIMARY,\n}) => {\n return (\n <div\n aria-label=\"Card\"\n className={twMerge('card', `card__${variant}`, className)}\n >\n {children}\n </div>\n );\n};\n\nexport default Card;\n"],"names":["Card","className","children","variant","VARIANT_PRIMARY","jsx","twMerge"],"mappings":";;;AAMA,MAAMA,IAAwB,CAAC;AAAA,EAC7B,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC,IAAUC;AACZ,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,cAAW;AAAA,IACX,WAAWC,EAAQ,QAAQ,SAASH,CAAO,IAAIF,CAAS;AAAA,IAEvD,UAAAC;AAAA,EAAA;AAAA;"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { twMerge as d } from "tailwind-merge";
|
|
3
|
+
const m = ({ children: r, className: a }) => /* @__PURE__ */ o("div", { "aria-label": "CardBody", className: d("card__body", a), children: r });
|
|
4
|
+
export {
|
|
5
|
+
m as default
|
|
6
|
+
};
|
|
7
|
+
//# sourceMappingURL=CardBody.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CardBody.js","sources":["../../lib/Card/CardBody.tsx"],"sourcesContent":["import { twMerge } from 'tailwind-merge';\nimport { ICardBody } from './interfaces';\n\nconst CardBody = ({ children, className }: ICardBody) => {\n return (\n <div aria-label=\"CardBody\" className={twMerge('card__body', className)}>\n {children}\n </div>\n );\n};\n\nexport default CardBody;\n"],"names":["CardBody","children","className","jsx","twMerge"],"mappings":";;AAGA,MAAMA,IAAW,CAAC,EAAE,UAAAC,GAAU,WAAAC,QAE1B,gBAAAC,EAAC,SAAI,cAAW,YAAW,WAAWC,EAAQ,cAAcF,CAAS,GAClE,UAAAD,EACH,CAAA;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../lib/Card/index.ts"],"sourcesContent":["import CardComponent from './Card';\nimport CardBody from './CardBody';\nimport { ICard, ICardBody } from './interfaces';\n\nconst Card = Object.assign(CardComponent, {\n Body: CardBody,\n});\n\nexport default Card;\nexport type { ICard, ICardBody };\n"],"names":["Card","CardComponent","CardBody"],"mappings":";;AAIM,MAAAA,IAAO,OAAO,OAAOC,GAAe;AAAA,EACxC,MAAMC;AACR,CAAC;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"interfaces.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { jsxs as m, jsx as c } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as t } from "react";
|
|
3
|
+
import { twMerge as o } from "tailwind-merge";
|
|
4
|
+
import { VARIANT_PRIMARY as h } from "../constants/variants.js";
|
|
5
|
+
import { SIZE_XS as x } from "../constants/sizes.js";
|
|
6
|
+
import { S as _ } from "../icon-check-list-CgosD3fZ.js";
|
|
7
|
+
import '../assets/Checkbox.css';const k = t((r, l) => {
|
|
8
|
+
const {
|
|
9
|
+
id: a,
|
|
10
|
+
className: s,
|
|
11
|
+
variant: b = h,
|
|
12
|
+
size: e = x,
|
|
13
|
+
...i
|
|
14
|
+
} = r;
|
|
15
|
+
return /* @__PURE__ */ m(
|
|
16
|
+
"label",
|
|
17
|
+
{
|
|
18
|
+
"aria-label": "Checkbox-Label",
|
|
19
|
+
className: o("checkbox__label", `checkbox__${e}`),
|
|
20
|
+
htmlFor: a,
|
|
21
|
+
children: [
|
|
22
|
+
/* @__PURE__ */ c(
|
|
23
|
+
"input",
|
|
24
|
+
{
|
|
25
|
+
id: a,
|
|
26
|
+
ref: l,
|
|
27
|
+
"aria-label": "Checkbox",
|
|
28
|
+
type: "checkbox",
|
|
29
|
+
className: o(
|
|
30
|
+
"peer",
|
|
31
|
+
"checkbox",
|
|
32
|
+
`checkbox__${e}`,
|
|
33
|
+
`checkbox__${b}`,
|
|
34
|
+
s
|
|
35
|
+
),
|
|
36
|
+
...i
|
|
37
|
+
}
|
|
38
|
+
),
|
|
39
|
+
/* @__PURE__ */ c(
|
|
40
|
+
"span",
|
|
41
|
+
{
|
|
42
|
+
"aria-label": "Checkbox-Icon",
|
|
43
|
+
className: o("checkbox__wrapper__icon", `checkbox__${e}`),
|
|
44
|
+
children: /* @__PURE__ */ c(_, {})
|
|
45
|
+
}
|
|
46
|
+
)
|
|
47
|
+
]
|
|
48
|
+
}
|
|
49
|
+
);
|
|
50
|
+
});
|
|
51
|
+
k.displayName = "Checkbox";
|
|
52
|
+
export {
|
|
53
|
+
k as default
|
|
54
|
+
};
|
|
55
|
+
//# sourceMappingURL=Checkbox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sources":["../../lib/Checkbox/Checkbox.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport { twMerge } from 'tailwind-merge';\nimport { ICheckBox } from './interfaces';\nimport { VARIANT_PRIMARY, SIZE_XS } from '../constants';\nimport { IconCheckList } from '../assets/svg';\nimport './Checkbox.styles.css';\n\nconst Checkbox = forwardRef<HTMLInputElement, ICheckBox>((props, ref) => {\n const {\n id,\n className,\n variant = VARIANT_PRIMARY,\n size = SIZE_XS,\n ...rest\n } = props;\n\n return (\n <label\n aria-label=\"Checkbox-Label\"\n className={twMerge('checkbox__label', `checkbox__${size}`)}\n htmlFor={id}\n >\n <input\n id={id}\n ref={ref}\n aria-label=\"Checkbox\"\n type=\"checkbox\"\n className={twMerge(\n 'peer',\n 'checkbox',\n `checkbox__${size}`,\n `checkbox__${variant}`,\n className,\n )}\n {...rest}\n />\n <span\n aria-label=\"Checkbox-Icon\"\n className={twMerge('checkbox__wrapper__icon', `checkbox__${size}`)}\n >\n <IconCheckList />\n </span>\n </label>\n );\n});\n\nCheckbox.displayName = 'Checkbox';\n\nexport default Checkbox;\n"],"names":["Checkbox","forwardRef","props","ref","id","className","variant","VARIANT_PRIMARY","size","SIZE_XS","rest","jsxs","twMerge","jsx","IconCheckList"],"mappings":";;;;;;AAOA,MAAMA,IAAWC,EAAwC,CAACC,GAAOC,MAAQ;AACjE,QAAA;AAAA,IACJ,IAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC,IAAUC;AAAA,IACV,MAAAC,IAAOC;AAAA,IACP,GAAGC;AAAA,EACD,IAAAR;AAGF,SAAA,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,cAAW;AAAA,MACX,WAAWC,EAAQ,mBAAmB,aAAaJ,CAAI,EAAE;AAAA,MACzD,SAASJ;AAAA,MAET,UAAA;AAAA,QAAA,gBAAAS;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAAT;AAAA,YACA,KAAAD;AAAA,YACA,cAAW;AAAA,YACX,MAAK;AAAA,YACL,WAAWS;AAAA,cACT;AAAA,cACA;AAAA,cACA,aAAaJ,CAAI;AAAA,cACjB,aAAaF,CAAO;AAAA,cACpBD;AAAA,YACF;AAAA,YACC,GAAGK;AAAA,UAAA;AAAA,QACN;AAAA,QACA,gBAAAG;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,cAAW;AAAA,YACX,WAAWD,EAAQ,2BAA2B,aAAaJ,CAAI,EAAE;AAAA,YAEjE,4BAACM,GAAc,EAAA;AAAA,UAAA;AAAA,QACjB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;AAEDd,EAAS,cAAc;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"interfaces.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { jsx as m } from "react/jsx-runtime";
|
|
2
|
+
import { VARIANT_PRIMARY as d } from "../constants/variants.js";
|
|
3
|
+
import { SIZE_XS as t } from "../constants/sizes.js";
|
|
4
|
+
import { POSITION_HORIZONTAL as _ } from "../constants/positions.js";
|
|
5
|
+
import { twMerge as a } from "tailwind-merge";
|
|
6
|
+
import '../assets/Divider.css';const l = ({
|
|
7
|
+
className: r,
|
|
8
|
+
variant: i = d,
|
|
9
|
+
size: e = t,
|
|
10
|
+
position: o = _
|
|
11
|
+
}) => /* @__PURE__ */ m(
|
|
12
|
+
"div",
|
|
13
|
+
{
|
|
14
|
+
"aria-label": "Divider",
|
|
15
|
+
className: a(
|
|
16
|
+
"divider",
|
|
17
|
+
`divider__${i}`,
|
|
18
|
+
`divider__${o}__${e}`,
|
|
19
|
+
r
|
|
20
|
+
)
|
|
21
|
+
}
|
|
22
|
+
);
|
|
23
|
+
export {
|
|
24
|
+
l as default
|
|
25
|
+
};
|
|
26
|
+
//# sourceMappingURL=Divider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Divider.js","sources":["../../lib/Divider/Divider.tsx"],"sourcesContent":["import React from 'react';\nimport { IDivider } from './interfaces';\nimport { SIZE_XS, POSITION_HORIZONTAL, VARIANT_PRIMARY } from '../constants';\nimport { twMerge } from 'tailwind-merge';\nimport './Divider.styles.css';\n\nconst Divider: React.FC<IDivider> = ({\n className,\n variant = VARIANT_PRIMARY,\n size = SIZE_XS,\n position = POSITION_HORIZONTAL,\n}) => {\n return (\n <div\n aria-label=\"Divider\"\n className={twMerge(\n 'divider',\n `divider__${variant}`,\n `divider__${position}__${size}`,\n className,\n )}\n />\n );\n};\n\nexport default Divider;\n"],"names":["Divider","className","variant","VARIANT_PRIMARY","size","SIZE_XS","position","POSITION_HORIZONTAL","jsx","twMerge"],"mappings":";;;;;AAMA,MAAMA,IAA8B,CAAC;AAAA,EACnC,WAAAC;AAAA,EACA,SAAAC,IAAUC;AAAA,EACV,MAAAC,IAAOC;AAAA,EACP,UAAAC,IAAWC;AACb,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,cAAW;AAAA,IACX,WAAWC;AAAA,MACT;AAAA,MACA,YAAYP,CAAO;AAAA,MACnB,YAAYI,CAAQ,KAAKF,CAAI;AAAA,MAC7BH;AAAA,IACF;AAAA,EAAA;AAAA;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"interfaces.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import a from "react";
|
|
3
|
+
import { twMerge as d } from "tailwind-merge";
|
|
4
|
+
import '../assets/Dropdown.css';const p = a.forwardRef(
|
|
5
|
+
({ className: o, ...r }, e) => /* @__PURE__ */ t(
|
|
6
|
+
"div",
|
|
7
|
+
{
|
|
8
|
+
role: "listbox",
|
|
9
|
+
ref: e,
|
|
10
|
+
className: d("group", "dropdown", o),
|
|
11
|
+
...r
|
|
12
|
+
}
|
|
13
|
+
)
|
|
14
|
+
);
|
|
15
|
+
p.displayName = "Dropdown";
|
|
16
|
+
export {
|
|
17
|
+
p as default
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=Dropdown.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sources":["../../lib/Dropdown/Dropdown.tsx"],"sourcesContent":["import React from 'react';\nimport { twMerge } from 'tailwind-merge';\nimport { IDropdown } from './interfaces';\nimport './Dropdown.styles.css';\n\nconst Dropdown = React.forwardRef<HTMLDivElement, IDropdown>(\n ({ className, ...props }, ref) => {\n return (\n <div\n role=\"listbox\"\n ref={ref}\n className={twMerge('group', 'dropdown', className)}\n {...props}\n />\n );\n },\n);\n\nDropdown.displayName = 'Dropdown';\n\nexport default Dropdown;\n"],"names":["Dropdown","React","className","props","ref","jsx","twMerge"],"mappings":";;;AAKA,MAAMA,IAAWC,EAAM;AAAA,EACrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAEtB,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,KAAAD;AAAA,MACA,WAAWE,EAAQ,SAAS,YAAYJ,CAAS;AAAA,MAChD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAIZ;AAEAH,EAAS,cAAc;"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { jsx as m } from "react/jsx-runtime";
|
|
2
|
+
import { twMerge as _ } from "tailwind-merge";
|
|
3
|
+
const l = ({
|
|
4
|
+
children: r,
|
|
5
|
+
className: t,
|
|
6
|
+
onClick: e,
|
|
7
|
+
disabled: o = !1
|
|
8
|
+
}) => /* @__PURE__ */ m(
|
|
9
|
+
"li",
|
|
10
|
+
{
|
|
11
|
+
role: "menuitem",
|
|
12
|
+
tabIndex: 0,
|
|
13
|
+
onClick: () => !o && e && e(),
|
|
14
|
+
className: _(
|
|
15
|
+
"dropdown__item__li",
|
|
16
|
+
o && "dropdown__item__li__disabled",
|
|
17
|
+
t
|
|
18
|
+
),
|
|
19
|
+
children: r
|
|
20
|
+
}
|
|
21
|
+
);
|
|
22
|
+
export {
|
|
23
|
+
l as default
|
|
24
|
+
};
|
|
25
|
+
//# sourceMappingURL=DropdownItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DropdownItem.js","sources":["../../lib/Dropdown/DropdownItem.tsx"],"sourcesContent":["import React from 'react';\nimport { twMerge } from 'tailwind-merge';\nimport { IDropdownItem } from './interfaces';\n\nconst DropdownItem: React.FC<IDropdownItem> = ({\n children,\n className,\n onClick,\n disabled = false,\n}) => {\n return (\n <li\n role=\"menuitem\"\n tabIndex={0}\n onClick={() => !disabled && onClick && onClick()}\n className={twMerge(\n 'dropdown__item__li',\n disabled && 'dropdown__item__li__disabled',\n className,\n )}\n >\n {children}\n </li>\n );\n};\n\nexport default DropdownItem;\n"],"names":["DropdownItem","children","className","onClick","disabled","jsx","twMerge"],"mappings":";;AAIA,MAAMA,IAAwC,CAAC;AAAA,EAC7C,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC,IAAW;AACb,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,UAAU;AAAA,IACV,SAAS,MAAM,CAACD,KAAYD,KAAWA,EAAQ;AAAA,IAC/C,WAAWG;AAAA,MACT;AAAA,MACAF,KAAY;AAAA,MACZF;AAAA,IACF;AAAA,IAEC,UAAAD;AAAA,EAAA;AAAA;"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { jsx as d } from "react/jsx-runtime";
|
|
2
|
+
import { twMerge as n } from "tailwind-merge";
|
|
3
|
+
import "../constants/variants.js";
|
|
4
|
+
import { POSITION_TOP as t, POSITION_BOTTOM as o } from "../constants/positions.js";
|
|
5
|
+
import { ALING_START as p } from "../constants/alings.js";
|
|
6
|
+
const w = ({
|
|
7
|
+
position: _ = o,
|
|
8
|
+
align: r = p,
|
|
9
|
+
className: e,
|
|
10
|
+
...m
|
|
11
|
+
}) => /* @__PURE__ */ d(
|
|
12
|
+
"ul",
|
|
13
|
+
{
|
|
14
|
+
tabIndex: 0,
|
|
15
|
+
className: n(
|
|
16
|
+
"dropdown__menu",
|
|
17
|
+
`dropdown__menu__${_}`,
|
|
18
|
+
[t, o].includes(_) ? `dropdown__menu__vertical__${r}` : `dropdown__menu__lateral__${r}`,
|
|
19
|
+
e
|
|
20
|
+
),
|
|
21
|
+
...m
|
|
22
|
+
}
|
|
23
|
+
);
|
|
24
|
+
export {
|
|
25
|
+
w as default
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=DropdownMenu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DropdownMenu.js","sources":["../../lib/Dropdown/DropdownMenu.tsx"],"sourcesContent":["import React from 'react';\nimport { twMerge } from 'tailwind-merge';\nimport { IDropdownMenu } from './interfaces';\nimport { ALING_START, POSITION_BOTTOM, POSITION_TOP } from '../constants';\n\nconst DropdownMenu: React.FC<IDropdownMenu> = ({\n position = POSITION_BOTTOM,\n align = ALING_START,\n className,\n ...props\n}) => {\n return (\n <ul\n tabIndex={0}\n className={twMerge(\n 'dropdown__menu',\n `dropdown__menu__${position}`,\n [POSITION_TOP, POSITION_BOTTOM].includes(position)\n ? `dropdown__menu__vertical__${align}`\n : `dropdown__menu__lateral__${align}`,\n className,\n )}\n {...props}\n />\n );\n};\n\nexport default DropdownMenu;\n"],"names":["DropdownMenu","position","POSITION_BOTTOM","align","ALING_START","className","props","jsx","twMerge","POSITION_TOP"],"mappings":";;;;;AAKA,MAAMA,IAAwC,CAAC;AAAA,EAC7C,UAAAC,IAAWC;AAAA,EACX,OAAAC,IAAQC;AAAA,EACR,WAAAC;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,UAAU;AAAA,IACV,WAAWC;AAAA,MACT;AAAA,MACA,mBAAmBP,CAAQ;AAAA,MAC3B,CAACQ,GAAcP,CAAe,EAAE,SAASD,CAAQ,IAC7C,6BAA6BE,CAAK,KAClC,4BAA4BA,CAAK;AAAA,MACrCE;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AAAA;"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import p from "react";
|
|
3
|
+
import { twMerge as f } from "tailwind-merge";
|
|
4
|
+
import g from "../Button/Button.js";
|
|
5
|
+
const n = p.forwardRef(
|
|
6
|
+
({ children: o, disabled: r = !1, button: t = !0, buttonProps: a, ...l }, m) => /* @__PURE__ */ e(
|
|
7
|
+
"label",
|
|
8
|
+
{
|
|
9
|
+
ref: m,
|
|
10
|
+
"aria-label": "DropDown-Toggle",
|
|
11
|
+
tabIndex: r ? void 0 : 0,
|
|
12
|
+
className: f("dropdown__toggle"),
|
|
13
|
+
...l,
|
|
14
|
+
children: t ? /* @__PURE__ */ e(
|
|
15
|
+
g,
|
|
16
|
+
{
|
|
17
|
+
"aria-label": "Button-Toggle",
|
|
18
|
+
disabled: r,
|
|
19
|
+
...a,
|
|
20
|
+
children: o
|
|
21
|
+
}
|
|
22
|
+
) : o
|
|
23
|
+
}
|
|
24
|
+
)
|
|
25
|
+
);
|
|
26
|
+
n.displayName = "DropdownToogle";
|
|
27
|
+
export {
|
|
28
|
+
n as default
|
|
29
|
+
};
|
|
30
|
+
//# sourceMappingURL=DropdownToogle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DropdownToogle.js","sources":["../../lib/Dropdown/DropdownToogle.tsx"],"sourcesContent":["import React from 'react';\nimport { twMerge } from 'tailwind-merge';\nimport { IDropdownToogle } from './interfaces';\nimport Button from '../Button';\n\nconst DropdownToogle = React.forwardRef<HTMLLabelElement, IDropdownToogle>(\n (\n { children, disabled = false, button = true, buttonProps, ...props },\n ref,\n ) => {\n return (\n <label\n ref={ref}\n aria-label=\"DropDown-Toggle\"\n tabIndex={disabled ? undefined : 0}\n className={twMerge('dropdown__toggle')}\n {...props}\n >\n {button ? (\n <Button\n aria-label=\"Button-Toggle\"\n disabled={disabled}\n {...buttonProps}\n >\n {children}\n </Button>\n ) : (\n children\n )}\n </label>\n );\n },\n);\nDropdownToogle.displayName = 'DropdownToogle';\n\nexport default DropdownToogle;\n"],"names":["DropdownToogle","React","children","disabled","button","buttonProps","props","ref","jsx","twMerge","Button"],"mappings":";;;;AAKA,MAAMA,IAAiBC,EAAM;AAAA,EAC3B,CACE,EAAE,UAAAC,GAAU,UAAAC,IAAW,IAAO,QAAAC,IAAS,IAAM,aAAAC,GAAa,GAAGC,EAAM,GACnEC,MAGE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,cAAW;AAAA,MACX,UAAUJ,IAAW,SAAY;AAAA,MACjC,WAAWM,EAAQ,kBAAkB;AAAA,MACpC,GAAGH;AAAA,MAEH,UACCF,IAAA,gBAAAI;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,cAAW;AAAA,UACX,UAAAP;AAAA,UACC,GAAGE;AAAA,UAEH,UAAAH;AAAA,QAAA;AAAA,MAAA,IAGHA;AAAA,IAAA;AAAA,EAAA;AAKV;AACAF,EAAe,cAAc;"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import o from "./Dropdown.js";
|
|
2
|
+
import r from "./DropdownItem.js";
|
|
3
|
+
import m from "./DropdownToogle.js";
|
|
4
|
+
import p from "./DropdownMenu.js";
|
|
5
|
+
const f = Object.assign(o, {
|
|
6
|
+
Toogle: m,
|
|
7
|
+
Menu: p,
|
|
8
|
+
Item: r
|
|
9
|
+
});
|
|
10
|
+
export {
|
|
11
|
+
f as default
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../lib/Dropdown/index.ts"],"sourcesContent":["import DropdownComponente from './Dropdown';\nimport DropdownItem from './DropdownItem';\nimport DropdownToogle from './DropdownToogle';\nimport DropdownMenu from './DropdownMenu';\n\nimport {\n IDropdown,\n IDropdownItem,\n IDropdownMenu,\n IDropdownToogle,\n} from './interfaces';\n\nconst Dropdown = Object.assign(DropdownComponente, {\n Toogle: DropdownToogle,\n Menu: DropdownMenu,\n Item: DropdownItem,\n});\n\nexport default Dropdown;\nexport type { IDropdown, IDropdownToogle, IDropdownMenu, IDropdownItem };\n"],"names":["Dropdown","DropdownComponente","DropdownToogle","DropdownMenu","DropdownItem"],"mappings":";;;;AAYM,MAAAA,IAAW,OAAO,OAAOC,GAAoB;AAAA,EACjD,QAAQC;AAAA,EACR,MAAMC;AAAA,EACN,MAAMC;AACR,CAAC;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"interfaces.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { jsx as t, Fragment as e } from "react/jsx-runtime";
|
|
2
|
+
import { twMerge as n } from "tailwind-merge";
|
|
3
|
+
import '../assets/ErrorInput.css';const a = ({ message: r }) => /* @__PURE__ */ t(e, { children: r ? /* @__PURE__ */ t("p", { "aria-label": "ErrorInput", className: n("error__input"), children: r }) : null });
|
|
4
|
+
export {
|
|
5
|
+
a as default
|
|
6
|
+
};
|
|
7
|
+
//# sourceMappingURL=ErrorInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ErrorInput.js","sources":["../../lib/ErrorInput/ErrorInput.tsx"],"sourcesContent":["import React from 'react';\nimport { twMerge } from 'tailwind-merge';\nimport { IErrorInput } from './interfaces';\nimport './ErrorInput.styles.css';\n\nconst ErrorInput: React.FC<IErrorInput> = ({ message }) => {\n return (\n <>\n {message ? (\n <p aria-label=\"ErrorInput\" className={twMerge('error__input')}>\n {message}\n </p>\n ) : null}\n </>\n );\n};\n\nexport default ErrorInput;\n"],"names":["ErrorInput","message","jsx","Fragment","twMerge"],"mappings":";;AAKA,MAAMA,IAAoC,CAAC,EAAE,SAAAC,QAGtC,gBAAAC,EAAAC,GAAA,EAAA,UAAAF,IACE,gBAAAC,EAAA,KAAA,EAAE,cAAW,cAAa,WAAWE,EAAQ,cAAc,GACzD,UACHH,GAAA,IACE,KACN,CAAA;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"interfaces.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { jsx as f } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as t } from "react";
|
|
3
|
+
import { twMerge as a } from "tailwind-merge";
|
|
4
|
+
const s = t(
|
|
5
|
+
({ children: r, className: o, ...m }, e) => /* @__PURE__ */ f("form", { role: "form", ref: e, className: a(o), ...m, children: r })
|
|
6
|
+
);
|
|
7
|
+
s.displayName = "Form";
|
|
8
|
+
export {
|
|
9
|
+
s as default
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=Form.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Form.js","sources":["../../lib/Form/Form.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport { twMerge } from 'tailwind-merge';\nimport { IForm } from './interfaces';\n\nconst Form = forwardRef<HTMLFormElement, IForm>(\n ({ children, className, ...props }, ref) => {\n return (\n <form role=\"form\" ref={ref} className={twMerge(className)} {...props}>\n {children}\n </form>\n );\n },\n);\n\nForm.displayName = 'Form';\n\nexport default Form;\n"],"names":["Form","forwardRef","children","className","props","ref","jsx","twMerge"],"mappings":";;;AAIA,MAAMA,IAAOC;AAAA,EACX,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAEhC,gBAAAC,EAAC,QAAK,EAAA,MAAK,QAAO,KAAAD,GAAU,WAAWE,EAAQJ,CAAS,GAAI,GAAGC,GAC5D,UAAAF,EACH,CAAA;AAGN;AAEAF,EAAK,cAAc;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"interfaces.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|