@c15t/dev-tools 0.0.1-rc.6 → 0.0.1-rc.7

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 (66) hide show
  1. package/dist/components/error-state.cjs +116 -87
  2. package/dist/components/error-state.css +28 -25
  3. package/dist/components/error-state.d.ts +6 -4
  4. package/dist/components/error-state.js +108 -61
  5. package/dist/components/header.cjs +73 -54
  6. package/dist/components/header.css +17 -18
  7. package/dist/components/header.d.ts +5 -3
  8. package/dist/components/header.js +45 -28
  9. package/dist/components/ui/accordion.cjs +100 -64
  10. package/dist/components/ui/accordion.css +39 -39
  11. package/dist/components/ui/accordion.d.ts +32 -5
  12. package/dist/components/ui/accordion.js +70 -36
  13. package/dist/components/ui/alert.cjs +79 -61
  14. package/dist/components/ui/alert.css +30 -27
  15. package/dist/components/ui/alert.d.ts +22 -6
  16. package/dist/components/ui/alert.js +54 -34
  17. package/dist/components/ui/badge.cjs +61 -49
  18. package/dist/components/ui/badge.css +39 -27
  19. package/dist/components/ui/badge.d.ts +22 -7
  20. package/dist/components/ui/badge.js +31 -23
  21. package/dist/components/ui/button.cjs +75 -64
  22. package/dist/components/ui/button.css +43 -40
  23. package/dist/components/ui/button.d.ts +24 -8
  24. package/dist/components/ui/button.js +47 -38
  25. package/dist/components/ui/card.cjs +91 -65
  26. package/dist/components/ui/card.css +20 -21
  27. package/dist/components/ui/card.d.ts +29 -8
  28. package/dist/components/ui/card.js +76 -35
  29. package/dist/components/ui/error-state.css +19 -20
  30. package/dist/components/ui/expandable-tabs.cjs +157 -117
  31. package/dist/components/ui/expandable-tabs.css +33 -34
  32. package/dist/components/ui/expandable-tabs.d.ts +20 -13
  33. package/dist/components/ui/expandable-tabs.js +131 -91
  34. package/dist/components/ui/logo.cjs +105 -92
  35. package/dist/components/ui/logo.d.ts +10 -4
  36. package/dist/components/ui/logo.js +81 -66
  37. package/dist/components/ui/scroll-area.cjs +84 -54
  38. package/dist/components/ui/scroll-area.css +24 -25
  39. package/dist/components/ui/scroll-area.d.ts +17 -3
  40. package/dist/components/ui/scroll-area.js +62 -28
  41. package/dist/components/ui/switch.cjs +55 -38
  42. package/dist/components/ui/switch.css +25 -26
  43. package/dist/components/ui/switch.d.ts +9 -2
  44. package/dist/components/ui/switch.js +25 -13
  45. package/dist/components/ui/tooltip.cjs +59 -41
  46. package/dist/components/ui/tooltip.css +63 -64
  47. package/dist/components/ui/tooltip.d.ts +17 -5
  48. package/dist/components/ui/tooltip.js +32 -16
  49. package/dist/components/wrapper.cjs +203 -144
  50. package/dist/components/wrapper.css +48 -49
  51. package/dist/components/wrapper.d.ts +12 -7
  52. package/dist/components/wrapper.js +184 -117
  53. package/dist/dev-tool.cjs +151 -110
  54. package/dist/dev-tool.d.ts +5 -5
  55. package/dist/dev-tool.js +106 -69
  56. package/dist/index.cjs +35 -27
  57. package/dist/index.d.ts +1 -1
  58. package/dist/index.js +3 -2
  59. package/dist/libs/utils.cjs +57 -42
  60. package/dist/libs/utils.d.ts +1 -1
  61. package/dist/libs/utils.js +5 -3
  62. package/dist/router/router.cjs +192 -144
  63. package/dist/router/router.d.ts +5 -3
  64. package/dist/router/router.js +174 -118
  65. package/dist/styles/theme.css +36 -37
  66. package/package.json +2 -2
