@tale-ui/react 0.1.0 → 0.1.1
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/README.md +56 -25
- package/container/Container.d.ts +12 -0
- package/container/Container.js +40 -0
- package/container/index.d.ts +2 -0
- package/container/index.js +18 -0
- package/esm/container/Container.d.ts +12 -0
- package/esm/container/Container.js +32 -0
- package/esm/container/index.d.ts +2 -0
- package/esm/container/index.js +1 -0
- package/esm/index.d.ts +1 -0
- package/esm/index.js +2 -1
- package/index.d.ts +1 -0
- package/index.js +12 -1
- package/package.json +124 -110
package/README.md
CHANGED
|
@@ -1,47 +1,78 @@
|
|
|
1
|
-
|
|
1
|
+
# @tale-ui/react
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
Tale UI is a library of unstyled React components. You gain complete control over your app's CSS and accessibility features.
|
|
3
|
+
A library of headless, accessible React components. You gain complete control over your app's CSS and accessibility features.
|
|
6
4
|
|
|
7
5
|
## Installation
|
|
8
6
|
|
|
9
|
-
Install the package in your project directory with:
|
|
10
|
-
|
|
11
7
|
```bash
|
|
12
|
-
|
|
8
|
+
pnpm add @tale-ui/react @tale-ui/react-styles
|
|
13
9
|
```
|
|
14
10
|
|
|
15
|
-
|
|
11
|
+
`@tale-ui/react-styles` provides the default look for every component — built on `@tale-ui/core` design tokens.
|
|
16
12
|
|
|
17
|
-
|
|
13
|
+
## Quick Start
|
|
18
14
|
|
|
19
|
-
|
|
15
|
+
```tsx
|
|
16
|
+
import '@tale-ui/react-styles';
|
|
17
|
+
import { Button } from '@tale-ui/react/button';
|
|
20
18
|
|
|
21
|
-
|
|
19
|
+
export default function App() {
|
|
20
|
+
return <Button className="tale-button tale-button--primary">Click me</Button>;
|
|
21
|
+
}
|
|
22
|
+
```
|
|
22
23
|
|
|
23
|
-
For
|
|
24
|
-
Use the "tale-ui" tag on Stack Overflow to make it easier for the community to find your question.
|
|
24
|
+
For the full setup guide (colours, typography, dark mode): [docs/react-setup.md](../../docs/react-setup.md)
|
|
25
25
|
|
|
26
|
-
##
|
|
26
|
+
## Components
|
|
27
27
|
|
|
28
|
-
|
|
28
|
+
### Form Controls
|
|
29
29
|
|
|
30
|
-
|
|
31
|
-
There are many other ways to [support Tale UI](https://mui.com/material-ui/getting-started/faq/#mui-is-awesome-how-can-i-support-the-project) beyond contributing to the code base.
|
|
30
|
+
Button · Checkbox · Checkbox Group · Combobox · Input · Number Field · Radio · Radio Group · Select · Slider · Switch · Toggle · Toggle Group
|
|
32
31
|
|
|
33
|
-
|
|
32
|
+
### Layout
|
|
34
33
|
|
|
35
|
-
|
|
34
|
+
Accordion · Collapsible · Scroll Area · Separator · Tabs
|
|
36
35
|
|
|
37
|
-
|
|
36
|
+
### Overlay
|
|
38
37
|
|
|
39
|
-
|
|
38
|
+
Alert Dialog · Dialog · Drawer · Popover · Preview Card · Tooltip
|
|
40
39
|
|
|
41
|
-
|
|
40
|
+
### Navigation
|
|
41
|
+
|
|
42
|
+
Context Menu · Menu · Menubar · Navigation Menu · Toolbar
|
|
43
|
+
|
|
44
|
+
### Feedback & Display
|
|
45
|
+
|
|
46
|
+
Avatar · Meter · Progress · Toast
|
|
47
|
+
|
|
48
|
+
### Form Structure
|
|
49
|
+
|
|
50
|
+
Autocomplete · Field · Fieldset · Form
|
|
51
|
+
|
|
52
|
+
### Utilities
|
|
42
53
|
|
|
43
|
-
|
|
54
|
+
Container · CSP Provider · Direction Provider · `mergeProps` · `useRender`
|
|
44
55
|
|
|
45
|
-
|
|
56
|
+
All components are imported from `@tale-ui/react/{name}`:
|
|
57
|
+
|
|
58
|
+
```ts
|
|
59
|
+
import { Dialog } from '@tale-ui/react/dialog';
|
|
60
|
+
import { Select } from '@tale-ui/react/select';
|
|
61
|
+
import { Container } from '@tale-ui/react/container';
|
|
62
|
+
```
|
|
63
|
+
|
|
64
|
+
## Styling
|
|
65
|
+
|
|
66
|
+
Components are **headless** — they render accessible HTML with state exposed via data attributes (`data-disabled`, `data-open`, `data-checked`, etc.) but include no styles of their own.
|
|
67
|
+
|
|
68
|
+
Default styles live in `@tale-ui/react-styles`. See the [styles README](../styles/README.md) for architecture details and CSS class naming conventions.
|
|
69
|
+
|
|
70
|
+
## Documentation
|
|
71
|
+
|
|
72
|
+
- [React setup guide](../../docs/react-setup.md) — full consumer walkthrough
|
|
73
|
+
- [CSS design tokens](../css/docs/design-tokens.md) — all token values
|
|
74
|
+
- [Contributing](../../CONTRIBUTING.md)
|
|
75
|
+
|
|
76
|
+
## License
|
|
46
77
|
|
|
47
|
-
|
|
78
|
+
MIT — see [LICENSE](../../LICENSE).
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export declare const CONTAINER_COLORS: readonly ["brand", "random", "red", "orange", "amber", "yellow", "lime", "green", "emerald", "teal", "cyan", "sky", "indigo", "violet", "purple", "fuchsia", "pink", "rose"];
|
|
3
|
+
export type ContainerColor = typeof CONTAINER_COLORS[number];
|
|
4
|
+
export type ContainerProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
5
|
+
color?: ContainerColor;
|
|
6
|
+
};
|
|
7
|
+
export declare function Container({
|
|
8
|
+
color,
|
|
9
|
+
children,
|
|
10
|
+
style,
|
|
11
|
+
...props
|
|
12
|
+
}: ContainerProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.CONTAINER_COLORS = void 0;
|
|
8
|
+
exports.Container = Container;
|
|
9
|
+
var React = _interopRequireWildcard(require("react"));
|
|
10
|
+
var _color = require("@tale-ui/utils/color");
|
|
11
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
+
const CONTAINER_COLORS = exports.CONTAINER_COLORS = ['brand', 'random', 'red', 'orange', 'amber', 'yellow', 'lime', 'green', 'emerald', 'teal', 'cyan', 'sky', 'indigo', 'violet', 'purple', 'fuchsia', 'pink', 'rose'];
|
|
13
|
+
// Computed once per page load — changes on hard refresh
|
|
14
|
+
const randomBase = (0, _color.randomBaseColor)('named');
|
|
15
|
+
const randomPalette = (0, _color.generatePalette)(randomBase, 'named');
|
|
16
|
+
const randomColorVars = Object.fromEntries(randomPalette.map(({
|
|
17
|
+
shade,
|
|
18
|
+
hex
|
|
19
|
+
}) => [`--color-${shade}`, hex]));
|
|
20
|
+
function getColorVars(color) {
|
|
21
|
+
if (color === 'brand') return undefined;
|
|
22
|
+
if (color === 'random') return randomColorVars;
|
|
23
|
+
return Object.fromEntries(_color.NAMED_SHADES.map(shade => [`--color-${shade}`, `var(--${color}-${shade})`]));
|
|
24
|
+
}
|
|
25
|
+
function Container({
|
|
26
|
+
color = 'brand',
|
|
27
|
+
children,
|
|
28
|
+
style,
|
|
29
|
+
...props
|
|
30
|
+
}) {
|
|
31
|
+
const colorVars = getColorVars(color);
|
|
32
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
33
|
+
style: {
|
|
34
|
+
...colorVars,
|
|
35
|
+
...style
|
|
36
|
+
},
|
|
37
|
+
...props,
|
|
38
|
+
children: children
|
|
39
|
+
});
|
|
40
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "CONTAINER_COLORS", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _Container.CONTAINER_COLORS;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "Container", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () {
|
|
15
|
+
return _Container.Container;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
var _Container = require("./Container");
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export declare const CONTAINER_COLORS: readonly ["brand", "random", "red", "orange", "amber", "yellow", "lime", "green", "emerald", "teal", "cyan", "sky", "indigo", "violet", "purple", "fuchsia", "pink", "rose"];
|
|
3
|
+
export type ContainerColor = typeof CONTAINER_COLORS[number];
|
|
4
|
+
export type ContainerProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
5
|
+
color?: ContainerColor;
|
|
6
|
+
};
|
|
7
|
+
export declare function Container({
|
|
8
|
+
color,
|
|
9
|
+
children,
|
|
10
|
+
style,
|
|
11
|
+
...props
|
|
12
|
+
}: ContainerProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { randomBaseColor, generatePalette, NAMED_SHADES } from '@tale-ui/utils/color';
|
|
3
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
4
|
+
export const CONTAINER_COLORS = ['brand', 'random', 'red', 'orange', 'amber', 'yellow', 'lime', 'green', 'emerald', 'teal', 'cyan', 'sky', 'indigo', 'violet', 'purple', 'fuchsia', 'pink', 'rose'];
|
|
5
|
+
// Computed once per page load — changes on hard refresh
|
|
6
|
+
const randomBase = randomBaseColor('named');
|
|
7
|
+
const randomPalette = generatePalette(randomBase, 'named');
|
|
8
|
+
const randomColorVars = Object.fromEntries(randomPalette.map(({
|
|
9
|
+
shade,
|
|
10
|
+
hex
|
|
11
|
+
}) => [`--color-${shade}`, hex]));
|
|
12
|
+
function getColorVars(color) {
|
|
13
|
+
if (color === 'brand') return undefined;
|
|
14
|
+
if (color === 'random') return randomColorVars;
|
|
15
|
+
return Object.fromEntries(NAMED_SHADES.map(shade => [`--color-${shade}`, `var(--${color}-${shade})`]));
|
|
16
|
+
}
|
|
17
|
+
export function Container({
|
|
18
|
+
color = 'brand',
|
|
19
|
+
children,
|
|
20
|
+
style,
|
|
21
|
+
...props
|
|
22
|
+
}) {
|
|
23
|
+
const colorVars = getColorVars(color);
|
|
24
|
+
return /*#__PURE__*/_jsx("div", {
|
|
25
|
+
style: {
|
|
26
|
+
...colorVars,
|
|
27
|
+
...style
|
|
28
|
+
},
|
|
29
|
+
...props,
|
|
30
|
+
children: children
|
|
31
|
+
});
|
|
32
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Container, CONTAINER_COLORS } from "./Container.js";
|
package/esm/index.d.ts
CHANGED
|
@@ -7,6 +7,7 @@ export * from "./checkbox/index.js";
|
|
|
7
7
|
export * from "./checkbox-group/index.js";
|
|
8
8
|
export * from "./collapsible/index.js";
|
|
9
9
|
export * from "./combobox/index.js";
|
|
10
|
+
export * from "./container/index.js";
|
|
10
11
|
export * from "./context-menu/index.js";
|
|
11
12
|
export * from "./csp-provider/index.js";
|
|
12
13
|
export * from "./dialog/index.js";
|
package/esm/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @tale-ui/react v0.1.
|
|
2
|
+
* @tale-ui/react v0.1.1
|
|
3
3
|
*
|
|
4
4
|
* @license MIT
|
|
5
5
|
* This source code is licensed under the MIT license found in the
|
|
@@ -14,6 +14,7 @@ export * from "./checkbox/index.js";
|
|
|
14
14
|
export * from "./checkbox-group/index.js";
|
|
15
15
|
export * from "./collapsible/index.js";
|
|
16
16
|
export * from "./combobox/index.js";
|
|
17
|
+
export * from "./container/index.js";
|
|
17
18
|
export * from "./context-menu/index.js";
|
|
18
19
|
export * from "./csp-provider/index.js";
|
|
19
20
|
export * from "./dialog/index.js";
|
package/index.d.ts
CHANGED
|
@@ -7,6 +7,7 @@ export * from "./checkbox/index.js";
|
|
|
7
7
|
export * from "./checkbox-group/index.js";
|
|
8
8
|
export * from "./collapsible/index.js";
|
|
9
9
|
export * from "./combobox/index.js";
|
|
10
|
+
export * from "./container/index.js";
|
|
10
11
|
export * from "./context-menu/index.js";
|
|
11
12
|
export * from "./csp-provider/index.js";
|
|
12
13
|
export * from "./dialog/index.js";
|
package/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @tale-ui/react v0.1.
|
|
2
|
+
* @tale-ui/react v0.1.1
|
|
3
3
|
*
|
|
4
4
|
* @license MIT
|
|
5
5
|
* This source code is licensed under the MIT license found in the
|
|
@@ -109,6 +109,17 @@ Object.keys(_combobox).forEach(function (key) {
|
|
|
109
109
|
}
|
|
110
110
|
});
|
|
111
111
|
});
|
|
112
|
+
var _container = require("./container");
|
|
113
|
+
Object.keys(_container).forEach(function (key) {
|
|
114
|
+
if (key === "default" || key === "__esModule") return;
|
|
115
|
+
if (key in exports && exports[key] === _container[key]) return;
|
|
116
|
+
Object.defineProperty(exports, key, {
|
|
117
|
+
enumerable: true,
|
|
118
|
+
get: function () {
|
|
119
|
+
return _container[key];
|
|
120
|
+
}
|
|
121
|
+
});
|
|
122
|
+
});
|
|
112
123
|
var _contextMenu = require("./context-menu");
|
|
113
124
|
Object.keys(_contextMenu).forEach(function (key) {
|
|
114
125
|
if (key === "default" || key === "__esModule") return;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tale-ui/react",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.1",
|
|
4
4
|
"description": "Opinionated React component library built on tale-ui primitives, styled with @tale-ui/core design tokens.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
"@floating-ui/utils": "^0.2.10",
|
|
24
24
|
"tabbable": "^6.4.0",
|
|
25
25
|
"use-sync-external-store": "^1.6.0",
|
|
26
|
-
"@tale-ui/utils": "0.1.
|
|
26
|
+
"@tale-ui/utils": "0.1.1"
|
|
27
27
|
},
|
|
28
28
|
"peerDependencies": {
|
|
29
29
|
"@types/react": "^17 || ^18 || ^19",
|
|
@@ -170,6 +170,20 @@
|
|
|
170
170
|
"default": "./esm/collapsible/index.js"
|
|
171
171
|
}
|
|
172
172
|
},
|
|
173
|
+
"./container": {
|
|
174
|
+
"import": {
|
|
175
|
+
"types": "./esm/container/index.d.ts",
|
|
176
|
+
"default": "./esm/container/index.js"
|
|
177
|
+
},
|
|
178
|
+
"require": {
|
|
179
|
+
"types": "./container/index.d.ts",
|
|
180
|
+
"default": "./container/index.js"
|
|
181
|
+
},
|
|
182
|
+
"default": {
|
|
183
|
+
"types": "./esm/container/index.d.ts",
|
|
184
|
+
"default": "./esm/container/index.js"
|
|
185
|
+
}
|
|
186
|
+
},
|
|
173
187
|
"./combobox": {
|
|
174
188
|
"import": {
|
|
175
189
|
"types": "./esm/combobox/index.d.ts",
|
|
@@ -283,378 +297,378 @@
|
|
|
283
297
|
}
|
|
284
298
|
},
|
|
285
299
|
"./form": {
|
|
286
|
-
"import": {
|
|
287
|
-
"types": "./esm/form/index.d.ts",
|
|
288
|
-
"default": "./esm/form/index.js"
|
|
289
|
-
},
|
|
290
300
|
"require": {
|
|
291
301
|
"types": "./form/index.d.ts",
|
|
292
302
|
"default": "./form/index.js"
|
|
293
303
|
},
|
|
304
|
+
"import": {
|
|
305
|
+
"types": "./esm/form/index.d.ts",
|
|
306
|
+
"default": "./esm/form/index.js"
|
|
307
|
+
},
|
|
294
308
|
"default": {
|
|
295
309
|
"types": "./esm/form/index.d.ts",
|
|
296
310
|
"default": "./esm/form/index.js"
|
|
297
311
|
}
|
|
298
312
|
},
|
|
299
313
|
"./input": {
|
|
300
|
-
"import": {
|
|
301
|
-
"types": "./esm/input/index.d.ts",
|
|
302
|
-
"default": "./esm/input/index.js"
|
|
303
|
-
},
|
|
304
314
|
"require": {
|
|
305
315
|
"types": "./input/index.d.ts",
|
|
306
316
|
"default": "./input/index.js"
|
|
307
317
|
},
|
|
318
|
+
"import": {
|
|
319
|
+
"types": "./esm/input/index.d.ts",
|
|
320
|
+
"default": "./esm/input/index.js"
|
|
321
|
+
},
|
|
308
322
|
"default": {
|
|
309
323
|
"types": "./esm/input/index.d.ts",
|
|
310
324
|
"default": "./esm/input/index.js"
|
|
311
325
|
}
|
|
312
326
|
},
|
|
313
327
|
"./menu": {
|
|
314
|
-
"import": {
|
|
315
|
-
"types": "./esm/menu/index.d.ts",
|
|
316
|
-
"default": "./esm/menu/index.js"
|
|
317
|
-
},
|
|
318
328
|
"require": {
|
|
319
329
|
"types": "./menu/index.d.ts",
|
|
320
330
|
"default": "./menu/index.js"
|
|
321
331
|
},
|
|
332
|
+
"import": {
|
|
333
|
+
"types": "./esm/menu/index.d.ts",
|
|
334
|
+
"default": "./esm/menu/index.js"
|
|
335
|
+
},
|
|
322
336
|
"default": {
|
|
323
337
|
"types": "./esm/menu/index.d.ts",
|
|
324
338
|
"default": "./esm/menu/index.js"
|
|
325
339
|
}
|
|
326
340
|
},
|
|
327
341
|
"./menubar": {
|
|
328
|
-
"import": {
|
|
329
|
-
"types": "./esm/menubar/index.d.ts",
|
|
330
|
-
"default": "./esm/menubar/index.js"
|
|
331
|
-
},
|
|
332
342
|
"require": {
|
|
333
343
|
"types": "./menubar/index.d.ts",
|
|
334
344
|
"default": "./menubar/index.js"
|
|
335
345
|
},
|
|
346
|
+
"import": {
|
|
347
|
+
"types": "./esm/menubar/index.d.ts",
|
|
348
|
+
"default": "./esm/menubar/index.js"
|
|
349
|
+
},
|
|
336
350
|
"default": {
|
|
337
351
|
"types": "./esm/menubar/index.d.ts",
|
|
338
352
|
"default": "./esm/menubar/index.js"
|
|
339
353
|
}
|
|
340
354
|
},
|
|
341
355
|
"./merge-props": {
|
|
342
|
-
"import": {
|
|
343
|
-
"types": "./esm/merge-props/index.d.ts",
|
|
344
|
-
"default": "./esm/merge-props/index.js"
|
|
345
|
-
},
|
|
346
356
|
"require": {
|
|
347
357
|
"types": "./merge-props/index.d.ts",
|
|
348
358
|
"default": "./merge-props/index.js"
|
|
349
359
|
},
|
|
360
|
+
"import": {
|
|
361
|
+
"types": "./esm/merge-props/index.d.ts",
|
|
362
|
+
"default": "./esm/merge-props/index.js"
|
|
363
|
+
},
|
|
350
364
|
"default": {
|
|
351
365
|
"types": "./esm/merge-props/index.d.ts",
|
|
352
366
|
"default": "./esm/merge-props/index.js"
|
|
353
367
|
}
|
|
354
368
|
},
|
|
355
369
|
"./meter": {
|
|
356
|
-
"import": {
|
|
357
|
-
"types": "./esm/meter/index.d.ts",
|
|
358
|
-
"default": "./esm/meter/index.js"
|
|
359
|
-
},
|
|
360
370
|
"require": {
|
|
361
371
|
"types": "./meter/index.d.ts",
|
|
362
372
|
"default": "./meter/index.js"
|
|
363
373
|
},
|
|
374
|
+
"import": {
|
|
375
|
+
"types": "./esm/meter/index.d.ts",
|
|
376
|
+
"default": "./esm/meter/index.js"
|
|
377
|
+
},
|
|
364
378
|
"default": {
|
|
365
379
|
"types": "./esm/meter/index.d.ts",
|
|
366
380
|
"default": "./esm/meter/index.js"
|
|
367
381
|
}
|
|
368
382
|
},
|
|
369
383
|
"./navigation-menu": {
|
|
370
|
-
"import": {
|
|
371
|
-
"types": "./esm/navigation-menu/index.d.ts",
|
|
372
|
-
"default": "./esm/navigation-menu/index.js"
|
|
373
|
-
},
|
|
374
384
|
"require": {
|
|
375
385
|
"types": "./navigation-menu/index.d.ts",
|
|
376
386
|
"default": "./navigation-menu/index.js"
|
|
377
387
|
},
|
|
388
|
+
"import": {
|
|
389
|
+
"types": "./esm/navigation-menu/index.d.ts",
|
|
390
|
+
"default": "./esm/navigation-menu/index.js"
|
|
391
|
+
},
|
|
378
392
|
"default": {
|
|
379
393
|
"types": "./esm/navigation-menu/index.d.ts",
|
|
380
394
|
"default": "./esm/navigation-menu/index.js"
|
|
381
395
|
}
|
|
382
396
|
},
|
|
383
397
|
"./number-field": {
|
|
384
|
-
"import": {
|
|
385
|
-
"types": "./esm/number-field/index.d.ts",
|
|
386
|
-
"default": "./esm/number-field/index.js"
|
|
387
|
-
},
|
|
388
398
|
"require": {
|
|
389
399
|
"types": "./number-field/index.d.ts",
|
|
390
400
|
"default": "./number-field/index.js"
|
|
391
401
|
},
|
|
402
|
+
"import": {
|
|
403
|
+
"types": "./esm/number-field/index.d.ts",
|
|
404
|
+
"default": "./esm/number-field/index.js"
|
|
405
|
+
},
|
|
392
406
|
"default": {
|
|
393
407
|
"types": "./esm/number-field/index.d.ts",
|
|
394
408
|
"default": "./esm/number-field/index.js"
|
|
395
409
|
}
|
|
396
410
|
},
|
|
397
411
|
"./popover": {
|
|
398
|
-
"import": {
|
|
399
|
-
"types": "./esm/popover/index.d.ts",
|
|
400
|
-
"default": "./esm/popover/index.js"
|
|
401
|
-
},
|
|
402
412
|
"require": {
|
|
403
413
|
"types": "./popover/index.d.ts",
|
|
404
414
|
"default": "./popover/index.js"
|
|
405
415
|
},
|
|
416
|
+
"import": {
|
|
417
|
+
"types": "./esm/popover/index.d.ts",
|
|
418
|
+
"default": "./esm/popover/index.js"
|
|
419
|
+
},
|
|
406
420
|
"default": {
|
|
407
421
|
"types": "./esm/popover/index.d.ts",
|
|
408
422
|
"default": "./esm/popover/index.js"
|
|
409
423
|
}
|
|
410
424
|
},
|
|
411
425
|
"./preview-card": {
|
|
412
|
-
"import": {
|
|
413
|
-
"types": "./esm/preview-card/index.d.ts",
|
|
414
|
-
"default": "./esm/preview-card/index.js"
|
|
415
|
-
},
|
|
416
426
|
"require": {
|
|
417
427
|
"types": "./preview-card/index.d.ts",
|
|
418
428
|
"default": "./preview-card/index.js"
|
|
419
429
|
},
|
|
430
|
+
"import": {
|
|
431
|
+
"types": "./esm/preview-card/index.d.ts",
|
|
432
|
+
"default": "./esm/preview-card/index.js"
|
|
433
|
+
},
|
|
420
434
|
"default": {
|
|
421
435
|
"types": "./esm/preview-card/index.d.ts",
|
|
422
436
|
"default": "./esm/preview-card/index.js"
|
|
423
437
|
}
|
|
424
438
|
},
|
|
425
439
|
"./progress": {
|
|
426
|
-
"import": {
|
|
427
|
-
"types": "./esm/progress/index.d.ts",
|
|
428
|
-
"default": "./esm/progress/index.js"
|
|
429
|
-
},
|
|
430
440
|
"require": {
|
|
431
441
|
"types": "./progress/index.d.ts",
|
|
432
442
|
"default": "./progress/index.js"
|
|
433
443
|
},
|
|
444
|
+
"import": {
|
|
445
|
+
"types": "./esm/progress/index.d.ts",
|
|
446
|
+
"default": "./esm/progress/index.js"
|
|
447
|
+
},
|
|
434
448
|
"default": {
|
|
435
449
|
"types": "./esm/progress/index.d.ts",
|
|
436
450
|
"default": "./esm/progress/index.js"
|
|
437
451
|
}
|
|
438
452
|
},
|
|
439
453
|
"./radio": {
|
|
440
|
-
"import": {
|
|
441
|
-
"types": "./esm/radio/index.d.ts",
|
|
442
|
-
"default": "./esm/radio/index.js"
|
|
443
|
-
},
|
|
444
454
|
"require": {
|
|
445
455
|
"types": "./radio/index.d.ts",
|
|
446
456
|
"default": "./radio/index.js"
|
|
447
457
|
},
|
|
458
|
+
"import": {
|
|
459
|
+
"types": "./esm/radio/index.d.ts",
|
|
460
|
+
"default": "./esm/radio/index.js"
|
|
461
|
+
},
|
|
448
462
|
"default": {
|
|
449
463
|
"types": "./esm/radio/index.d.ts",
|
|
450
464
|
"default": "./esm/radio/index.js"
|
|
451
465
|
}
|
|
452
466
|
},
|
|
453
467
|
"./radio-group": {
|
|
454
|
-
"import": {
|
|
455
|
-
"types": "./esm/radio-group/index.d.ts",
|
|
456
|
-
"default": "./esm/radio-group/index.js"
|
|
457
|
-
},
|
|
458
468
|
"require": {
|
|
459
469
|
"types": "./radio-group/index.d.ts",
|
|
460
470
|
"default": "./radio-group/index.js"
|
|
461
471
|
},
|
|
472
|
+
"import": {
|
|
473
|
+
"types": "./esm/radio-group/index.d.ts",
|
|
474
|
+
"default": "./esm/radio-group/index.js"
|
|
475
|
+
},
|
|
462
476
|
"default": {
|
|
463
477
|
"types": "./esm/radio-group/index.d.ts",
|
|
464
478
|
"default": "./esm/radio-group/index.js"
|
|
465
479
|
}
|
|
466
480
|
},
|
|
467
481
|
"./scroll-area": {
|
|
468
|
-
"import": {
|
|
469
|
-
"types": "./esm/scroll-area/index.d.ts",
|
|
470
|
-
"default": "./esm/scroll-area/index.js"
|
|
471
|
-
},
|
|
472
482
|
"require": {
|
|
473
483
|
"types": "./scroll-area/index.d.ts",
|
|
474
484
|
"default": "./scroll-area/index.js"
|
|
475
485
|
},
|
|
486
|
+
"import": {
|
|
487
|
+
"types": "./esm/scroll-area/index.d.ts",
|
|
488
|
+
"default": "./esm/scroll-area/index.js"
|
|
489
|
+
},
|
|
476
490
|
"default": {
|
|
477
491
|
"types": "./esm/scroll-area/index.d.ts",
|
|
478
492
|
"default": "./esm/scroll-area/index.js"
|
|
479
493
|
}
|
|
480
494
|
},
|
|
481
495
|
"./select": {
|
|
482
|
-
"import": {
|
|
483
|
-
"types": "./esm/select/index.d.ts",
|
|
484
|
-
"default": "./esm/select/index.js"
|
|
485
|
-
},
|
|
486
496
|
"require": {
|
|
487
497
|
"types": "./select/index.d.ts",
|
|
488
498
|
"default": "./select/index.js"
|
|
489
499
|
},
|
|
500
|
+
"import": {
|
|
501
|
+
"types": "./esm/select/index.d.ts",
|
|
502
|
+
"default": "./esm/select/index.js"
|
|
503
|
+
},
|
|
490
504
|
"default": {
|
|
491
505
|
"types": "./esm/select/index.d.ts",
|
|
492
506
|
"default": "./esm/select/index.js"
|
|
493
507
|
}
|
|
494
508
|
},
|
|
495
509
|
"./separator": {
|
|
496
|
-
"import": {
|
|
497
|
-
"types": "./esm/separator/index.d.ts",
|
|
498
|
-
"default": "./esm/separator/index.js"
|
|
499
|
-
},
|
|
500
510
|
"require": {
|
|
501
511
|
"types": "./separator/index.d.ts",
|
|
502
512
|
"default": "./separator/index.js"
|
|
503
513
|
},
|
|
514
|
+
"import": {
|
|
515
|
+
"types": "./esm/separator/index.d.ts",
|
|
516
|
+
"default": "./esm/separator/index.js"
|
|
517
|
+
},
|
|
504
518
|
"default": {
|
|
505
519
|
"types": "./esm/separator/index.d.ts",
|
|
506
520
|
"default": "./esm/separator/index.js"
|
|
507
521
|
}
|
|
508
522
|
},
|
|
509
523
|
"./slider": {
|
|
510
|
-
"import": {
|
|
511
|
-
"types": "./esm/slider/index.d.ts",
|
|
512
|
-
"default": "./esm/slider/index.js"
|
|
513
|
-
},
|
|
514
524
|
"require": {
|
|
515
525
|
"types": "./slider/index.d.ts",
|
|
516
526
|
"default": "./slider/index.js"
|
|
517
527
|
},
|
|
528
|
+
"import": {
|
|
529
|
+
"types": "./esm/slider/index.d.ts",
|
|
530
|
+
"default": "./esm/slider/index.js"
|
|
531
|
+
},
|
|
518
532
|
"default": {
|
|
519
533
|
"types": "./esm/slider/index.d.ts",
|
|
520
534
|
"default": "./esm/slider/index.js"
|
|
521
535
|
}
|
|
522
536
|
},
|
|
523
537
|
"./switch": {
|
|
524
|
-
"import": {
|
|
525
|
-
"types": "./esm/switch/index.d.ts",
|
|
526
|
-
"default": "./esm/switch/index.js"
|
|
527
|
-
},
|
|
528
538
|
"require": {
|
|
529
539
|
"types": "./switch/index.d.ts",
|
|
530
540
|
"default": "./switch/index.js"
|
|
531
541
|
},
|
|
542
|
+
"import": {
|
|
543
|
+
"types": "./esm/switch/index.d.ts",
|
|
544
|
+
"default": "./esm/switch/index.js"
|
|
545
|
+
},
|
|
532
546
|
"default": {
|
|
533
547
|
"types": "./esm/switch/index.d.ts",
|
|
534
548
|
"default": "./esm/switch/index.js"
|
|
535
549
|
}
|
|
536
550
|
},
|
|
537
551
|
"./tabs": {
|
|
538
|
-
"import": {
|
|
539
|
-
"types": "./esm/tabs/index.d.ts",
|
|
540
|
-
"default": "./esm/tabs/index.js"
|
|
541
|
-
},
|
|
542
552
|
"require": {
|
|
543
553
|
"types": "./tabs/index.d.ts",
|
|
544
554
|
"default": "./tabs/index.js"
|
|
545
555
|
},
|
|
556
|
+
"import": {
|
|
557
|
+
"types": "./esm/tabs/index.d.ts",
|
|
558
|
+
"default": "./esm/tabs/index.js"
|
|
559
|
+
},
|
|
546
560
|
"default": {
|
|
547
561
|
"types": "./esm/tabs/index.d.ts",
|
|
548
562
|
"default": "./esm/tabs/index.js"
|
|
549
563
|
}
|
|
550
564
|
},
|
|
551
565
|
"./toast": {
|
|
552
|
-
"import": {
|
|
553
|
-
"types": "./esm/toast/index.d.ts",
|
|
554
|
-
"default": "./esm/toast/index.js"
|
|
555
|
-
},
|
|
556
566
|
"require": {
|
|
557
567
|
"types": "./toast/index.d.ts",
|
|
558
568
|
"default": "./toast/index.js"
|
|
559
569
|
},
|
|
570
|
+
"import": {
|
|
571
|
+
"types": "./esm/toast/index.d.ts",
|
|
572
|
+
"default": "./esm/toast/index.js"
|
|
573
|
+
},
|
|
560
574
|
"default": {
|
|
561
575
|
"types": "./esm/toast/index.d.ts",
|
|
562
576
|
"default": "./esm/toast/index.js"
|
|
563
577
|
}
|
|
564
578
|
},
|
|
565
579
|
"./toggle": {
|
|
566
|
-
"import": {
|
|
567
|
-
"types": "./esm/toggle/index.d.ts",
|
|
568
|
-
"default": "./esm/toggle/index.js"
|
|
569
|
-
},
|
|
570
580
|
"require": {
|
|
571
581
|
"types": "./toggle/index.d.ts",
|
|
572
582
|
"default": "./toggle/index.js"
|
|
573
583
|
},
|
|
584
|
+
"import": {
|
|
585
|
+
"types": "./esm/toggle/index.d.ts",
|
|
586
|
+
"default": "./esm/toggle/index.js"
|
|
587
|
+
},
|
|
574
588
|
"default": {
|
|
575
589
|
"types": "./esm/toggle/index.d.ts",
|
|
576
590
|
"default": "./esm/toggle/index.js"
|
|
577
591
|
}
|
|
578
592
|
},
|
|
579
593
|
"./toggle-group": {
|
|
580
|
-
"import": {
|
|
581
|
-
"types": "./esm/toggle-group/index.d.ts",
|
|
582
|
-
"default": "./esm/toggle-group/index.js"
|
|
583
|
-
},
|
|
584
594
|
"require": {
|
|
585
595
|
"types": "./toggle-group/index.d.ts",
|
|
586
596
|
"default": "./toggle-group/index.js"
|
|
587
597
|
},
|
|
598
|
+
"import": {
|
|
599
|
+
"types": "./esm/toggle-group/index.d.ts",
|
|
600
|
+
"default": "./esm/toggle-group/index.js"
|
|
601
|
+
},
|
|
588
602
|
"default": {
|
|
589
603
|
"types": "./esm/toggle-group/index.d.ts",
|
|
590
604
|
"default": "./esm/toggle-group/index.js"
|
|
591
605
|
}
|
|
592
606
|
},
|
|
593
607
|
"./toolbar": {
|
|
594
|
-
"import": {
|
|
595
|
-
"types": "./esm/toolbar/index.d.ts",
|
|
596
|
-
"default": "./esm/toolbar/index.js"
|
|
597
|
-
},
|
|
598
608
|
"require": {
|
|
599
609
|
"types": "./toolbar/index.d.ts",
|
|
600
610
|
"default": "./toolbar/index.js"
|
|
601
611
|
},
|
|
612
|
+
"import": {
|
|
613
|
+
"types": "./esm/toolbar/index.d.ts",
|
|
614
|
+
"default": "./esm/toolbar/index.js"
|
|
615
|
+
},
|
|
602
616
|
"default": {
|
|
603
617
|
"types": "./esm/toolbar/index.d.ts",
|
|
604
618
|
"default": "./esm/toolbar/index.js"
|
|
605
619
|
}
|
|
606
620
|
},
|
|
607
621
|
"./tooltip": {
|
|
608
|
-
"import": {
|
|
609
|
-
"types": "./esm/tooltip/index.d.ts",
|
|
610
|
-
"default": "./esm/tooltip/index.js"
|
|
611
|
-
},
|
|
612
622
|
"require": {
|
|
613
623
|
"types": "./tooltip/index.d.ts",
|
|
614
624
|
"default": "./tooltip/index.js"
|
|
615
625
|
},
|
|
626
|
+
"import": {
|
|
627
|
+
"types": "./esm/tooltip/index.d.ts",
|
|
628
|
+
"default": "./esm/tooltip/index.js"
|
|
629
|
+
},
|
|
616
630
|
"default": {
|
|
617
631
|
"types": "./esm/tooltip/index.d.ts",
|
|
618
632
|
"default": "./esm/tooltip/index.js"
|
|
619
633
|
}
|
|
620
634
|
},
|
|
621
635
|
"./types": {
|
|
622
|
-
"import": {
|
|
623
|
-
"types": "./esm/types/index.d.ts",
|
|
624
|
-
"default": "./esm/types/index.js"
|
|
625
|
-
},
|
|
626
636
|
"require": {
|
|
627
637
|
"types": "./types/index.d.ts",
|
|
628
638
|
"default": "./types/index.js"
|
|
629
639
|
},
|
|
640
|
+
"import": {
|
|
641
|
+
"types": "./esm/types/index.d.ts",
|
|
642
|
+
"default": "./esm/types/index.js"
|
|
643
|
+
},
|
|
630
644
|
"default": {
|
|
631
645
|
"types": "./esm/types/index.d.ts",
|
|
632
646
|
"default": "./esm/types/index.js"
|
|
633
647
|
}
|
|
634
648
|
},
|
|
635
649
|
"./unstable-use-media-query": {
|
|
636
|
-
"import": {
|
|
637
|
-
"types": "./esm/unstable-use-media-query/index.d.ts",
|
|
638
|
-
"default": "./esm/unstable-use-media-query/index.js"
|
|
639
|
-
},
|
|
640
650
|
"require": {
|
|
641
651
|
"types": "./unstable-use-media-query/index.d.ts",
|
|
642
652
|
"default": "./unstable-use-media-query/index.js"
|
|
643
653
|
},
|
|
654
|
+
"import": {
|
|
655
|
+
"types": "./esm/unstable-use-media-query/index.d.ts",
|
|
656
|
+
"default": "./esm/unstable-use-media-query/index.js"
|
|
657
|
+
},
|
|
644
658
|
"default": {
|
|
645
659
|
"types": "./esm/unstable-use-media-query/index.d.ts",
|
|
646
660
|
"default": "./esm/unstable-use-media-query/index.js"
|
|
647
661
|
}
|
|
648
662
|
},
|
|
649
663
|
"./use-render": {
|
|
650
|
-
"import": {
|
|
651
|
-
"types": "./esm/use-render/index.d.ts",
|
|
652
|
-
"default": "./esm/use-render/index.js"
|
|
653
|
-
},
|
|
654
664
|
"require": {
|
|
655
665
|
"types": "./use-render/index.d.ts",
|
|
656
666
|
"default": "./use-render/index.js"
|
|
657
667
|
},
|
|
668
|
+
"import": {
|
|
669
|
+
"types": "./esm/use-render/index.d.ts",
|
|
670
|
+
"default": "./esm/use-render/index.js"
|
|
671
|
+
},
|
|
658
672
|
"default": {
|
|
659
673
|
"types": "./esm/use-render/index.d.ts",
|
|
660
674
|
"default": "./esm/use-render/index.js"
|