@c15t/dev-tools 0.0.1-rc.9 → 1.0.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.
Files changed (72) hide show
  1. package/CHANGELOG.md +8 -1
  2. package/README.md +1 -1
  3. package/dist/components/error-state.cjs +88 -117
  4. package/dist/components/error-state.css +25 -28
  5. package/dist/components/error-state.d.ts +4 -6
  6. package/dist/components/error-state.js +61 -108
  7. package/dist/components/header.cjs +55 -74
  8. package/dist/components/header.css +18 -17
  9. package/dist/components/header.d.ts +3 -5
  10. package/dist/components/header.js +28 -45
  11. package/dist/components/ui/accordion.cjs +71 -101
  12. package/dist/components/ui/accordion.css +39 -39
  13. package/dist/components/ui/accordion.d.ts +5 -32
  14. package/dist/components/ui/accordion.js +36 -70
  15. package/dist/components/ui/alert.cjs +66 -80
  16. package/dist/components/ui/alert.css +27 -30
  17. package/dist/components/ui/alert.d.ts +6 -22
  18. package/dist/components/ui/alert.js +34 -54
  19. package/dist/components/ui/badge.cjs +52 -62
  20. package/dist/components/ui/badge.css +27 -39
  21. package/dist/components/ui/badge.d.ts +7 -22
  22. package/dist/components/ui/badge.d.ts.map +1 -1
  23. package/dist/components/ui/badge.js +23 -31
  24. package/dist/components/ui/button.cjs +67 -76
  25. package/dist/components/ui/button.css +40 -43
  26. package/dist/components/ui/button.d.ts +8 -24
  27. package/dist/components/ui/button.js +38 -47
  28. package/dist/components/ui/card.cjs +76 -92
  29. package/dist/components/ui/card.css +21 -20
  30. package/dist/components/ui/card.d.ts +8 -29
  31. package/dist/components/ui/card.js +35 -76
  32. package/dist/components/ui/error-state.css +20 -19
  33. package/dist/components/ui/expandable-tabs.cjs +118 -158
  34. package/dist/components/ui/expandable-tabs.css +34 -33
  35. package/dist/components/ui/expandable-tabs.d.ts +13 -20
  36. package/dist/components/ui/expandable-tabs.js +91 -131
  37. package/dist/components/ui/logo.cjs +93 -106
  38. package/dist/components/ui/logo.d.ts +5 -11
  39. package/dist/components/ui/logo.d.ts.map +1 -1
  40. package/dist/components/ui/logo.js +67 -82
  41. package/dist/components/ui/scroll-area.cjs +57 -85
  42. package/dist/components/ui/scroll-area.css +25 -24
  43. package/dist/components/ui/scroll-area.d.ts +3 -17
  44. package/dist/components/ui/scroll-area.js +28 -62
  45. package/dist/components/ui/switch.cjs +39 -56
  46. package/dist/components/ui/switch.css +26 -25
  47. package/dist/components/ui/switch.d.ts +2 -9
  48. package/dist/components/ui/switch.js +13 -25
  49. package/dist/components/ui/tooltip.cjs +48 -60
  50. package/dist/components/ui/tooltip.css +64 -63
  51. package/dist/components/ui/tooltip.d.ts +5 -17
  52. package/dist/components/ui/tooltip.js +16 -32
  53. package/dist/components/wrapper.cjs +148 -205
  54. package/dist/components/wrapper.css +49 -48
  55. package/dist/components/wrapper.d.ts +7 -12
  56. package/dist/components/wrapper.js +119 -186
  57. package/dist/dev-tool.cjs +112 -153
  58. package/dist/dev-tool.d.ts +6 -6
  59. package/dist/dev-tool.d.ts.map +1 -1
  60. package/dist/dev-tool.js +71 -108
  61. package/dist/index.cjs +28 -36
  62. package/dist/index.d.ts +1 -1
  63. package/dist/index.js +2 -3
  64. package/dist/libs/utils.cjs +39 -58
  65. package/dist/libs/utils.d.ts +1 -1
  66. package/dist/libs/utils.js +3 -5
  67. package/dist/router/router.cjs +145 -193
  68. package/dist/router/router.d.ts +3 -5
  69. package/dist/router/router.d.ts.map +1 -1
  70. package/dist/router/router.js +118 -174
  71. package/dist/styles/theme.css +37 -36
  72. package/package.json +12 -12