@@ -1,49 +1,48 @@
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(.4, 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(0.4, 0, 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: .5;
38
+ cursor: not-allowed;
39
+ opacity: 0.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,5 +1,12 @@
1
1
  import * as SwitchPrimitives from '@radix-ui/react-switch';
2
2
  import './switch.css';
3
- declare const Switch: import("react").ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
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
+ >;
4
11
  export { Switch };
5
- //# sourceMappingURL=switch.d.ts.map
12
+ //# sourceMappingURL=switch.d.ts.map
@@ -1,15 +1,27 @@
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)(({ 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;
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;
15
27
  export { Switch };
@@ -1,55 +1,73 @@
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)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
7
- enumerable: true,
8
- get: definition[key]
9
- });
10
- };
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
+ };
11
16
  })();
12
- (()=>{
13
- __webpack_require__.o = function(obj, prop) {
14
- return Object.prototype.hasOwnProperty.call(obj, prop);
15
- };
17
+ (() => {
18
+ __webpack_require__.o = function (obj, prop) {
19
+ return Object.prototype.hasOwnProperty.call(obj, prop);
20
+ };
16
21
  })();
17
- (()=>{
18
- __webpack_require__.r = function(exports1) {
19
- if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
20
- value: 'Module'
21
- });
22
- Object.defineProperty(exports1, '__esModule', {
23
- value: true
24
- });
25
- };
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
+ };
26
32
  })();
27
33
  var __webpack_exports__ = {};
28
34
  __webpack_require__.r(__webpack_exports__);
29
35
  __webpack_require__.d(__webpack_exports__, {
30
- TooltipContent: ()=>TooltipContent,
31
- Tooltip: ()=>Tooltip,
32
- TooltipTrigger: ()=>TooltipTrigger,
33
- TooltipProvider: ()=>TooltipProvider
36
+ TooltipContent: () => TooltipContent,
37
+ Tooltip: () => Tooltip,
38
+ TooltipTrigger: () => TooltipTrigger,
39
+ TooltipProvider: () => TooltipProvider,
34
40
  });
35
- const jsx_runtime_namespaceObject = require("react/jsx-runtime");
36
- const react_tooltip_namespaceObject = require("@radix-ui/react-tooltip");
37
- require("./tooltip.css");
38
- const external_react_namespaceObject = require("react");
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');
39
45
  const TooltipProvider = react_tooltip_namespaceObject.Provider;
40
46
  const Tooltip = react_tooltip_namespaceObject.Root;
41
47
  const TooltipTrigger = react_tooltip_namespaceObject.Trigger;
42
- const TooltipContent = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ className, sideOffset = 4, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_tooltip_namespaceObject.Portal, {
43
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_tooltip_namespaceObject.Content, {
44
- ref: ref,
45
- sideOffset: sideOffset,
46
- className: `tooltip-content ${className || ''}`,
47
- ...props
48
- })
49
- }));
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
+ );
50
66
  TooltipContent.displayName = react_tooltip_namespaceObject.Content.displayName;
51
67
  var __webpack_export_target__ = exports;
52
- for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
53
- if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
54
- value: true
55
- });
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
+ });
@@ -1,101 +1,100 @@
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(.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(0.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(.16, 1, .3, 1) slide-up-and-fade;
19
+ animation: .4s cubic-bezier(0.16, 1, 0.3, 1) slide-up-and-fade;
20
20
  }
21
21
 
22
22
  .tooltip-content[data-side="top"] {
23
- animation: .4s cubic-bezier(.16, 1, .3, 1) slide-down-and-fade;
23
+ animation: .4s cubic-bezier(0.16, 1, 0.3, 1) slide-down-and-fade;
24
24
  }
25
25
 
26
26
  .tooltip-content[data-side="right"] {
27
- animation: .4s cubic-bezier(.16, 1, .3, 1) slide-left-and-fade;
27
+ animation: .4s cubic-bezier(0.16, 1, 0.3, 1) slide-left-and-fade;
28
28
  }
29
29
 
30
30
  .tooltip-content[data-side="left"] {
31
- animation: .4s cubic-bezier(.16, 1, .3, 1) slide-right-and-fade;
31
+ animation: .4s cubic-bezier(0.16, 1, 0.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,8 +1,20 @@
1
1
  import * as TooltipPrimitive from '@radix-ui/react-tooltip';
2
2
  import './tooltip.css';
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>>;
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
+ >;
7
19
  export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
8
- //# sourceMappingURL=tooltip.d.ts.map
20
+ //# sourceMappingURL=tooltip.d.ts.map
@@ -1,18 +1,34 @@
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 = __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;
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;
18
34
  export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };