@anuj20/void-ui 0.1.0
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 +34 -0
- package/dist/assets/stylex.css +145 -0
- package/dist/components/Badge/Badge.d.ts +6 -0
- package/dist/components/Badge/Badge.d.ts.map +1 -0
- package/dist/components/Badge/index.d.ts +3 -0
- package/dist/components/Badge/index.d.ts.map +1 -0
- package/dist/components/Button/Button.d.ts +7 -0
- package/dist/components/Button/Button.d.ts.map +1 -0
- package/dist/components/Button/index.d.ts +3 -0
- package/dist/components/Button/index.d.ts.map +1 -0
- package/dist/components/Card/Card.d.ts +7 -0
- package/dist/components/Card/Card.d.ts.map +1 -0
- package/dist/components/Card/index.d.ts +3 -0
- package/dist/components/Card/index.d.ts.map +1 -0
- package/dist/components/Checkbox/Checkbox.d.ts +7 -0
- package/dist/components/Checkbox/Checkbox.d.ts.map +1 -0
- package/dist/components/Checkbox/index.d.ts +3 -0
- package/dist/components/Checkbox/index.d.ts.map +1 -0
- package/dist/components/Dropdown/Dropdown.d.ts +18 -0
- package/dist/components/Dropdown/Dropdown.d.ts.map +1 -0
- package/dist/components/Dropdown/index.d.ts +3 -0
- package/dist/components/Dropdown/index.d.ts.map +1 -0
- package/dist/components/Input/Input.d.ts +7 -0
- package/dist/components/Input/Input.d.ts.map +1 -0
- package/dist/components/Input/index.d.ts +3 -0
- package/dist/components/Input/index.d.ts.map +1 -0
- package/dist/components/Option/Option.d.ts +37 -0
- package/dist/components/Option/Option.d.ts.map +1 -0
- package/dist/components/Option/index.d.ts +3 -0
- package/dist/components/Option/index.d.ts.map +1 -0
- package/dist/components/Select/Select.d.ts +15 -0
- package/dist/components/Select/Select.d.ts.map +1 -0
- package/dist/components/Select/index.d.ts +3 -0
- package/dist/components/Select/index.d.ts.map +1 -0
- package/dist/components/Spinner/Spinner.d.ts +6 -0
- package/dist/components/Spinner/Spinner.d.ts.map +1 -0
- package/dist/components/Spinner/index.d.ts +3 -0
- package/dist/components/Spinner/index.d.ts.map +1 -0
- package/dist/components/Textarea/Textarea.d.ts +7 -0
- package/dist/components/Textarea/Textarea.d.ts.map +1 -0
- package/dist/components/Textarea/index.d.ts +3 -0
- package/dist/components/Textarea/index.d.ts.map +1 -0
- package/dist/components/Toggle/Toggle.d.ts +7 -0
- package/dist/components/Toggle/Toggle.d.ts.map +1 -0
- package/dist/components/Toggle/index.d.ts +3 -0
- package/dist/components/Toggle/index.d.ts.map +1 -0
- package/dist/components/Tooltip/Tooltip.d.ts +12 -0
- package/dist/components/Tooltip/Tooltip.d.ts.map +1 -0
- package/dist/components/Tooltip/index.d.ts +3 -0
- package/dist/components/Tooltip/index.d.ts.map +1 -0
- package/dist/index.css +146 -0
- package/dist/index.d.ts +25 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +3 -0
- package/dist/index.mjs +2610 -0
- package/dist/style.css +1 -0
- package/dist/styles/tokens.stylex.d.ts +34 -0
- package/dist/styles/tokens.stylex.d.ts.map +1 -0
- package/package.json +82 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2026 Anuj Punekar
|
|
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,34 @@
|
|
|
1
|
+
# void-ui
|
|
2
|
+
|
|
3
|
+
A dark-first React component library with a sharp, brutalist look — no rounded corners, no shadows, one accent color.
|
|
4
|
+
|
|
5
|
+
## Install
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
npm install @anuj20/void-ui react react-dom
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
`react` and `react-dom` (`>=18`) are peer dependencies, not bundled.
|
|
12
|
+
|
|
13
|
+
## Usage
|
|
14
|
+
|
|
15
|
+
```tsx
|
|
16
|
+
import { Button } from '@anuj20/void-ui';
|
|
17
|
+
import '@anuj20/void-ui/styles'; // once, anywhere in your app's entry point
|
|
18
|
+
|
|
19
|
+
function App() {
|
|
20
|
+
return <Button variant="solid">Click me</Button>;
|
|
21
|
+
}
|
|
22
|
+
```
|
|
23
|
+
|
|
24
|
+
All colors, spacing, radii, and animation durations are exposed as CSS custom properties (`--void-*`) on `:root`. Override any of them in your own CSS to theme the library — no rebuild required.
|
|
25
|
+
|
|
26
|
+
## Components
|
|
27
|
+
|
|
28
|
+
`Button` · `Badge` · `Input` · `Textarea` · `Card` · `Spinner` · `Select` · `Option` · `Checkbox` · `Toggle` · `Dropdown` · `Tooltip`
|
|
29
|
+
|
|
30
|
+
Full prop docs and live examples: [Storybook](https://anujpunekar20.github.io/void-ui/)
|
|
31
|
+
|
|
32
|
+
## License
|
|
33
|
+
|
|
34
|
+
MIT
|
|
@@ -0,0 +1,145 @@
|
|
|
1
|
+
@keyframes x1wc8ddo-B{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
|
|
2
|
+
.x1ghz6dp:not(#\#){margin:0}
|
|
3
|
+
.x1717udv:not(#\#){padding:0}
|
|
4
|
+
.x1xsqp64:not(#\#):not(#\#){background-position:center}
|
|
5
|
+
.xi5lzy:not(#\#):not(#\#){border-color:rgba(239,68,68,.3)}
|
|
6
|
+
.x9r1u3d:not(#\#):not(#\#){border-color:transparent}
|
|
7
|
+
.x1bg9ss3:not(#\#):not(#\#){border-color:var(--void-border)}
|
|
8
|
+
.x165x1lq:not(#\#):not(#\#){border-color:var(--void-accent-glow)}
|
|
9
|
+
.x1fe0243:not(#\#):not(#\#){border-color:var(--void-border-strong)}
|
|
10
|
+
.xquyta1:not(#\#):not(#\#){border-color:var(--void-accent)}
|
|
11
|
+
.x1xpgki5:not(#\#):not(#\#){border-color:var(--void-destructive)}
|
|
12
|
+
.x16rqkct:not(#\#):not(#\#){border-radius:50%}
|
|
13
|
+
.x1d1qvu4:not(#\#):not(#\#){border-radius:var(--void-radius)}
|
|
14
|
+
.x1y0btm7:not(#\#):not(#\#){border-style:solid}
|
|
15
|
+
.xmkeg23:not(#\#):not(#\#){border-width:1px}
|
|
16
|
+
.xdh2fpr:not(#\#):not(#\#){border-width:2px}
|
|
17
|
+
.x9r2w2z:not(#\#):not(#\#){border-width:3px}
|
|
18
|
+
.x1vl77i7:not(#\#):not(#\#){gap:var(--void-space-xs)}
|
|
19
|
+
.xl914lg:not(#\#):not(#\#){gap:var(--void-space-sm)}
|
|
20
|
+
.xe8uvvx:not(#\#):not(#\#){list-style:none}
|
|
21
|
+
.x1a2a7pz:not(#\#):not(#\#){outline:none}
|
|
22
|
+
.x1xo6yx5:not(#\#):not(#\#){transition:all var(--void-duration-base) var(--void-ease-out)}
|
|
23
|
+
.x692xdx:not(#\#):not(#\#){transition:border-color var(--void-duration-base) var(--void-ease-out),background-color var(--void-duration-base) var(--void-ease-out),box-shadow var(--void-duration-base) var(--void-ease-out)}
|
|
24
|
+
.x1uv70fe:not(#\#):not(#\#){transition:border-color var(--void-duration-base) var(--void-ease-out),box-shadow var(--void-duration-base) var(--void-ease-out)}
|
|
25
|
+
.x5e2i2j:focus-visible:not(#\#):not(#\#){outline:2px solid var(--void-accent)}
|
|
26
|
+
.xk2swo9:focus-visible:not(#\#):not(#\#){outline:none}
|
|
27
|
+
.x1c621he:checked:not(#\#):not(#\#){border-color:var(--void-accent)}
|
|
28
|
+
.x1yxrg2t:hover:not(#\#):not(#\#){border-color:var(--void-accent-hover)}
|
|
29
|
+
.xin77f8:hover:not(#\#):not(#\#){border-color:var(--void-accent)}
|
|
30
|
+
.xo0a1jt:focus:not(#\#):not(#\#){border-color:var(--void-accent)}
|
|
31
|
+
.xvcsxjy:focus:not(#\#):not(#\#){border-color:var(--void-destructive)}
|
|
32
|
+
.x6s0dn4:not(#\#):not(#\#):not(#\#){align-items:center}
|
|
33
|
+
.xof6966:not(#\#):not(#\#):not(#\#){animation-duration:.7s}
|
|
34
|
+
.xa4qsjk:not(#\#):not(#\#):not(#\#){animation-iteration-count:infinite}
|
|
35
|
+
.x1aerksh:not(#\#):not(#\#):not(#\#){animation-name:x1wc8ddo-B}
|
|
36
|
+
.x1esw782:not(#\#):not(#\#):not(#\#){animation-timing-function:linear}
|
|
37
|
+
.xjyslct:not(#\#):not(#\#):not(#\#){appearance:none}
|
|
38
|
+
.xjbqb8w:not(#\#):not(#\#):not(#\#){background-color:transparent}
|
|
39
|
+
.xo7krog:not(#\#):not(#\#):not(#\#){background-color:var(--void-bg-elevated)}
|
|
40
|
+
.xh2j9r7:not(#\#):not(#\#):not(#\#){background-color:var(--void-accent-glow)}
|
|
41
|
+
.x1mzze7p:not(#\#):not(#\#):not(#\#){background-color:var(--void-bg-overlay)}
|
|
42
|
+
.x1nbahe7:not(#\#):not(#\#):not(#\#){background-color:var(--void-accent)}
|
|
43
|
+
.xgipr9a:not(#\#):not(#\#):not(#\#){background-color:var(--void-destructive)}
|
|
44
|
+
.xiy17q3:not(#\#):not(#\#):not(#\#){background-repeat:no-repeat}
|
|
45
|
+
.x1y7atua:not(#\#):not(#\#):not(#\#){box-shadow:3px 3px 0 0 var(--void-shadow)}
|
|
46
|
+
.x1f7m26b:not(#\#):not(#\#):not(#\#){color:#ffffff}
|
|
47
|
+
.xawhp31:not(#\#):not(#\#):not(#\#){color:var(--void-text-muted)}
|
|
48
|
+
.x9on2hy:not(#\#):not(#\#):not(#\#){color:var(--void-text-primary)}
|
|
49
|
+
.x18ie6z5:not(#\#):not(#\#):not(#\#){color:var(--void-bg-base)}
|
|
50
|
+
.x19yprum:not(#\#):not(#\#):not(#\#){color:var(--void-accent)}
|
|
51
|
+
.xij7ohi:not(#\#):not(#\#):not(#\#){color:var(--void-destructive)}
|
|
52
|
+
.x1h6gzvc:not(#\#):not(#\#):not(#\#){cursor:not-allowed}
|
|
53
|
+
.x1ypdohk:not(#\#):not(#\#):not(#\#){cursor:pointer}
|
|
54
|
+
.x78zum5:not(#\#):not(#\#):not(#\#){display:flex}
|
|
55
|
+
.x1rg5ohu:not(#\#):not(#\#):not(#\#){display:inline-block}
|
|
56
|
+
.x3nfvp2:not(#\#):not(#\#):not(#\#){display:inline-flex}
|
|
57
|
+
.xdt5ytf:not(#\#):not(#\#):not(#\#){flex-direction:column}
|
|
58
|
+
.x2lah0s:not(#\#):not(#\#):not(#\#){flex-shrink:0}
|
|
59
|
+
.xatjv94:not(#\#):not(#\#):not(#\#){font-family:var(--void-font-mono)}
|
|
60
|
+
.x1qs7v6x:not(#\#):not(#\#):not(#\#){font-size:var(--void-font-size-label-sm)}
|
|
61
|
+
.xwg6gol:not(#\#):not(#\#):not(#\#){font-size:var(--void-font-size-label)}
|
|
62
|
+
.x1sdd8o2:not(#\#):not(#\#):not(#\#){font-size:var(--void-font-size-body)}
|
|
63
|
+
.xk50ysn:not(#\#):not(#\#):not(#\#){font-weight:500}
|
|
64
|
+
.xl56j7k:not(#\#):not(#\#):not(#\#){justify-content:center}
|
|
65
|
+
.x2ujxvm:not(#\#):not(#\#):not(#\#){letter-spacing:.05em}
|
|
66
|
+
.x1dbl2gt:not(#\#):not(#\#):not(#\#){line-height:1.6}
|
|
67
|
+
.xo5v014:not(#\#):not(#\#):not(#\#){line-height:1}
|
|
68
|
+
.xti2d7y:not(#\#):not(#\#):not(#\#){opacity:.4}
|
|
69
|
+
.x47corl:not(#\#):not(#\#):not(#\#){pointer-events:none}
|
|
70
|
+
.x10l6tqk:not(#\#):not(#\#):not(#\#){position:absolute}
|
|
71
|
+
.x1n2onr6:not(#\#):not(#\#):not(#\#){position:relative}
|
|
72
|
+
.x288g5:not(#\#):not(#\#):not(#\#){resize:vertical}
|
|
73
|
+
.x87ps6o:not(#\#):not(#\#):not(#\#){user-select:none}
|
|
74
|
+
.xuxw1ft:not(#\#):not(#\#):not(#\#){white-space:nowrap}
|
|
75
|
+
.x1n327nk:not(#\#):not(#\#):not(#\#){z-index:10}
|
|
76
|
+
.x1czfj9e:focus-visible:not(#\#):not(#\#):not(#\#){box-shadow:0 0 0 3px rgba(239,68,68,.2)}
|
|
77
|
+
.x1ogm03h:focus-visible:not(#\#):not(#\#):not(#\#){box-shadow:0 0 0 3px var(--void-accent-glow)}
|
|
78
|
+
.xygf9ah:focus-visible:not(#\#):not(#\#):not(#\#){box-shadow:0 0 0 4px var(--void-accent-glow)}
|
|
79
|
+
.x7s97pk:focus-visible:not(#\#):not(#\#):not(#\#){outline-offset:2px}
|
|
80
|
+
.x4r2uet:disabled:not(#\#):not(#\#):not(#\#){box-shadow:3px 3px 0 0 var(--void-shadow)}
|
|
81
|
+
.x1s07b3s:disabled:not(#\#):not(#\#):not(#\#){cursor:not-allowed}
|
|
82
|
+
.x1lfpgzf:disabled:not(#\#):not(#\#):not(#\#){opacity:.4}
|
|
83
|
+
.xaqnwrm:disabled:not(#\#):not(#\#):not(#\#){pointer-events:none}
|
|
84
|
+
.x1yl1c4z:disabled:not(#\#):not(#\#):not(#\#){resize:none}
|
|
85
|
+
.x1gl3shj:disabled:not(#\#):not(#\#):not(#\#){transform:none}
|
|
86
|
+
.xfei05d:checked:not(#\#):not(#\#):not(#\#){background-color:var(--void-accent)}
|
|
87
|
+
.xaxgghe:checked:not(#\#):not(#\#):not(#\#){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8l3 3 7-7' stroke='white' stroke-width='2' fill='none' stroke-linecap='square'/%3E%3C/svg%3E")}
|
|
88
|
+
.xswxg28:hover:not(#\#):not(#\#):not(#\#){background-color:var(--void-accent-hover)}
|
|
89
|
+
.x4d5kph:hover:not(#\#):not(#\#):not(#\#){background-color:var(--void-accent-glow)}
|
|
90
|
+
.xoul3c9:hover:not(#\#):not(#\#):not(#\#){background-color:var(--void-bg-overlay)}
|
|
91
|
+
.xm1m6c:hover:not(#\#):not(#\#):not(#\#){box-shadow:4px 4px 0 0 var(--void-shadow)}
|
|
92
|
+
.xrp47ef:hover:not(#\#):not(#\#):not(#\#){filter:brightness(1.1)}
|
|
93
|
+
.x1y28hk:hover:not(#\#):not(#\#):not(#\#){transform:translate(-1px,-1px)}
|
|
94
|
+
.xw81cp9:focus:not(#\#):not(#\#):not(#\#){box-shadow:0 0 0 3px rgba(239,68,68,.2)}
|
|
95
|
+
.x54zhqn:focus:not(#\#):not(#\#):not(#\#){box-shadow:0 0 0 3px var(--void-accent-glow)}
|
|
96
|
+
.xpk4wdd:active:not(#\#):not(#\#):not(#\#){box-shadow:none}
|
|
97
|
+
.xmdgcvo:active:not(#\#):not(#\#):not(#\#){transform:translate(3px,3px)}
|
|
98
|
+
@media (prefers-reduced-motion: reduce){.x1u6grsq.x1u6grsq:not(#\#):not(#\#):not(#\#){animation-duration:0s}}
|
|
99
|
+
.x13jbx1c:not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-color:var(--void-border)}
|
|
100
|
+
.x1q0q8m5:not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-style:solid}
|
|
101
|
+
.xso031l:not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-width:1px}
|
|
102
|
+
.x1de0zrd:not(#\#):not(#\#):not(#\#):not(#\#){border-top-color:var(--void-accent)}
|
|
103
|
+
.xlup9mm:not(#\#):not(#\#):not(#\#):not(#\#){height:16px}
|
|
104
|
+
.x1qx5ct2:not(#\#):not(#\#):not(#\#):not(#\#){height:20px}
|
|
105
|
+
.xxk0z11:not(#\#):not(#\#):not(#\#):not(#\#){height:24px}
|
|
106
|
+
.x1vqgdyp:not(#\#):not(#\#):not(#\#):not(#\#){height:40px}
|
|
107
|
+
.xu96u03:not(#\#):not(#\#):not(#\#):not(#\#){left:0}
|
|
108
|
+
.x1xiyphd:not(#\#):not(#\#):not(#\#):not(#\#){max-height:240px}
|
|
109
|
+
.x1sslpiy:not(#\#):not(#\#):not(#\#):not(#\#){max-height:320px}
|
|
110
|
+
.x16em4ew:not(#\#):not(#\#):not(#\#):not(#\#){max-width:240px}
|
|
111
|
+
.xseoqlg:not(#\#):not(#\#):not(#\#):not(#\#){min-height:80px}
|
|
112
|
+
.x5w4yej:not(#\#):not(#\#):not(#\#):not(#\#){min-width:160px}
|
|
113
|
+
.x1odjw0f:not(#\#):not(#\#):not(#\#):not(#\#){overflow-y:auto}
|
|
114
|
+
.x167q93l:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:var(--void-space-xs)}
|
|
115
|
+
.xerv8z9:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:var(--void-space-sm)}
|
|
116
|
+
.x1razpri:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:var(--void-space-md)}
|
|
117
|
+
.x1ogkmdp:not(#\#):not(#\#):not(#\#):not(#\#){padding-left:var(--void-space-sm)}
|
|
118
|
+
.xl8tvyr:not(#\#):not(#\#):not(#\#):not(#\#){padding-left:var(--void-space-lg)}
|
|
119
|
+
.x9kunmt:not(#\#):not(#\#):not(#\#):not(#\#){padding-left:var(--void-space-md)}
|
|
120
|
+
.x19kyltx:not(#\#):not(#\#):not(#\#):not(#\#){padding-right:var(--void-space-sm)}
|
|
121
|
+
.x1bpg297:not(#\#):not(#\#):not(#\#):not(#\#){padding-right:var(--void-space-lg)}
|
|
122
|
+
.x44loyu:not(#\#):not(#\#):not(#\#):not(#\#){padding-right:var(--void-space-md)}
|
|
123
|
+
.x152pf7l:not(#\#):not(#\#):not(#\#):not(#\#){padding-top:var(--void-space-xs)}
|
|
124
|
+
.x1m6pl64:not(#\#):not(#\#):not(#\#):not(#\#){padding-top:var(--void-space-sm)}
|
|
125
|
+
.x19gmeju:not(#\#):not(#\#):not(#\#):not(#\#){padding-top:var(--void-space-md)}
|
|
126
|
+
.x3m8u43:not(#\#):not(#\#):not(#\#):not(#\#){right:0}
|
|
127
|
+
.x1qwhh54:not(#\#):not(#\#):not(#\#):not(#\#){top:calc(100% + 4px)}
|
|
128
|
+
.xh8yej3:not(#\#):not(#\#):not(#\#):not(#\#){width:100%}
|
|
129
|
+
.x1kky2od:not(#\#):not(#\#):not(#\#):not(#\#){width:16px}
|
|
130
|
+
.xw4jnvo:not(#\#):not(#\#):not(#\#):not(#\#){width:20px}
|
|
131
|
+
.xvy4d1p:not(#\#):not(#\#):not(#\#):not(#\#){width:24px}
|
|
132
|
+
.x100vrsf:not(#\#):not(#\#):not(#\#):not(#\#){width:40px}
|
|
133
|
+
.xeq5yr9:not(#\#):not(#\#):not(#\#):not(#\#){width:fit-content}
|
|
134
|
+
.x5snovc:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{transition:transform var(--void-duration-base) var(--void-ease-out)}
|
|
135
|
+
.xfcophb:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{background-color:var(--void-text-primary)}
|
|
136
|
+
.x5t985x:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{background-color:var(--void-bg-base)}
|
|
137
|
+
.x1wdqfy3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::placeholder{color:rgba(240,240,240,.4)}
|
|
138
|
+
.x1s928wv:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{content:""}
|
|
139
|
+
.x1j6awrg:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{position:absolute}
|
|
140
|
+
.x1c3qcep:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{transform:translateX(0)}
|
|
141
|
+
.x16h0vlm:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{transform:translateX(20px)}
|
|
142
|
+
.x1a5uphr:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{height:16px}
|
|
143
|
+
.x16wgev3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{left:2px}
|
|
144
|
+
.x1hpecwn:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{top:2px}
|
|
145
|
+
.xrsbh8w:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{width:16px}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
|
|
3
|
+
variant?: 'default' | 'accent' | 'outline' | 'destructive';
|
|
4
|
+
}
|
|
5
|
+
export declare function Badge({ variant, children, ...props }: BadgeProps): import("react").JSX.Element;
|
|
6
|
+
//# sourceMappingURL=Badge.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,eAAe,CAAC;IACjE,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,aAAa,CAAC;CAC5D;AA0CD,wBAAgB,KAAK,CAAC,EAAE,OAAmB,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,+BAM5E"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ButtonHTMLAttributes } from 'react';
|
|
2
|
+
export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
3
|
+
variant?: 'solid' | 'outline' | 'ghost' | 'destructive';
|
|
4
|
+
size?: 'sm' | 'md' | 'lg';
|
|
5
|
+
}
|
|
6
|
+
export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
7
|
+
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,aAAa,CAAC;IACxD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAsGD,eAAO,MAAM,MAAM,2GASjB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
export interface CardProps extends HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
header?: ReactNode;
|
|
4
|
+
children?: ReactNode;
|
|
5
|
+
}
|
|
6
|
+
export declare function Card({ header, children, ...props }: CardProps): import("react").JSX.Element;
|
|
7
|
+
//# sourceMappingURL=Card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAqCvD,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,IAAI,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAO7D"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { InputHTMLAttributes } from 'react';
|
|
2
|
+
export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
|
|
3
|
+
label?: string;
|
|
4
|
+
error?: string;
|
|
5
|
+
}
|
|
6
|
+
export declare function Checkbox({ label, error, id, disabled, ...props }: CheckboxProps): import("react").JSX.Element;
|
|
7
|
+
//# sourceMappingURL=Checkbox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEjD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACxF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA4ED,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,+BAuB/E"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
|
+
import { Placement } from '@floating-ui/react';
|
|
3
|
+
export interface DropdownItem {
|
|
4
|
+
value: string;
|
|
5
|
+
label: string;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
destructive?: boolean;
|
|
8
|
+
onSelect?: () => void;
|
|
9
|
+
}
|
|
10
|
+
export interface DropdownProps {
|
|
11
|
+
/** The element that opens the menu — cloned with aria/click props attached. */
|
|
12
|
+
trigger: ReactElement;
|
|
13
|
+
items: DropdownItem[];
|
|
14
|
+
/** Preferred side/alignment relative to the trigger. Falls back to the opposite side if there's no room. @default 'bottom-start' */
|
|
15
|
+
placement?: Placement;
|
|
16
|
+
}
|
|
17
|
+
export declare function Dropdown({ trigger, items, placement }: DropdownProps): import("react").JSX.Element;
|
|
18
|
+
//# sourceMappingURL=Dropdown.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAe1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAOpD,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,aAAa;IAC5B,+EAA+E;IAC/E,OAAO,EAAE,YAAY,CAAC;IACtB,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,oIAAoI;IACpI,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AA0BD,wBAAgB,QAAQ,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,SAA0B,EAAE,EAAE,aAAa,+BA+FrF"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { InputHTMLAttributes } from 'react';
|
|
2
|
+
export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
3
|
+
label?: string;
|
|
4
|
+
error?: string;
|
|
5
|
+
}
|
|
6
|
+
export declare function Input({ label, error, id, ...props }: InputProps): import("react").JSX.Element;
|
|
7
|
+
//# sourceMappingURL=Input.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEjD,MAAM,WAAW,UAAW,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA0DD,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,+BAuB/D"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import * as stylex from '@stylexjs/stylex';
|
|
3
|
+
export interface OptionProps {
|
|
4
|
+
value: string;
|
|
5
|
+
/** Used for search-matching when children isn't a plain string. */
|
|
6
|
+
label?: string;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
children: ReactNode;
|
|
9
|
+
}
|
|
10
|
+
export declare const optionStyles: Readonly<{
|
|
11
|
+
readonly option: Readonly<{
|
|
12
|
+
readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", string>;
|
|
13
|
+
readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
|
|
14
|
+
readonly color: stylex.StyleXClassNameFor<"color", string>;
|
|
15
|
+
readonly paddingTop: stylex.StyleXClassNameFor<"paddingTop", string>;
|
|
16
|
+
readonly paddingBottom: stylex.StyleXClassNameFor<"paddingBottom", string>;
|
|
17
|
+
readonly paddingLeft: stylex.StyleXClassNameFor<"paddingLeft", string>;
|
|
18
|
+
readonly paddingRight: stylex.StyleXClassNameFor<"paddingRight", string>;
|
|
19
|
+
readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
|
|
20
|
+
readonly userSelect: stylex.StyleXClassNameFor<"userSelect", "none">;
|
|
21
|
+
}>;
|
|
22
|
+
readonly optionActive: Readonly<{
|
|
23
|
+
readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
|
|
24
|
+
readonly color: stylex.StyleXClassNameFor<"color", string>;
|
|
25
|
+
}>;
|
|
26
|
+
readonly optionDisabled: Readonly<{
|
|
27
|
+
readonly cursor: stylex.StyleXClassNameFor<"cursor", "not-allowed">;
|
|
28
|
+
readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.4>;
|
|
29
|
+
}>;
|
|
30
|
+
}>;
|
|
31
|
+
/**
|
|
32
|
+
* Marker component describing a Select suggestion. Select reads its props
|
|
33
|
+
* via Children.toArray rather than rendering it directly, so it owns the
|
|
34
|
+
* actual row element (id/aria/active-state/handlers) in one place.
|
|
35
|
+
*/
|
|
36
|
+
export declare function Option({ children }: OptionProps): import("react").JSX.Element;
|
|
37
|
+
//# sourceMappingURL=Option.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../src/components/Option/Option.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAE3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;EAoBvB,CAAC;AAEH;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,EAAE,WAAW,+BAE/C"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Option/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { InputHTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
export interface SelectOption {
|
|
3
|
+
value: string;
|
|
4
|
+
label: string;
|
|
5
|
+
}
|
|
6
|
+
export interface SelectProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'children'> {
|
|
7
|
+
label?: string;
|
|
8
|
+
error?: string;
|
|
9
|
+
/** Simple data-driven suggestions. Ignored if `children` is provided. */
|
|
10
|
+
options?: SelectOption[];
|
|
11
|
+
/** `<Option>` elements — takes precedence over `options` when non-empty. */
|
|
12
|
+
children?: ReactNode;
|
|
13
|
+
}
|
|
14
|
+
export declare function Select({ label, error, id, options, children, defaultValue, value, onChange, onFocus, onKeyDown, ...props }: SelectProps): import("react").JSX.Element;
|
|
15
|
+
//# sourceMappingURL=Select.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAA+B,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzF,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC1F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yEAAyE;IACzE,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAoFD,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,KAAK,EACL,EAAE,EACF,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,WAAW,+BA4Jb"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AA0CA,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,OAAO,CAAC,EAAE,IAAW,EAAE,YAAY,EAAE,SAAqB,EAAE,EAAE,YAAY,+BAQzF"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { TextareaHTMLAttributes } from 'react';
|
|
2
|
+
export interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
3
|
+
label?: string;
|
|
4
|
+
error?: string;
|
|
5
|
+
}
|
|
6
|
+
export declare function Textarea({ label, error, id, ...props }: TextareaProps): import("react").JSX.Element;
|
|
7
|
+
//# sourceMappingURL=Textarea.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAEpD,MAAM,WAAW,aAAc,SAAQ,sBAAsB,CAAC,mBAAmB,CAAC;IAChF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA8DD,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,+BAuBrE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { InputHTMLAttributes } from 'react';
|
|
2
|
+
export interface ToggleProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
|
|
3
|
+
label?: string;
|
|
4
|
+
error?: string;
|
|
5
|
+
}
|
|
6
|
+
export declare function Toggle({ label, error, id, checked, defaultChecked, disabled, onChange, ...props }: ToggleProps): import("react").JSX.Element;
|
|
7
|
+
//# sourceMappingURL=Toggle.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEjD,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACtF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA8FD,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,+BAmC9G"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
|
+
import { Placement } from '@floating-ui/react';
|
|
3
|
+
export interface TooltipProps {
|
|
4
|
+
/** The element the tooltip describes — cloned with hover/focus/aria props attached. */
|
|
5
|
+
trigger: ReactElement;
|
|
6
|
+
/** Short text content. Tooltips must stay non-interactive, so this is text-only, not arbitrary children. */
|
|
7
|
+
label: string;
|
|
8
|
+
/** Preferred side/alignment relative to the trigger. Falls back to the opposite side if there's no room. @default 'top' */
|
|
9
|
+
placement?: Placement;
|
|
10
|
+
}
|
|
11
|
+
export declare function Tooltip({ trigger, label, placement }: TooltipProps): import("react").JSX.Element;
|
|
12
|
+
//# sourceMappingURL=Tooltip.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAgB1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAMpD,MAAM,WAAW,YAAY;IAC3B,uFAAuF;IACvF,OAAO,EAAE,YAAY,CAAC;IACtB,4GAA4G;IAC5G,KAAK,EAAE,MAAM,CAAC;IACd,2HAA2H;IAC3H,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAwBD,wBAAgB,OAAO,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,SAAiB,EAAE,EAAE,YAAY,+BA4D1E"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC"}
|