@@ -1,48 +1,49 @@
1
1
  .c15t-devtool-switch-root {
2
- background-color: var(--c15t-dev-tools-input);
3
- -webkit-tap-highlight-color: transparent;
4
- border-radius: 9999px;
5
- align-items: center;
6
- width: 42px;
7
- height: 24px;
8
- display: inline-flex;
9
- position: relative;
10
- box-shadow: 0 2px 4px #0000000d;
2
+ background-color: var(--c15t-dev-tools-input);
3
+ -webkit-tap-highlight-color: transparent;
4
+ border-radius: 9999px;
5
+ align-items: center;
6
+ width: 42px;
7
+ height: 24px;
8
+ display: inline-flex;
9
+ position: relative;
10
+ box-shadow: 0 2px 4px #0000000d;
11
11
  }
12
12
 
13
13
  .c15t-devtool-switch-root[data-state="checked"] {
14
- background-color: var(--c15t-dev-tools-primary);
14
+ background-color: var(--c15t-dev-tools-primary);
15
15
  }
16
16
 
17
17
  .c15t-devtool-switch-root:focus-visible {
18
- outline: none;
18
+ outline: none;
19
19
  }
20
20
 
21
21
  .c15t-devtool-switch-thumb {
22
- background-color: var(--c15t-dev-tools-background);
23
- will-change: transform;
24
- border-radius: 9999px;
25
- width: 20px;
26
- height: 20px;
27
- transition: transform .15s cubic-bezier(0.4, 0, 0.2, 1);
28
- display: block;
29
- transform: translateX(2px);
30
- box-shadow: 0 2px 2px #0000000d;
22
+ background-color: var(--c15t-dev-tools-background);
23
+ will-change: transform;
24
+ border-radius: 9999px;
25
+ width: 20px;
26
+ height: 20px;
27
+ transition: transform .15s cubic-bezier(.4, 0, .2, 1);
28
+ display: block;
29
+ transform: translateX(2px);
30
+ box-shadow: 0 2px 2px #0000000d;
31
31
  }
32
32
 
33
33
  .c15t-devtool-switch-thumb[data-state="checked"] {
34
- transform: translateX(20px);
34
+ transform: translateX(20px);
35
35
  }
36
36
 
37
37
  .c15t-devtool-switch-root:disabled {
38
- cursor: not-allowed;
39
- opacity: 0.5;
38
+ cursor: not-allowed;
39
+ opacity: .5;
40
40
  }
41
41
 
42
42
  .c15t-devtool-switch-root[data-state="unchecked"] {
43
- background-color: var(--c15t-dev-tools-input);
43
+ background-color: var(--c15t-dev-tools-input);
44
44
  }
45
45
 
46
46
  .c15t-devtool-switch-thumb[data-state="unchecked"] {
47
- transform: translateX(2px);
47
+ transform: translateX(2px);
48
48
  }
49
+
@@ -1,12 +1,5 @@
1
1
  import * as SwitchPrimitives from '@radix-ui/react-switch';
2
2
  import './switch.css';
3
- declare const Switch: import('react').ForwardRefExoticComponent<
4
- Omit<
5
- SwitchPrimitives.SwitchProps &
6
- import('react').RefAttributes<HTMLButtonElement>,
7
- 'ref'
8
- > &
9
- import('react').RefAttributes<HTMLButtonElement>
10
- >;
3
+ declare const Switch: import("react").ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
11
4
  export { Switch };
12
- //# sourceMappingURL=switch.d.ts.map
5
+ //# sourceMappingURL=switch.d.ts.map
@@ -1,27 +1,15 @@
1
1
  'use client';
2
- import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from 'react/jsx-runtime';
3
- import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_switch_5e92b7ed__ from '@radix-ui/react-switch';
4
- import * as __WEBPACK_EXTERNAL_MODULE_react__ from 'react';
5
- import './switch.css';
6
- const Switch = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(
7
- ({ className, ...props }, ref) =>
8
- /*#__PURE__*/ (0,
9
- __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
10
- __WEBPACK_EXTERNAL_MODULE__radix_ui_react_switch_5e92b7ed__.Root,
11
- {
12
- className: `c15t-devtool-switch-root ${className || ''}`,
13
- ...props,
14
- ref: ref,
15
- children: /*#__PURE__*/ (0,
16
- __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
17
- __WEBPACK_EXTERNAL_MODULE__radix_ui_react_switch_5e92b7ed__.Thumb,
18
- {
19
- className: 'c15t-devtool-switch-thumb',
20
- }
21
- ),
22
- }
23
- )
24
- );
25
- Switch.displayName =
26
- __WEBPACK_EXTERNAL_MODULE__radix_ui_react_switch_5e92b7ed__.Root.displayName;
2
+ import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
3
+ import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_switch_5e92b7ed__ from "@radix-ui/react-switch";
4
+ import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
5
+ import "./switch.css";
6
+ const Switch = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ className, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_switch_5e92b7ed__.Root, {
7
+ className: `c15t-devtool-switch-root ${className || ''}`,
8
+ ...props,
9
+ ref: ref,
10
+ children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_switch_5e92b7ed__.Thumb, {
11
+ className: "c15t-devtool-switch-thumb"
12
+ })
13
+ }));
14
+ Switch.displayName = __WEBPACK_EXTERNAL_MODULE__radix_ui_react_switch_5e92b7ed__.Root.displayName;
27
15
  export { Switch };
@@ -1,73 +1,61 @@
1
1
  'use client';
2
- 'use strict';
2
+ "use strict";
3
3
  var __webpack_require__ = {};
4
- (() => {
5
- __webpack_require__.d = function (exports1, definition) {
6
- for (var key in definition)
7
- if (
8
- __webpack_require__.o(definition, key) &&
9
- !__webpack_require__.o(exports1, key)
10
- )
11
- Object.defineProperty(exports1, key, {
12
- enumerable: true,
13
- get: definition[key],
14
- });
15
- };
4
+ (()=>{
5
+ __webpack_require__.d = (exports1, definition)=>{
6
+ for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
7
+ enumerable: true,
8
+ get: definition[key]
9
+ });
10
+ };
16
11
  })();
