@tale-ui/react 0.1.1 → 0.2.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/README.md +7 -5
- package/_cx.d.ts +4 -0
- package/_cx.js +15 -0
- package/accordion/Accordion.styled.d.ts +14 -0
- package/accordion/Accordion.styled.js +79 -0
- package/accordion/index.d.ts +1 -1
- package/accordion/index.js +1 -1
- package/alert-dialog/AlertDialog.styled.d.ts +13 -0
- package/alert-dialog/AlertDialog.styled.js +58 -0
- package/alert-dialog/index.d.ts +1 -1
- package/alert-dialog/index.js +1 -1
- package/autocomplete/Autocomplete.styled.d.ts +11 -0
- package/autocomplete/Autocomplete.styled.js +134 -0
- package/autocomplete/index.d.ts +1 -1
- package/autocomplete/index.js +1 -1
- package/avatar/Avatar.styled.d.ts +10 -0
- package/avatar/Avatar.styled.js +42 -0
- package/avatar/index.d.ts +1 -1
- package/avatar/index.js +1 -1
- package/button/Button.styled.d.ts +10 -0
- package/button/Button.styled.js +23 -0
- package/button/index.d.ts +2 -2
- package/button/index.js +1 -1
- package/checkbox/Checkbox.styled.d.ts +3 -0
- package/checkbox/Checkbox.styled.js +31 -0
- package/checkbox/index.d.ts +1 -1
- package/checkbox/index.js +1 -1
- package/collapsible/Collapsible.styled.d.ts +4 -0
- package/collapsible/Collapsible.styled.js +41 -0
- package/collapsible/index.d.ts +1 -1
- package/collapsible/index.js +1 -1
- package/combobox/Combobox.styled.d.ts +38 -0
- package/combobox/Combobox.styled.js +115 -0
- package/combobox/index.d.ts +1 -1
- package/combobox/index.js +1 -1
- package/context-menu/ContextMenu.styled.d.ts +21 -0
- package/context-menu/ContextMenu.styled.js +111 -0
- package/context-menu/index.d.ts +1 -1
- package/context-menu/index.js +1 -1
- package/context-menu/root/ContextMenuRoot.d.ts +1 -2
- package/dialog/Dialog.styled.d.ts +34 -0
- package/dialog/Dialog.styled.js +58 -0
- package/dialog/index.d.ts +1 -1
- package/dialog/index.js +1 -1
- package/drawer/Drawer.styled.d.ts +28 -0
- package/drawer/Drawer.styled.js +71 -0
- package/drawer/index.d.ts +1 -1
- package/drawer/index.js +1 -1
- package/esm/_cx.d.ts +4 -0
- package/esm/_cx.js +9 -0
- package/esm/accordion/Accordion.styled.d.ts +14 -0
- package/esm/accordion/Accordion.styled.js +72 -0
- package/esm/accordion/index.d.ts +1 -1
- package/esm/accordion/index.js +1 -1
- package/esm/alert-dialog/AlertDialog.styled.d.ts +13 -0
- package/esm/alert-dialog/AlertDialog.styled.js +51 -0
- package/esm/alert-dialog/index.d.ts +1 -1
- package/esm/alert-dialog/index.js +1 -1
- package/esm/autocomplete/Autocomplete.styled.d.ts +11 -0
- package/esm/autocomplete/Autocomplete.styled.js +49 -0
- package/esm/autocomplete/index.d.ts +1 -1
- package/esm/autocomplete/index.js +1 -1
- package/esm/avatar/Avatar.styled.d.ts +10 -0
- package/esm/avatar/Avatar.styled.js +35 -0
- package/esm/avatar/index.d.ts +1 -1
- package/esm/avatar/index.js +1 -1
- package/esm/button/Button.styled.d.ts +10 -0
- package/esm/button/Button.styled.js +16 -0
- package/esm/button/index.d.ts +2 -2
- package/esm/button/index.js +1 -1
- package/esm/checkbox/Checkbox.styled.d.ts +3 -0
- package/esm/checkbox/Checkbox.styled.js +24 -0
- package/esm/checkbox/index.d.ts +1 -1
- package/esm/checkbox/index.js +1 -1
- package/esm/collapsible/Collapsible.styled.d.ts +4 -0
- package/esm/collapsible/Collapsible.styled.js +34 -0
- package/esm/collapsible/index.d.ts +1 -1
- package/esm/collapsible/index.js +1 -1
- package/esm/combobox/Combobox.styled.d.ts +38 -0
- package/esm/combobox/Combobox.styled.js +102 -0
- package/esm/combobox/index.d.ts +1 -1
- package/esm/combobox/index.js +1 -1
- package/esm/context-menu/ContextMenu.styled.d.ts +21 -0
- package/esm/context-menu/ContextMenu.styled.js +104 -0
- package/esm/context-menu/index.d.ts +1 -1
- package/esm/context-menu/index.js +1 -1
- package/esm/context-menu/root/ContextMenuRoot.d.ts +1 -2
- package/esm/dialog/Dialog.styled.d.ts +34 -0
- package/esm/dialog/Dialog.styled.js +51 -0
- package/esm/dialog/index.d.ts +1 -1
- package/esm/dialog/index.js +1 -1
- package/esm/drawer/Drawer.styled.d.ts +28 -0
- package/esm/drawer/Drawer.styled.js +64 -0
- package/esm/drawer/index.d.ts +1 -1
- package/esm/drawer/index.js +1 -1
- package/esm/field/Field.styled.d.ts +14 -0
- package/esm/field/Field.styled.js +45 -0
- package/esm/field/index.d.ts +1 -1
- package/esm/field/index.js +1 -1
- package/esm/fieldset/Fieldset.styled.d.ts +3 -0
- package/esm/fieldset/Fieldset.styled.js +24 -0
- package/esm/fieldset/index.d.ts +1 -1
- package/esm/fieldset/index.js +1 -1
- package/esm/form/Form.styled.d.ts +12 -0
- package/esm/form/Form.styled.js +14 -0
- package/esm/form/index.d.ts +2 -2
- package/esm/form/index.js +1 -1
- package/esm/index.d.ts +0 -1
- package/esm/index.js +1 -2
- package/esm/input/Input.styled.d.ts +8 -0
- package/esm/input/Input.styled.js +15 -0
- package/esm/input/index.d.ts +2 -2
- package/esm/input/index.js +1 -1
- package/esm/menu/Menu.styled.d.ts +57 -0
- package/esm/menu/Menu.styled.js +106 -0
- package/esm/menu/index.d.ts +1 -1
- package/esm/menu/index.js +1 -1
- package/esm/menubar/Menubar.styled.d.ts +7 -0
- package/esm/menubar/Menubar.styled.js +14 -0
- package/esm/menubar/index.d.ts +1 -1
- package/esm/menubar/index.js +1 -1
- package/esm/meter/Meter.styled.d.ts +6 -0
- package/esm/meter/Meter.styled.js +45 -0
- package/esm/meter/index.d.ts +1 -1
- package/esm/meter/index.js +1 -1
- package/esm/navigation-menu/NavigationMenu.styled.d.ts +23 -0
- package/esm/navigation-menu/NavigationMenu.styled.js +89 -0
- package/esm/navigation-menu/index.d.ts +1 -1
- package/esm/navigation-menu/index.js +1 -1
- package/esm/number-field/NumberField.styled.d.ts +16 -0
- package/esm/number-field/NumberField.styled.js +59 -0
- package/esm/number-field/index.d.ts +1 -1
- package/esm/number-field/index.js +1 -1
- package/esm/popover/Popover.styled.d.ts +42 -0
- package/esm/popover/Popover.styled.js +62 -0
- package/esm/popover/index.d.ts +1 -1
- package/esm/popover/index.js +1 -1
- package/esm/preview-card/PreviewCard.styled.d.ts +39 -0
- package/esm/preview-card/PreviewCard.styled.js +32 -0
- package/esm/preview-card/index.d.ts +1 -1
- package/esm/preview-card/index.js +1 -1
- package/esm/progress/Progress.styled.d.ts +8 -0
- package/esm/progress/Progress.styled.js +36 -0
- package/esm/progress/index.d.ts +1 -1
- package/esm/progress/index.js +1 -1
- package/esm/radio/Radio.styled.d.ts +11 -0
- package/esm/radio/Radio.styled.js +27 -0
- package/esm/radio/index.d.ts +1 -1
- package/esm/radio/index.js +1 -1
- package/esm/scroll-area/ScrollArea.styled.d.ts +7 -0
- package/esm/scroll-area/ScrollArea.styled.js +55 -0
- package/esm/scroll-area/index.d.ts +1 -1
- package/esm/scroll-area/index.js +1 -1
- package/esm/select/Select.styled.d.ts +33 -0
- package/esm/select/Select.styled.js +118 -0
- package/esm/select/index.d.ts +1 -1
- package/esm/select/index.js +1 -1
- package/esm/separator/Separator.styled.d.ts +7 -0
- package/esm/separator/Separator.styled.js +16 -0
- package/esm/separator/index.d.ts +2 -2
- package/esm/separator/index.js +1 -1
- package/esm/slider/Slider.styled.d.ts +16 -0
- package/esm/slider/Slider.styled.js +55 -0
- package/esm/slider/index.d.ts +1 -1
- package/esm/slider/index.js +1 -1
- package/esm/switch/Switch.styled.d.ts +3 -0
- package/esm/switch/Switch.styled.js +24 -0
- package/esm/switch/index.d.ts +1 -1
- package/esm/switch/index.js +1 -1
- package/esm/tabs/Tabs.styled.d.ts +14 -0
- package/esm/tabs/Tabs.styled.js +54 -0
- package/esm/tabs/index.d.ts +1 -1
- package/esm/tabs/index.js +1 -1
- package/esm/toast/Toast.styled.d.ts +21 -0
- package/esm/toast/Toast.styled.js +80 -0
- package/esm/toast/index.d.ts +1 -1
- package/esm/toast/index.js +1 -1
- package/esm/toggle/Toggle.styled.d.ts +10 -0
- package/esm/toggle/Toggle.styled.js +26 -0
- package/esm/toggle/index.d.ts +2 -2
- package/esm/toggle/index.js +1 -1
- package/esm/toolbar/Toolbar.styled.d.ts +7 -0
- package/esm/toolbar/Toolbar.styled.js +64 -0
- package/esm/toolbar/index.d.ts +1 -1
- package/esm/toolbar/index.js +1 -1
- package/esm/tooltip/Tooltip.styled.d.ts +39 -0
- package/esm/tooltip/Tooltip.styled.js +32 -0
- package/esm/tooltip/index.d.ts +1 -1
- package/esm/tooltip/index.js +1 -1
- package/field/Field.styled.d.ts +14 -0
- package/field/Field.styled.js +70 -0
- package/field/index.d.ts +1 -1
- package/field/index.js +1 -1
- package/fieldset/Fieldset.styled.d.ts +3 -0
- package/fieldset/Fieldset.styled.js +31 -0
- package/fieldset/index.d.ts +1 -1
- package/fieldset/index.js +1 -1
- package/form/Form.styled.d.ts +12 -0
- package/form/Form.styled.js +21 -0
- package/form/index.d.ts +2 -2
- package/form/index.js +1 -1
- package/index.d.ts +0 -1
- package/index.js +1 -12
- package/input/Input.styled.d.ts +8 -0
- package/input/Input.styled.js +22 -0
- package/input/index.d.ts +2 -2
- package/input/index.js +1 -1
- package/menu/Menu.styled.d.ts +57 -0
- package/menu/Menu.styled.js +120 -0
- package/menu/index.d.ts +1 -1
- package/menu/index.js +1 -1
- package/menubar/Menubar.styled.d.ts +7 -0
- package/menubar/Menubar.styled.js +21 -0
- package/menubar/index.d.ts +1 -1
- package/menubar/index.js +1 -1
- package/meter/Meter.styled.d.ts +6 -0
- package/meter/Meter.styled.js +52 -0
- package/meter/index.d.ts +1 -1
- package/meter/index.js +1 -1
- package/navigation-menu/NavigationMenu.styled.d.ts +23 -0
- package/navigation-menu/NavigationMenu.styled.js +96 -0
- package/navigation-menu/index.d.ts +1 -1
- package/navigation-menu/index.js +1 -1
- package/number-field/NumberField.styled.d.ts +16 -0
- package/number-field/NumberField.styled.js +77 -0
- package/number-field/index.d.ts +1 -1
- package/number-field/index.js +1 -1
- package/package.json +115 -112
- package/popover/Popover.styled.d.ts +42 -0
- package/popover/Popover.styled.js +69 -0
- package/popover/index.d.ts +1 -1
- package/popover/index.js +1 -1
- package/preview-card/PreviewCard.styled.d.ts +39 -0
- package/preview-card/PreviewCard.styled.js +39 -0
- package/preview-card/index.d.ts +1 -1
- package/preview-card/index.js +1 -1
- package/progress/Progress.styled.d.ts +8 -0
- package/progress/Progress.styled.js +49 -0
- package/progress/index.d.ts +1 -1
- package/progress/index.js +1 -1
- package/radio/Radio.styled.d.ts +11 -0
- package/radio/Radio.styled.js +34 -0
- package/radio/index.d.ts +1 -1
- package/radio/index.js +1 -1
- package/scroll-area/ScrollArea.styled.d.ts +7 -0
- package/scroll-area/ScrollArea.styled.js +67 -0
- package/scroll-area/index.d.ts +1 -1
- package/scroll-area/index.js +1 -1
- package/select/Select.styled.d.ts +33 -0
- package/select/Select.styled.js +125 -0
- package/select/index.d.ts +1 -1
- package/select/index.js +1 -1
- package/separator/Separator.styled.d.ts +7 -0
- package/separator/Separator.styled.js +23 -0
- package/separator/index.d.ts +2 -2
- package/separator/index.js +1 -1
- package/slider/Slider.styled.d.ts +16 -0
- package/slider/Slider.styled.js +67 -0
- package/slider/index.d.ts +1 -1
- package/slider/index.js +1 -1
- package/switch/Switch.styled.d.ts +3 -0
- package/switch/Switch.styled.js +31 -0
- package/switch/index.d.ts +1 -1
- package/switch/index.js +1 -1
- package/tabs/Tabs.styled.d.ts +14 -0
- package/tabs/Tabs.styled.js +61 -0
- package/tabs/index.d.ts +1 -1
- package/tabs/index.js +1 -1
- package/toast/Toast.styled.d.ts +21 -0
- package/toast/Toast.styled.js +87 -0
- package/toast/index.d.ts +1 -1
- package/toast/index.js +1 -1
- package/toggle/Toggle.styled.d.ts +10 -0
- package/toggle/Toggle.styled.js +33 -0
- package/toggle/index.d.ts +2 -2
- package/toggle/index.js +7 -1
- package/toolbar/Toolbar.styled.d.ts +7 -0
- package/toolbar/Toolbar.styled.js +71 -0
- package/toolbar/index.d.ts +1 -1
- package/toolbar/index.js +1 -1
- package/tooltip/Tooltip.styled.d.ts +39 -0
- package/tooltip/Tooltip.styled.js +39 -0
- package/tooltip/index.d.ts +1 -1
- package/tooltip/index.js +1 -1
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.Thumb = exports.Root = void 0;
|
|
8
|
+
var React = _interopRequireWildcard(require("react"));
|
|
9
|
+
var H = _interopRequireWildcard(require("./index.parts"));
|
|
10
|
+
var _cx = require("../_cx");
|
|
11
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
+
const Root = exports.Root = /*#__PURE__*/React.forwardRef(({
|
|
13
|
+
className,
|
|
14
|
+
...props
|
|
15
|
+
}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Root, {
|
|
16
|
+
className: (0, _cx.cx)('tale-switch', className),
|
|
17
|
+
ref: ref,
|
|
18
|
+
...props
|
|
19
|
+
}));
|
|
20
|
+
if (process.env.NODE_ENV !== "production") Root.displayName = "Root";
|
|
21
|
+
Root.displayName = 'Switch.Root';
|
|
22
|
+
const Thumb = exports.Thumb = /*#__PURE__*/React.forwardRef(({
|
|
23
|
+
className,
|
|
24
|
+
...props
|
|
25
|
+
}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Thumb, {
|
|
26
|
+
className: (0, _cx.cx)('tale-switch__thumb', className),
|
|
27
|
+
ref: ref,
|
|
28
|
+
...props
|
|
29
|
+
}));
|
|
30
|
+
if (process.env.NODE_ENV !== "production") Thumb.displayName = "Thumb";
|
|
31
|
+
Thumb.displayName = 'Switch.Thumb';
|
package/switch/index.d.ts
CHANGED
package/switch/index.js
CHANGED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as H from "./index.parts.js";
|
|
2
|
+
import type { TabsRootState, TabsRootProps, TabsRootOrientation, TabsRootChangeEventReason, TabsRootChangeEventDetails } from "./root/TabsRoot.js";
|
|
3
|
+
export declare const Root: typeof H.Root;
|
|
4
|
+
export declare namespace Root {
|
|
5
|
+
type State = TabsRootState;
|
|
6
|
+
type Props = TabsRootProps;
|
|
7
|
+
type Orientation = TabsRootOrientation;
|
|
8
|
+
type ChangeEventReason = TabsRootChangeEventReason;
|
|
9
|
+
type ChangeEventDetails = TabsRootChangeEventDetails;
|
|
10
|
+
}
|
|
11
|
+
export declare const List: typeof H.List;
|
|
12
|
+
export declare const Tab: typeof H.Tab;
|
|
13
|
+
export declare const Indicator: typeof H.Indicator;
|
|
14
|
+
export declare const Panel: typeof H.Panel;
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.Tab = exports.Root = exports.Panel = exports.List = exports.Indicator = void 0;
|
|
8
|
+
var React = _interopRequireWildcard(require("react"));
|
|
9
|
+
var H = _interopRequireWildcard(require("./index.parts"));
|
|
10
|
+
var _cx = require("../_cx");
|
|
11
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
+
const StyledRoot = /*#__PURE__*/React.forwardRef(({
|
|
13
|
+
className,
|
|
14
|
+
...props
|
|
15
|
+
}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Root, {
|
|
16
|
+
className: (0, _cx.cx)('tale-tabs', className),
|
|
17
|
+
ref: ref,
|
|
18
|
+
...props
|
|
19
|
+
}));
|
|
20
|
+
StyledRoot.displayName = 'Tabs.Root';
|
|
21
|
+
const Root = exports.Root = StyledRoot;
|
|
22
|
+
const StyledList = /*#__PURE__*/React.forwardRef(({
|
|
23
|
+
className,
|
|
24
|
+
...props
|
|
25
|
+
}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.List, {
|
|
26
|
+
className: (0, _cx.cx)('tale-tabs__list', className),
|
|
27
|
+
ref: ref,
|
|
28
|
+
...props
|
|
29
|
+
}));
|
|
30
|
+
StyledList.displayName = 'Tabs.List';
|
|
31
|
+
const List = exports.List = StyledList;
|
|
32
|
+
const StyledTab = /*#__PURE__*/React.forwardRef(({
|
|
33
|
+
className,
|
|
34
|
+
...props
|
|
35
|
+
}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Tab, {
|
|
36
|
+
className: (0, _cx.cx)('tale-tabs__tab', className),
|
|
37
|
+
ref: ref,
|
|
38
|
+
...props
|
|
39
|
+
}));
|
|
40
|
+
StyledTab.displayName = 'Tabs.Tab';
|
|
41
|
+
const Tab = exports.Tab = StyledTab;
|
|
42
|
+
const StyledIndicator = /*#__PURE__*/React.forwardRef(({
|
|
43
|
+
className,
|
|
44
|
+
...props
|
|
45
|
+
}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Indicator, {
|
|
46
|
+
className: (0, _cx.cx)('tale-tabs__indicator', className),
|
|
47
|
+
ref: ref,
|
|
48
|
+
...props
|
|
49
|
+
}));
|
|
50
|
+
StyledIndicator.displayName = 'Tabs.Indicator';
|
|
51
|
+
const Indicator = exports.Indicator = StyledIndicator;
|
|
52
|
+
const StyledPanel = /*#__PURE__*/React.forwardRef(({
|
|
53
|
+
className,
|
|
54
|
+
...props
|
|
55
|
+
}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Panel, {
|
|
56
|
+
className: (0, _cx.cx)('tale-tabs__panel', className),
|
|
57
|
+
ref: ref,
|
|
58
|
+
...props
|
|
59
|
+
}));
|
|
60
|
+
StyledPanel.displayName = 'Tabs.Panel';
|
|
61
|
+
const Panel = exports.Panel = StyledPanel;
|
package/tabs/index.d.ts
CHANGED
package/tabs/index.js
CHANGED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as H from "./index.parts.js";
|
|
3
|
+
import type { ToastRootToastObject, ToastRootState, ToastRootProps } from "./root/ToastRoot.js";
|
|
4
|
+
export declare const Provider: React.FC<import("./index.js").ToastProviderProps>;
|
|
5
|
+
export declare const Viewport: React.ForwardRefExoticComponent<Omit<import("./index.js").ToastViewportProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
6
|
+
export declare const Portal: React.ForwardRefExoticComponent<Omit<import("../utils/FloatingPortalLite.js").FloatingPortalLite.Props<any>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
export declare const Arrow: React.ForwardRefExoticComponent<Omit<import("./index.js").ToastArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
export declare const useToastManager: typeof H.useToastManager;
|
|
9
|
+
export declare const createToastManager: typeof H.createToastManager;
|
|
10
|
+
export declare const Positioner: typeof H.Positioner;
|
|
11
|
+
export declare const Root: typeof H.Root;
|
|
12
|
+
export declare namespace Root {
|
|
13
|
+
type ToastObject<Data extends object = any> = ToastRootToastObject<Data>;
|
|
14
|
+
type State = ToastRootState;
|
|
15
|
+
type Props = ToastRootProps;
|
|
16
|
+
}
|
|
17
|
+
export declare const Content: typeof H.Content;
|
|
18
|
+
export declare const Title: typeof H.Title;
|
|
19
|
+
export declare const Description: typeof H.Description;
|
|
20
|
+
export declare const Close: typeof H.Close;
|
|
21
|
+
export declare const Action: typeof H.Action;
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.useToastManager = exports.createToastManager = exports.Viewport = exports.Title = exports.Root = exports.Provider = exports.Positioner = exports.Portal = exports.Description = exports.Content = exports.Close = exports.Arrow = exports.Action = void 0;
|
|
8
|
+
var React = _interopRequireWildcard(require("react"));
|
|
9
|
+
var H = _interopRequireWildcard(require("./index.parts"));
|
|
10
|
+
var _cx = require("../_cx");
|
|
11
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
+
const Provider = exports.Provider = H.Provider;
|
|
13
|
+
const Viewport = exports.Viewport = H.Viewport;
|
|
14
|
+
const Portal = exports.Portal = H.Portal;
|
|
15
|
+
const Arrow = exports.Arrow = H.Arrow;
|
|
16
|
+
const useToastManager = exports.useToastManager = H.useToastManager;
|
|
17
|
+
const createToastManager = exports.createToastManager = H.createToastManager;
|
|
18
|
+
const StyledPositioner = /*#__PURE__*/React.forwardRef(({
|
|
19
|
+
className,
|
|
20
|
+
...props
|
|
21
|
+
}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Positioner, {
|
|
22
|
+
className: (0, _cx.cx)('tale-toast__positioner', className),
|
|
23
|
+
ref: ref,
|
|
24
|
+
...props
|
|
25
|
+
}));
|
|
26
|
+
StyledPositioner.displayName = 'Toast.Positioner';
|
|
27
|
+
const Positioner = exports.Positioner = StyledPositioner;
|
|
28
|
+
const StyledRoot = /*#__PURE__*/React.forwardRef(({
|
|
29
|
+
className,
|
|
30
|
+
...props
|
|
31
|
+
}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Root, {
|
|
32
|
+
className: (0, _cx.cx)('tale-toast__root', className),
|
|
33
|
+
ref: ref,
|
|
34
|
+
...props
|
|
35
|
+
}));
|
|
36
|
+
StyledRoot.displayName = 'Toast.Root';
|
|
37
|
+
const Root = exports.Root = StyledRoot;
|
|
38
|
+
const StyledContent = /*#__PURE__*/React.forwardRef(({
|
|
39
|
+
className,
|
|
40
|
+
...props
|
|
41
|
+
}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Content, {
|
|
42
|
+
className: (0, _cx.cx)('tale-toast__content', className),
|
|
43
|
+
ref: ref,
|
|
44
|
+
...props
|
|
45
|
+
}));
|
|
46
|
+
StyledContent.displayName = 'Toast.Content';
|
|
47
|
+
const Content = exports.Content = StyledContent;
|
|
48
|
+
const StyledTitle = /*#__PURE__*/React.forwardRef(({
|
|
49
|
+
className,
|
|
50
|
+
...props
|
|
51
|
+
}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Title, {
|
|
52
|
+
className: (0, _cx.cx)('tale-toast__title', className),
|
|
53
|
+
ref: ref,
|
|
54
|
+
...props
|
|
55
|
+
}));
|
|
56
|
+
StyledTitle.displayName = 'Toast.Title';
|
|
57
|
+
const Title = exports.Title = StyledTitle;
|
|
58
|
+
const StyledDescription = /*#__PURE__*/React.forwardRef(({
|
|
59
|
+
className,
|
|
60
|
+
...props
|
|
61
|
+
}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Description, {
|
|
62
|
+
className: (0, _cx.cx)('tale-toast__description', className),
|
|
63
|
+
ref: ref,
|
|
64
|
+
...props
|
|
65
|
+
}));
|
|
66
|
+
StyledDescription.displayName = 'Toast.Description';
|
|
67
|
+
const Description = exports.Description = StyledDescription;
|
|
68
|
+
const StyledClose = /*#__PURE__*/React.forwardRef(({
|
|
69
|
+
className,
|
|
70
|
+
...props
|
|
71
|
+
}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Close, {
|
|
72
|
+
className: (0, _cx.cx)('tale-toast__close', className),
|
|
73
|
+
ref: ref,
|
|
74
|
+
...props
|
|
75
|
+
}));
|
|
76
|
+
StyledClose.displayName = 'Toast.Close';
|
|
77
|
+
const Close = exports.Close = StyledClose;
|
|
78
|
+
const StyledAction = /*#__PURE__*/React.forwardRef(({
|
|
79
|
+
className,
|
|
80
|
+
...props
|
|
81
|
+
}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Action, {
|
|
82
|
+
className: (0, _cx.cx)('tale-toast__action', className),
|
|
83
|
+
ref: ref,
|
|
84
|
+
...props
|
|
85
|
+
}));
|
|
86
|
+
StyledAction.displayName = 'Toast.Action';
|
|
87
|
+
const Action = exports.Action = StyledAction;
|
package/toast/index.d.ts
CHANGED
package/toast/index.js
CHANGED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Toggle as H } from "./Toggle.js";
|
|
3
|
+
import { ToggleGroup as HGroup } from "../toggle-group/ToggleGroup.js";
|
|
4
|
+
type Size = 'sm' | 'md' | 'lg';
|
|
5
|
+
export interface ToggleProps extends React.ComponentPropsWithoutRef<typeof H> {
|
|
6
|
+
size?: Size | undefined;
|
|
7
|
+
}
|
|
8
|
+
export declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLButtonElement>>;
|
|
9
|
+
export declare const ToggleGroup: React.ForwardRefExoticComponent<Omit<HGroup.Props<string> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.ToggleGroup = exports.Toggle = void 0;
|
|
8
|
+
var React = _interopRequireWildcard(require("react"));
|
|
9
|
+
var _Toggle2 = require("./Toggle");
|
|
10
|
+
var _ToggleGroup2 = require("../toggle-group/ToggleGroup");
|
|
11
|
+
var _cx = require("../_cx");
|
|
12
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
+
const Toggle = exports.Toggle = /*#__PURE__*/React.forwardRef(({
|
|
14
|
+
size = 'md',
|
|
15
|
+
className,
|
|
16
|
+
...props
|
|
17
|
+
}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toggle2.Toggle, {
|
|
18
|
+
className: (0, _cx.cx)(`tale-toggle tale-toggle--${size}`, className),
|
|
19
|
+
ref: ref,
|
|
20
|
+
...props
|
|
21
|
+
}));
|
|
22
|
+
if (process.env.NODE_ENV !== "production") Toggle.displayName = "Toggle";
|
|
23
|
+
Toggle.displayName = 'Toggle';
|
|
24
|
+
const ToggleGroup = exports.ToggleGroup = /*#__PURE__*/React.forwardRef(({
|
|
25
|
+
className,
|
|
26
|
+
...props
|
|
27
|
+
}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_ToggleGroup2.ToggleGroup, {
|
|
28
|
+
className: (0, _cx.cx)('tale-toggle-group', className),
|
|
29
|
+
ref: ref,
|
|
30
|
+
...props
|
|
31
|
+
}));
|
|
32
|
+
if (process.env.NODE_ENV !== "production") ToggleGroup.displayName = "ToggleGroup";
|
|
33
|
+
ToggleGroup.displayName = 'ToggleGroup';
|
package/toggle/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { Toggle } from "./Toggle.js";
|
|
2
|
-
export type
|
|
1
|
+
export { Toggle, ToggleGroup } from "./Toggle.styled.js";
|
|
2
|
+
export type { ToggleProps } from "./Toggle.styled.js";
|
package/toggle/index.js
CHANGED
|
@@ -9,4 +9,10 @@ Object.defineProperty(exports, "Toggle", {
|
|
|
9
9
|
return _Toggle.Toggle;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
|
-
|
|
12
|
+
Object.defineProperty(exports, "ToggleGroup", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () {
|
|
15
|
+
return _Toggle.ToggleGroup;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
var _Toggle = require("./Toggle.styled");
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export declare const Root: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").ToolbarRootProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
3
|
+
export declare const Group: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").ToolbarGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
4
|
+
export declare const Button: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").ToolbarButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
5
|
+
export declare const Link: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").ToolbarLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
|
|
6
|
+
export declare const Input: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").ToolbarInputProps, "ref"> & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
7
|
+
export declare const Separator: React.ForwardRefExoticComponent<Omit<Omit<import("./index.js").ToolbarSeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.Separator = exports.Root = exports.Link = exports.Input = exports.Group = exports.Button = void 0;
|
|
8
|
+
var React = _interopRequireWildcard(require("react"));
|
|
9
|
+
var H = _interopRequireWildcard(require("./index.parts"));
|
|
10
|
+
var _cx = require("../_cx");
|
|
11
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
+
const Root = exports.Root = /*#__PURE__*/React.forwardRef(({
|
|
13
|
+
className,
|
|
14
|
+
...props
|
|
15
|
+
}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Root, {
|
|
16
|
+
className: (0, _cx.cx)('tale-toolbar', className),
|
|
17
|
+
ref: ref,
|
|
18
|
+
...props
|
|
19
|
+
}));
|
|
20
|
+
if (process.env.NODE_ENV !== "production") Root.displayName = "Root";
|
|
21
|
+
Root.displayName = 'Toolbar.Root';
|
|
22
|
+
const Group = exports.Group = /*#__PURE__*/React.forwardRef(({
|
|
23
|
+
className,
|
|
24
|
+
...props
|
|
25
|
+
}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Group, {
|
|
26
|
+
className: (0, _cx.cx)('tale-toolbar__group', className),
|
|
27
|
+
ref: ref,
|
|
28
|
+
...props
|
|
29
|
+
}));
|
|
30
|
+
if (process.env.NODE_ENV !== "production") Group.displayName = "Group";
|
|
31
|
+
Group.displayName = 'Toolbar.Group';
|
|
32
|
+
const Button = exports.Button = /*#__PURE__*/React.forwardRef(({
|
|
33
|
+
className,
|
|
34
|
+
...props
|
|
35
|
+
}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Button, {
|
|
36
|
+
className: (0, _cx.cx)('tale-toolbar__button', className),
|
|
37
|
+
ref: ref,
|
|
38
|
+
...props
|
|
39
|
+
}));
|
|
40
|
+
if (process.env.NODE_ENV !== "production") Button.displayName = "Button";
|
|
41
|
+
Button.displayName = 'Toolbar.Button';
|
|
42
|
+
const Link = exports.Link = /*#__PURE__*/React.forwardRef(({
|
|
43
|
+
className,
|
|
44
|
+
...props
|
|
45
|
+
}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Link, {
|
|
46
|
+
className: (0, _cx.cx)('tale-toolbar__link', className),
|
|
47
|
+
ref: ref,
|
|
48
|
+
...props
|
|
49
|
+
}));
|
|
50
|
+
if (process.env.NODE_ENV !== "production") Link.displayName = "Link";
|
|
51
|
+
Link.displayName = 'Toolbar.Link';
|
|
52
|
+
const Input = exports.Input = /*#__PURE__*/React.forwardRef(({
|
|
53
|
+
className,
|
|
54
|
+
...props
|
|
55
|
+
}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Input, {
|
|
56
|
+
className: (0, _cx.cx)('tale-toolbar__input tale-input', className),
|
|
57
|
+
ref: ref,
|
|
58
|
+
...props
|
|
59
|
+
}));
|
|
60
|
+
if (process.env.NODE_ENV !== "production") Input.displayName = "Input";
|
|
61
|
+
Input.displayName = 'Toolbar.Input';
|
|
62
|
+
const Separator = exports.Separator = /*#__PURE__*/React.forwardRef(({
|
|
63
|
+
className,
|
|
64
|
+
...props
|
|
65
|
+
}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Separator, {
|
|
66
|
+
className: (0, _cx.cx)('tale-toolbar__separator', className),
|
|
67
|
+
ref: ref,
|
|
68
|
+
...props
|
|
69
|
+
}));
|
|
70
|
+
if (process.env.NODE_ENV !== "production") Separator.displayName = "Separator";
|
|
71
|
+
Separator.displayName = 'Toolbar.Separator';
|
package/toolbar/index.d.ts
CHANGED
package/toolbar/index.js
CHANGED
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as H from "./index.parts.js";
|
|
3
|
+
import type { TooltipRootState, TooltipRootProps, TooltipRootActions, TooltipRootChangeEventReason, TooltipRootChangeEventDetails } from "./root/TooltipRoot.js";
|
|
4
|
+
import type { TooltipTriggerState, TooltipTriggerProps } from "./trigger/TooltipTrigger.js";
|
|
5
|
+
import type { TooltipPortalProps } from "./portal/TooltipPortal.js";
|
|
6
|
+
import type { TooltipPositionerState, TooltipPositionerProps } from "./positioner/TooltipPositioner.js";
|
|
7
|
+
import type { TooltipPopupState, TooltipPopupProps } from "./popup/TooltipPopup.js";
|
|
8
|
+
export declare const Root: <Payload>(props: H.Root.Props<Payload>) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export declare namespace Root {
|
|
10
|
+
type State = TooltipRootState;
|
|
11
|
+
type Props<Payload = unknown> = TooltipRootProps<Payload>;
|
|
12
|
+
type Actions = TooltipRootActions;
|
|
13
|
+
type ChangeEventReason = TooltipRootChangeEventReason;
|
|
14
|
+
type ChangeEventDetails = TooltipRootChangeEventDetails;
|
|
15
|
+
}
|
|
16
|
+
export declare const Trigger: H.Trigger;
|
|
17
|
+
export declare namespace Trigger {
|
|
18
|
+
type State = TooltipTriggerState;
|
|
19
|
+
type Props<Payload = unknown> = TooltipTriggerProps<Payload>;
|
|
20
|
+
}
|
|
21
|
+
export declare const Portal: React.ForwardRefExoticComponent<Omit<TooltipPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
22
|
+
export declare namespace Portal {
|
|
23
|
+
type Props = TooltipPortalProps;
|
|
24
|
+
}
|
|
25
|
+
export declare const Positioner: React.ForwardRefExoticComponent<Omit<TooltipPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
26
|
+
export declare namespace Positioner {
|
|
27
|
+
type State = TooltipPositionerState;
|
|
28
|
+
type Props = TooltipPositionerProps;
|
|
29
|
+
}
|
|
30
|
+
export declare const Provider: React.FC<import("./index.js").TooltipProviderProps>;
|
|
31
|
+
export declare const Viewport: React.ForwardRefExoticComponent<Omit<H.Viewport.Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
32
|
+
export declare const createHandle: typeof H.createHandle;
|
|
33
|
+
export declare const Handle: typeof H.Handle;
|
|
34
|
+
export declare const Popup: typeof H.Popup;
|
|
35
|
+
export declare namespace Popup {
|
|
36
|
+
type State = TooltipPopupState;
|
|
37
|
+
type Props = TooltipPopupProps;
|
|
38
|
+
}
|
|
39
|
+
export declare const Arrow: typeof H.Arrow;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.createHandle = exports.Viewport = exports.Trigger = exports.Root = exports.Provider = exports.Positioner = exports.Portal = exports.Popup = exports.Handle = exports.Arrow = void 0;
|
|
8
|
+
var React = _interopRequireWildcard(require("react"));
|
|
9
|
+
var H = _interopRequireWildcard(require("./index.parts"));
|
|
10
|
+
var _cx = require("../_cx");
|
|
11
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
+
const Root = exports.Root = H.Root;
|
|
13
|
+
const Trigger = exports.Trigger = H.Trigger;
|
|
14
|
+
const Portal = exports.Portal = H.Portal;
|
|
15
|
+
const Positioner = exports.Positioner = H.Positioner;
|
|
16
|
+
const Provider = exports.Provider = H.Provider;
|
|
17
|
+
const Viewport = exports.Viewport = H.Viewport;
|
|
18
|
+
const createHandle = exports.createHandle = H.createHandle;
|
|
19
|
+
const Handle = exports.Handle = H.Handle;
|
|
20
|
+
const StyledPopup = /*#__PURE__*/React.forwardRef(({
|
|
21
|
+
className,
|
|
22
|
+
...props
|
|
23
|
+
}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Popup, {
|
|
24
|
+
className: (0, _cx.cx)('tale-tooltip__popup', className),
|
|
25
|
+
ref: ref,
|
|
26
|
+
...props
|
|
27
|
+
}));
|
|
28
|
+
StyledPopup.displayName = 'Tooltip.Popup';
|
|
29
|
+
const Popup = exports.Popup = StyledPopup;
|
|
30
|
+
const StyledArrow = /*#__PURE__*/React.forwardRef(({
|
|
31
|
+
className,
|
|
32
|
+
...props
|
|
33
|
+
}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(H.Arrow, {
|
|
34
|
+
className: (0, _cx.cx)('tale-tooltip__arrow', className),
|
|
35
|
+
ref: ref,
|
|
36
|
+
...props
|
|
37
|
+
}));
|
|
38
|
+
StyledArrow.displayName = 'Tooltip.Arrow';
|
|
39
|
+
const Arrow = exports.Arrow = StyledArrow;
|
package/tooltip/index.d.ts
CHANGED
package/tooltip/index.js
CHANGED