17
- (() => {
18
- __webpack_require__.o = function (obj, prop) {
19
- return Object.prototype.hasOwnProperty.call(obj, prop);
20
- };
12
+ (()=>{
13
+ __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
21
14
  })();
22
- (() => {
23
- __webpack_require__.r = function (exports1) {
24
- if ('undefined' != typeof Symbol && Symbol.toStringTag)
25
- Object.defineProperty(exports1, Symbol.toStringTag, {
26
- value: 'Module',
27
- });
28
- Object.defineProperty(exports1, '__esModule', {
29
- value: true,
30
- });
31
- };
15
+ (()=>{
16
+ __webpack_require__.r = (exports1)=>{
17
+ if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
18
+ value: 'Module'
19
+ });
20
+ Object.defineProperty(exports1, '__esModule', {
21
+ value: true
22
+ });
23
+ };
32
24
  })();
33
25
  var __webpack_exports__ = {};
34
26
  __webpack_require__.r(__webpack_exports__);
35
27
  __webpack_require__.d(__webpack_exports__, {
36
- TooltipContent: () => TooltipContent,
37
- Tooltip: () => Tooltip,
38
- TooltipTrigger: () => TooltipTrigger,
39
- TooltipProvider: () => TooltipProvider,
28
+ TooltipTrigger: ()=>TooltipTrigger,
29
+ TooltipContent: ()=>TooltipContent,
30
+ Tooltip: ()=>Tooltip,
31
+ TooltipProvider: ()=>TooltipProvider
40
32
  });
41
- const jsx_runtime_namespaceObject = require('react/jsx-runtime');
42
- const react_tooltip_namespaceObject = require('@radix-ui/react-tooltip');
43
- require('./tooltip.css');
44
- const external_react_namespaceObject = require('react');
33
+ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
34
+ const react_tooltip_namespaceObject = require("@radix-ui/react-tooltip");
35
+ require("./tooltip.css");
36
+ const external_react_namespaceObject = require("react");
45
37
  const TooltipProvider = react_tooltip_namespaceObject.Provider;
46
38
  const Tooltip = react_tooltip_namespaceObject.Root;
47
39
  const TooltipTrigger = react_tooltip_namespaceObject.Trigger;
48
- const TooltipContent = /*#__PURE__*/ (0,
49
- external_react_namespaceObject.forwardRef)(
50
- ({ className, sideOffset = 4, ...props }, ref) =>
51
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
52
- react_tooltip_namespaceObject.Portal,
53
- {
54
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
55
- react_tooltip_namespaceObject.Content,
56
- {
57
- ref: ref,
58
- sideOffset: sideOffset,
59
- className: `tooltip-content ${className || ''}`,
60
- ...props,
61
- }
62
- ),
63
- }
64
- )
65
- );
40
+ const TooltipContent = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ className, sideOffset = 4, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_tooltip_namespaceObject.Portal, {
41
+ children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_tooltip_namespaceObject.Content, {
42
+ ref: ref,
43
+ sideOffset: sideOffset,
44
+ className: `tooltip-content ${className || ''}`,
45
+ ...props
46
+ })
47
+ }));
66
48
  TooltipContent.displayName = react_tooltip_namespaceObject.Content.displayName;
67
- var __webpack_export_target__ = exports;
68
- for (var __webpack_i__ in __webpack_exports__)
69
- __webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
70
- if (__webpack_exports__.__esModule)
71
- Object.defineProperty(__webpack_export_target__, '__esModule', {
72
- value: true,
73
- });
49
+ exports.Tooltip = __webpack_exports__.Tooltip;
50
+ exports.TooltipContent = __webpack_exports__.TooltipContent;
51
+ exports.TooltipProvider = __webpack_exports__.TooltipProvider;
52
+ exports.TooltipTrigger = __webpack_exports__.TooltipTrigger;
53
+ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
54
+ "Tooltip",
55
+ "TooltipContent",
56
+ "TooltipProvider",
57
+ "TooltipTrigger"
58
+ ].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
59
+ Object.defineProperty(exports, '__esModule', {
60
+ value: true
61
+ });
@@ -1,100 +1,101 @@
1
1
  .c15t-devtool-tooltip-content {
2
- z-index: 50;
3
- background-color: var(--c15t-dev-tools-primary);
4
- color: var(--c15t-dev-tools-primary-foreground);
5
- transform-origin: var(--radix-tooltip-content-transform-origin);
6
- border-radius: .375rem;
7
- padding: .375rem .75rem;
8
- font-size: .75rem;
9
- animation: ease-out fade-in;
10
- overflow: hidden;
11
- transform: scale(0.95);
2
+ z-index: 50;
3
+ background-color: var(--c15t-dev-tools-primary);
4
+ color: var(--c15t-dev-tools-primary-foreground);
5
+ transform-origin: var(--radix-tooltip-content-transform-origin);
6
+ border-radius: .375rem;
7
+ padding: .375rem .75rem;
8
+ font-size: .75rem;
9
+ animation: ease-out fade-in;
10
+ overflow: hidden;
11
+ transform: scale(.95);
12
12
  }
13
13
 
14
14
  .tooltip-content[data-state="closed"] {
15
- animation: ease-in fade-out;
15
+ animation: ease-in fade-out;
16
16
  }
17
17
 
18
18
  .tooltip-content[data-side="bottom"] {
19
- animation: .4s cubic-bezier(0.16, 1, 0.3, 1) slide-up-and-fade;
19
+ animation: .4s cubic-bezier(.16, 1, .3, 1) slide-up-and-fade;
20
20
  }
21
21
 
22
22
  .tooltip-content[data-side="top"] {
23
- animation: .4s cubic-bezier(0.16, 1, 0.3, 1) slide-down-and-fade;
23
+ animation: .4s cubic-bezier(.16, 1, .3, 1) slide-down-and-fade;
24
24
  }
25
25
 
26
26
  .tooltip-content[data-side="right"] {
27
- animation: .4s cubic-bezier(0.16, 1, 0.3, 1) slide-left-and-fade;
27
+ animation: .4s cubic-bezier(.16, 1, .3, 1) slide-left-and-fade;
28
28
  }
29
29
 
30
30
  .tooltip-content[data-side="left"] {
31
- animation: .4s cubic-bezier(0.16, 1, 0.3, 1) slide-right-and-fade;
31
+ animation: .4s cubic-bezier(.16, 1, .3, 1) slide-right-and-fade;
32
32
  }
33
33
 
34
34
  @keyframes fade-in {
35
- from {
36
- opacity: 0;
37
- }
35
+ from {
36
+ opacity: 0;
37
+ }
38
38
 
39
- to {
40
- opacity: 1;
41
- }
39
+ to {
40
+ opacity: 1;
41
+ }
42
42
  }
43
43
 
44
44
  @keyframes fade-out {
45
- from {
46
- opacity: 1;
47
- }
45
+ from {
46
+ opacity: 1;
47
+ }
48
48
 
49
- to {
50
- opacity: 0;
51
- }
49
+ to {
50
+ opacity: 0;
51
+ }
52
52
  }
53
53
 
54
54
  @keyframes slide-up-and-fade {
55
- from {
56
- opacity: 0;
57
- transform: translateY(2px);
58
- }
59
-
60
- to {
61
- opacity: 1;
62
- transform: translateY(0);
63
- }
55
+ from {
56
+ opacity: 0;
57
+ transform: translateY(2px);
58
+ }
59
+
60
+ to {
61
+ opacity: 1;
62
+ transform: translateY(0);
63
+ }
64
64
  }
65
65
 
66
66
  @keyframes slide-down-and-fade {
67
- from {
68
- opacity: 0;
69
- transform: translateY(-2px);
70
- }
71
-
72
- to {
73
- opacity: 1;
74
- transform: translateY(0);
75
- }
67
+ from {
68
+ opacity: 0;
69
+ transform: translateY(-2px);
70
+ }
71
+
72
+ to {
73
+ opacity: 1;
74
+ transform: translateY(0);
75
+ }
76
76
  }
77
77
 
78
78
  @keyframes slide-right-and-fade {
79
- from {
80
- opacity: 0;
81
- transform: translateX(-2px);
82
- }
83
-
84
- to {
85
- opacity: 1;
86
- transform: translateX(0);
87
- }
79
+ from {
80
+ opacity: 0;
81
+ transform: translateX(-2px);
82
+ }
83
+
84
+ to {
85
+ opacity: 1;
86
+ transform: translateX(0);
87
+ }
88
88
  }
89
89
 
90
90
  @keyframes slide-left-and-fade {
91
- from {
92
- opacity: 0;
93
- transform: translateX(2px);
94
- }
95
-
96
- to {
97
- opacity: 1;
98
- transform: translateX(0);
99
- }
91
+ from {
92
+ opacity: 0;
93
+ transform: translateX(2px);
94
+ }
95
+
96
+ to {
97
+ opacity: 1;
98
+ transform: translateX(0);
99
+ }
100
100
  }
101
+
@@ -1,20 +1,8 @@
1
1
  import * as TooltipPrimitive from '@radix-ui/react-tooltip';
2
2
  import './tooltip.css';
3
- declare const TooltipProvider: import(
4
- 'react'
5
- ).FC<TooltipPrimitive.TooltipProviderProps>;
6
- declare const Tooltip: import('react').FC<TooltipPrimitive.TooltipProps>;
7
- declare const TooltipTrigger: import('react').ForwardRefExoticComponent<
8
- TooltipPrimitive.TooltipTriggerProps &
9
- import('react').RefAttributes<HTMLButtonElement>
10
- >;
11
- declare const TooltipContent: import('react').ForwardRefExoticComponent<
12
- Omit<
13
- TooltipPrimitive.TooltipContentProps &
14
- import('react').RefAttributes<HTMLDivElement>,
15
- 'ref'
16
- > &
17
- import('react').RefAttributes<HTMLDivElement>
18
- >;
3
+ declare const TooltipProvider: import("react").FC<TooltipPrimitive.TooltipProviderProps>;
4
+ declare const Tooltip: import("react").FC<TooltipPrimitive.TooltipProps>;
5
+ declare const TooltipTrigger: import("react").ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
6
+ declare const TooltipContent: import("react").ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
19
7
  export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
20
- //# sourceMappingURL=tooltip.d.ts.map
8
+ //# sourceMappingURL=tooltip.d.ts.map
@@ -1,34 +1,18 @@
1
1
  'use client';
2
- import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from 'react/jsx-runtime';
3
- import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_tooltip_22b80323__ from '@radix-ui/react-tooltip';
4
- import './tooltip.css';
5
- import * as __WEBPACK_EXTERNAL_MODULE_react__ from 'react';
6
- const TooltipProvider =
7
- __WEBPACK_EXTERNAL_MODULE__radix_ui_react_tooltip_22b80323__.Provider;
8
- const Tooltip =
9
- __WEBPACK_EXTERNAL_MODULE__radix_ui_react_tooltip_22b80323__.Root;
10
- const TooltipTrigger =
11
- __WEBPACK_EXTERNAL_MODULE__radix_ui_react_tooltip_22b80323__.Trigger;
12
- const TooltipContent = /*#__PURE__*/ (0,
13
- __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(
14
- ({ className, sideOffset = 4, ...props }, ref) =>
15
- /*#__PURE__*/ (0,
16
- __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
17
- __WEBPACK_EXTERNAL_MODULE__radix_ui_react_tooltip_22b80323__.Portal,
18
- {
19
- children: /*#__PURE__*/ (0,
20
- __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
21
- __WEBPACK_EXTERNAL_MODULE__radix_ui_react_tooltip_22b80323__.Content,
22
- {
23
- ref: ref,
24
- sideOffset: sideOffset,
25
- className: `tooltip-content ${className || ''}`,
26
- ...props,
27
- }
28
- ),
29
- }
30
- )
31
- );
32
- TooltipContent.displayName =
33
- __WEBPACK_EXTERNAL_MODULE__radix_ui_react_tooltip_22b80323__.Content.displayName;
2
+ import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
3
+ import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_tooltip_22b80323__ from "@radix-ui/react-tooltip";
4
+ import "./tooltip.css";
5
+ import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
6
+ const TooltipProvider = __WEBPACK_EXTERNAL_MODULE__radix_ui_react_tooltip_22b80323__.Provider;
7
+ const Tooltip = __WEBPACK_EXTERNAL_MODULE__radix_ui_react_tooltip_22b80323__.Root;
8
+ const TooltipTrigger = __WEBPACK_EXTERNAL_MODULE__radix_ui_react_tooltip_22b80323__.Trigger;
9
+ const TooltipContent = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ className, sideOffset = 4, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_tooltip_22b80323__.Portal, {
10
+ children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_tooltip_22b80323__.Content, {
11
+ ref: ref,
12
+ sideOffset: sideOffset,
13
+ className: `tooltip-content ${className || ''}`,
14
+ ...props
15
+ })
16
+ }));
17
+ TooltipContent.displayName = __WEBPACK_EXTERNAL_MODULE__radix_ui_react_tooltip_22b80323__.Content.displayName;
34
18
  export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };