@c15t/dev-tools 1.8.3 → 2.0.0-rc.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.
Files changed (153) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/README.md +155 -71
  3. package/dist/__tests__/components/ui.test.d.ts +2 -0
  4. package/dist/__tests__/components/ui.test.d.ts.map +1 -0
  5. package/dist/__tests__/core/renderer.test.d.ts +2 -0
  6. package/dist/__tests__/core/renderer.test.d.ts.map +1 -0
  7. package/dist/__tests__/core/reset-consents.test.d.ts +2 -0
  8. package/dist/__tests__/core/reset-consents.test.d.ts.map +1 -0
  9. package/dist/__tests__/core/state-manager.test.d.ts +2 -0
  10. package/dist/__tests__/core/state-manager.test.d.ts.map +1 -0
  11. package/dist/__tests__/panels/dom-scanner.test.d.ts +2 -0
  12. package/dist/__tests__/panels/dom-scanner.test.d.ts.map +1 -0
  13. package/dist/components/dropdown-menu.d.ts +46 -0
  14. package/dist/components/dropdown-menu.d.ts.map +1 -0
  15. package/dist/components/index.d.ts +7 -0
  16. package/dist/components/index.d.ts.map +1 -0
  17. package/dist/components/panel.d.ts +28 -0
  18. package/dist/components/panel.d.ts.map +1 -0
  19. package/dist/components/tabs.d.ts +21 -0
  20. package/dist/components/tabs.d.ts.map +1 -0
  21. package/dist/components/ui.d.ts +65 -0
  22. package/dist/components/ui.d.ts.map +1 -0
  23. package/dist/core/devtools.d.ts +60 -0
  24. package/dist/core/devtools.d.ts.map +1 -0
  25. package/dist/core/draggable.d.ts +81 -0
  26. package/dist/core/draggable.d.ts.map +1 -0
  27. package/dist/core/index.d.ts +10 -0
  28. package/dist/core/index.d.ts.map +1 -0
  29. package/dist/core/panel-renderer.d.ts +41 -0
  30. package/dist/core/panel-renderer.d.ts.map +1 -0
  31. package/dist/core/renderer.d.ts +126 -0
  32. package/dist/core/renderer.d.ts.map +1 -0
  33. package/dist/core/reset-consents.d.ts +24 -0
  34. package/dist/core/reset-consents.d.ts.map +1 -0
  35. package/dist/core/state-manager.d.ts +73 -0
  36. package/dist/core/state-manager.d.ts.map +1 -0
  37. package/dist/core/store-connector.d.ts +69 -0
  38. package/dist/core/store-connector.d.ts.map +1 -0
  39. package/dist/index.cjs +4813 -10
  40. package/dist/index.d.ts +10 -1
  41. package/dist/index.d.ts.map +1 -1
  42. package/dist/index.js +4803 -2
  43. package/dist/panels/actions.d.ts +18 -0
  44. package/dist/panels/actions.d.ts.map +1 -0
  45. package/dist/panels/consents.d.ts +18 -0
  46. package/dist/panels/consents.d.ts.map +1 -0
  47. package/dist/panels/dom-scanner.d.ts +29 -0
  48. package/dist/panels/dom-scanner.d.ts.map +1 -0
  49. package/dist/panels/events.d.ts +14 -0
  50. package/dist/panels/events.d.ts.map +1 -0
  51. package/dist/panels/iab.d.ts +14 -0
  52. package/dist/panels/iab.d.ts.map +1 -0
  53. package/dist/panels/index.d.ts +11 -0
  54. package/dist/panels/index.d.ts.map +1 -0
  55. package/dist/panels/location.d.ts +19 -0
  56. package/dist/panels/location.d.ts.map +1 -0
  57. package/dist/panels/scripts.d.ts +13 -0
  58. package/dist/panels/scripts.d.ts.map +1 -0
  59. package/dist/react.cjs +4696 -0
  60. package/dist/react.d.ts +76 -0
  61. package/dist/react.d.ts.map +1 -0
  62. package/dist/react.js +4672 -0
  63. package/dist/styles/index.d.ts +7 -0
  64. package/dist/styles/index.d.ts.map +1 -0
  65. package/dist/tanstack.cjs +3819 -0
  66. package/dist/tanstack.d.ts +46 -0
  67. package/dist/tanstack.d.ts.map +1 -0
  68. package/dist/tanstack.js +3795 -0
  69. package/dist/utils/index.d.ts +6 -0
  70. package/dist/utils/index.d.ts.map +1 -0
  71. package/dist/utils/preference-trigger.d.ts +27 -0
  72. package/dist/utils/preference-trigger.d.ts.map +1 -0
  73. package/package.json +74 -57
  74. package/tsconfig.json +1 -1
  75. package/LICENSE.md +0 -595
  76. package/dist/components/error-state.cjs +0 -98
  77. package/dist/components/error-state.css +0 -51
  78. package/dist/components/error-state.d.ts +0 -5
  79. package/dist/components/error-state.d.ts.map +0 -1
  80. package/dist/components/error-state.js +0 -64
  81. package/dist/components/header.cjs +0 -65
  82. package/dist/components/header.css +0 -29
  83. package/dist/components/header.d.ts +0 -7
  84. package/dist/components/header.d.ts.map +0 -1
  85. package/dist/components/header.js +0 -31
  86. package/dist/components/ui/accordion.cjs +0 -82
  87. package/dist/components/ui/accordion.css +0 -72
  88. package/dist/components/ui/accordion.d.ts +0 -8
  89. package/dist/components/ui/accordion.d.ts.map +0 -1
  90. package/dist/components/ui/accordion.js +0 -39
  91. package/dist/components/ui/alert.cjs +0 -77
  92. package/dist/components/ui/alert.css +0 -59
  93. package/dist/components/ui/alert.d.ts +0 -10
  94. package/dist/components/ui/alert.d.ts.map +0 -1
  95. package/dist/components/ui/alert.js +0 -37
  96. package/dist/components/ui/badge.cjs +0 -63
  97. package/dist/components/ui/badge.css +0 -52
  98. package/dist/components/ui/badge.d.ts +0 -11
  99. package/dist/components/ui/badge.d.ts.map +0 -1
  100. package/dist/components/ui/badge.js +0 -26
  101. package/dist/components/ui/button.cjs +0 -77
  102. package/dist/components/ui/button.css +0 -87
  103. package/dist/components/ui/button.d.ts +0 -13
  104. package/dist/components/ui/button.d.ts.map +0 -1
  105. package/dist/components/ui/button.js +0 -40
  106. package/dist/components/ui/card.cjs +0 -89
  107. package/dist/components/ui/card.css +0 -41
  108. package/dist/components/ui/card.d.ts +0 -10
  109. package/dist/components/ui/card.d.ts.map +0 -1
  110. package/dist/components/ui/card.js +0 -40
  111. package/dist/components/ui/error-state.css +0 -34
  112. package/dist/components/ui/expandable-tabs.cjs +0 -136
  113. package/dist/components/ui/expandable-tabs.css +0 -57
  114. package/dist/components/ui/expandable-tabs.d.ts +0 -23
  115. package/dist/components/ui/expandable-tabs.d.ts.map +0 -1
  116. package/dist/components/ui/expandable-tabs.js +0 -102
  117. package/dist/components/ui/logo.cjs +0 -101
  118. package/dist/components/ui/logo.d.ts +0 -8
  119. package/dist/components/ui/logo.d.ts.map +0 -1
  120. package/dist/components/ui/logo.js +0 -67
  121. package/dist/components/ui/scroll-area.cjs +0 -67
  122. package/dist/components/ui/scroll-area.css +0 -41
  123. package/dist/components/ui/scroll-area.d.ts +0 -6
  124. package/dist/components/ui/scroll-area.d.ts.map +0 -1
  125. package/dist/components/ui/scroll-area.js +0 -30
  126. package/dist/components/ui/switch.cjs +0 -49
  127. package/dist/components/ui/switch.css +0 -49
  128. package/dist/components/ui/switch.d.ts +0 -5
  129. package/dist/components/ui/switch.d.ts.map +0 -1
  130. package/dist/components/ui/switch.js +0 -15
  131. package/dist/components/ui/tooltip.cjs +0 -61
  132. package/dist/components/ui/tooltip.css +0 -101
  133. package/dist/components/ui/tooltip.d.ts +0 -8
  134. package/dist/components/ui/tooltip.d.ts.map +0 -1
  135. package/dist/components/ui/tooltip.js +0 -18
  136. package/dist/components/wrapper.cjs +0 -158
  137. package/dist/components/wrapper.css +0 -90
  138. package/dist/components/wrapper.d.ts +0 -20
  139. package/dist/components/wrapper.d.ts.map +0 -1
  140. package/dist/components/wrapper.js +0 -121
  141. package/dist/dev-tool.cjs +0 -124
  142. package/dist/dev-tool.d.ts +0 -15
  143. package/dist/dev-tool.d.ts.map +0 -1
  144. package/dist/dev-tool.js +0 -74
  145. package/dist/libs/utils.cjs +0 -50
  146. package/dist/libs/utils.d.ts +0 -3
  147. package/dist/libs/utils.d.ts.map +0 -1
  148. package/dist/libs/utils.js +0 -6
  149. package/dist/router/router.cjs +0 -158
  150. package/dist/router/router.d.ts +0 -6
  151. package/dist/router/router.d.ts.map +0 -1
  152. package/dist/router/router.js +0 -124
  153. package/dist/styles/theme.css +0 -42
@@ -1,41 +0,0 @@
1
- .c15t-devtool-scroll-root {
2
- position: relative;
3
- overflow: hidden;
4
- }
5
-
6
- .c15t-devtool-scroll-viewport {
7
- border-radius: inherit;
8
- width: 100%;
9
- height: 100%;
10
- }
11
-
12
- .c15t-devtool-scroll-bar {
13
- touch-action: none;
14
- user-select: none;
15
- transition-property: color, background-color, border-color;
16
- transition-duration: .15s;
17
- transition-timing-function: cubic-bezier(.4, 0, .2, 1);
18
- display: flex;
19
- }
20
-
21
- .c15t-devtool-scroll-bar[data-orientation="vertical"] {
22
- border-left: 1px solid #0000;
23
- width: 10px;
24
- height: 100%;
25
- padding: 1px;
26
- }
27
-
28
- .c15t-devtool-scroll-bar[data-orientation="horizontal"] {
29
- border-top: 1px solid #0000;
30
- flex-direction: column;
31
- height: 10px;
32
- padding: 1px;
33
- }
34
-
35
- .c15t-devtool-scroll-thumb {
36
- background-color: var(--c15t-dev-tools-border);
37
- border-radius: 9999px;
38
- flex: 1;
39
- position: relative;
40
- }
41
-
@@ -1,6 +0,0 @@
1
- import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
2
- import './scroll-area.css';
3
- declare const ScrollArea: import("react").ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
4
- declare const ScrollBar: import("react").ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
5
- export { ScrollArea, ScrollBar };
6
- //# sourceMappingURL=scroll-area.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../src/components/ui/scroll-area.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAOnE,OAAO,mBAAmB,CAAC;AAE3B,QAAA,MAAM,UAAU,6LAed,CAAC;AAGH,QAAA,MAAM,SAAS,sMAYb,CAAC;AAGH,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}
@@ -1,30 +0,0 @@
1
- 'use client';
2
- import { jsx, jsxs } from "react/jsx-runtime";
3
- import { Corner, Root, ScrollAreaScrollbar, ScrollAreaThumb, Viewport } from "@radix-ui/react-scroll-area";
4
- import { forwardRef } from "react";
5
- import "./scroll-area.css";
6
- const ScrollArea = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsxs(Root, {
7
- ref: ref,
8
- className: `c15t-devtool-scroll-root ${className || ''}`,
9
- ...props,
10
- children: [
11
- /*#__PURE__*/ jsx(Viewport, {
12
- className: "c15t-devtool-scroll-viewport",
13
- children: children
14
- }),
15
- /*#__PURE__*/ jsx(ScrollBar, {}),
16
- /*#__PURE__*/ jsx(Corner, {})
17
- ]
18
- }));
19
- ScrollArea.displayName = Root.displayName;
20
- const ScrollBar = /*#__PURE__*/ forwardRef(({ className, orientation = 'vertical', ...props }, ref)=>/*#__PURE__*/ jsx(ScrollAreaScrollbar, {
21
- ref: ref,
22
- orientation: orientation,
23
- className: `c15t-devtool-scroll-bar ${className || ''}`,
24
- ...props,
25
- children: /*#__PURE__*/ jsx(ScrollAreaThumb, {
26
- className: "c15t-devtool-scroll-thumb"
27
- })
28
- }));
29
- ScrollBar.displayName = ScrollAreaScrollbar.displayName;
30
- export { ScrollArea, ScrollBar };
@@ -1,49 +0,0 @@
1
- 'use client';
2
- "use strict";
3
- var __webpack_require__ = {};
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
- };
11
- })();
12
- (()=>{
13
- __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
14
- })();
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
- };
24
- })();
25
- var __webpack_exports__ = {};
26
- __webpack_require__.r(__webpack_exports__);
27
- __webpack_require__.d(__webpack_exports__, {
28
- Switch: ()=>Switch
29
- });
30
- const jsx_runtime_namespaceObject = require("react/jsx-runtime");
31
- const react_switch_namespaceObject = require("@radix-ui/react-switch");
32
- const external_react_namespaceObject = require("react");
33
- require("./switch.css");
34
- const Switch = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_switch_namespaceObject.Root, {
35
- className: `c15t-devtool-switch-root ${className || ''}`,
36
- ...props,
37
- ref: ref,
38
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_switch_namespaceObject.Thumb, {
39
- className: "c15t-devtool-switch-thumb"
40
- })
41
- }));
42
- Switch.displayName = react_switch_namespaceObject.Root.displayName;
43
- exports.Switch = __webpack_exports__.Switch;
44
- for(var __webpack_i__ in __webpack_exports__)if (-1 === [
45
- "Switch"
46
- ].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
47
- Object.defineProperty(exports, '__esModule', {
48
- value: true
49
- });
@@ -1,49 +0,0 @@
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;
11
- }
12
-
13
- .c15t-devtool-switch-root[data-state="checked"] {
14
- background-color: var(--c15t-dev-tools-primary);
15
- }
16
-
17
- .c15t-devtool-switch-root:focus-visible {
18
- outline: none;
19
- }
20
-
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;
31
- }
32
-
33
- .c15t-devtool-switch-thumb[data-state="checked"] {
34
- transform: translateX(20px);
35
- }
36
-
37
- .c15t-devtool-switch-root:disabled {
38
- cursor: not-allowed;
39
- opacity: .5;
40
- }
41
-
42
- .c15t-devtool-switch-root[data-state="unchecked"] {
43
- background-color: var(--c15t-dev-tools-input);
44
- }
45
-
46
- .c15t-devtool-switch-thumb[data-state="unchecked"] {
47
- transform: translateX(2px);
48
- }
49
-
@@ -1,5 +0,0 @@
1
- import * as SwitchPrimitives from '@radix-ui/react-switch';
2
- import './switch.css';
3
- declare const Switch: import("react").ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
4
- export { Switch };
5
- //# sourceMappingURL=switch.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/components/ui/switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAC;AAM3D,OAAO,cAAc,CAAC;AAEtB,QAAA,MAAM,MAAM,4LAWV,CAAC;AAGH,OAAO,EAAE,MAAM,EAAE,CAAC"}
@@ -1,15 +0,0 @@
1
- 'use client';
2
- import { jsx } from "react/jsx-runtime";
3
- import { Root, Thumb } from "@radix-ui/react-switch";
4
- import { forwardRef } from "react";
5
- import "./switch.css";
6
- const Switch = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Root, {
7
- className: `c15t-devtool-switch-root ${className || ''}`,
8
- ...props,
9
- ref: ref,
10
- children: /*#__PURE__*/ jsx(Thumb, {
11
- className: "c15t-devtool-switch-thumb"
12
- })
13
- }));
14
- Switch.displayName = Root.displayName;
15
- export { Switch };
@@ -1,61 +0,0 @@
1
- 'use client';
2
- "use strict";
3
- var __webpack_require__ = {};
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
- };
11
- })();
12
- (()=>{
13
- __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
14
- })();
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
- };
24
- })();
25
- var __webpack_exports__ = {};
26
- __webpack_require__.r(__webpack_exports__);
27
- __webpack_require__.d(__webpack_exports__, {
28
- Tooltip: ()=>Tooltip,
29
- TooltipProvider: ()=>TooltipProvider,
30
- TooltipContent: ()=>TooltipContent,
31
- TooltipTrigger: ()=>TooltipTrigger
32
- });
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");
37
- const TooltipProvider = react_tooltip_namespaceObject.Provider;
38
- const Tooltip = react_tooltip_namespaceObject.Root;
39
- const TooltipTrigger = react_tooltip_namespaceObject.Trigger;
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
- }));
48
- TooltipContent.displayName = react_tooltip_namespaceObject.Content.displayName;
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,101 +0,0 @@
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);
12
- }
13
-
14
- .tooltip-content[data-state="closed"] {
15
- animation: ease-in fade-out;
16
- }
17
-
18
- .tooltip-content[data-side="bottom"] {
19
- animation: .4s cubic-bezier(.16, 1, .3, 1) slide-up-and-fade;
20
- }
21
-
22
- .tooltip-content[data-side="top"] {
23
- animation: .4s cubic-bezier(.16, 1, .3, 1) slide-down-and-fade;
24
- }
25
-
26
- .tooltip-content[data-side="right"] {
27
- animation: .4s cubic-bezier(.16, 1, .3, 1) slide-left-and-fade;
28
- }
29
-
30
- .tooltip-content[data-side="left"] {
31
- animation: .4s cubic-bezier(.16, 1, .3, 1) slide-right-and-fade;
32
- }
33
-
34
- @keyframes fade-in {
35
- from {
36
- opacity: 0;
37
- }
38
-
39
- to {
40
- opacity: 1;
41
- }
42
- }
43
-
44
- @keyframes fade-out {
45
- from {
46
- opacity: 1;
47
- }
48
-
49
- to {
50
- opacity: 0;
51
- }
52
- }
53
-
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
- }
64
- }
65
-
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
- }
76
- }
77
-
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
- }
88
- }
89
-
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
- }
100
- }
101
-
@@ -1,8 +0,0 @@
1
- import * as TooltipPrimitive from '@radix-ui/react-tooltip';
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>>;
7
- export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
8
- //# sourceMappingURL=tooltip.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/ui/tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,eAAe,CAAC;AAOvB,QAAA,MAAM,eAAe,2DAA4B,CAAC;AAElD,QAAA,MAAM,OAAO,mDAAwB,CAAC;AAEtC,QAAA,MAAM,cAAc,oIAA2B,CAAC;AAEhD,QAAA,MAAM,cAAc,8LAYlB,CAAC;AAGH,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}
@@ -1,18 +0,0 @@
1
- 'use client';
2
- import { jsx } from "react/jsx-runtime";
3
- import { Content, Portal, Provider, Root, Trigger } from "@radix-ui/react-tooltip";
4
- import "./tooltip.css";
5
- import { forwardRef } from "react";
6
- const TooltipProvider = Provider;
7
- const Tooltip = Root;
8
- const TooltipTrigger = Trigger;
9
- const TooltipContent = /*#__PURE__*/ forwardRef(({ className, sideOffset = 4, ...props }, ref)=>/*#__PURE__*/ jsx(Portal, {
10
- children: /*#__PURE__*/ jsx(Content, {
11
- ref: ref,
12
- sideOffset: sideOffset,
13
- className: `tooltip-content ${className || ''}`,
14
- ...props
15
- })
16
- }));
17
- TooltipContent.displayName = Content.displayName;
18
- export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
@@ -1,158 +0,0 @@
1
- 'use client';
2
- "use strict";
3
- var __webpack_require__ = {};
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
- };
11
- })();
12
- (()=>{
13
- __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
14
- })();
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
- };
24
- })();
25
- var __webpack_exports__ = {};
26
- __webpack_require__.r(__webpack_exports__);
27
- __webpack_require__.d(__webpack_exports__, {
28
- DevToolWrapper: ()=>DevToolWrapper,
29
- default: ()=>wrapper
30
- });
31
- const jsx_runtime_namespaceObject = require("react/jsx-runtime");
32
- const react_namespaceObject = require("motion/react");
33
- const external_react_namespaceObject = require("react");
34
- const external_react_dom_namespaceObject = require("react-dom");
35
- require("./wrapper.css");
36
- const utils_cjs_namespaceObject = require("../libs/utils.cjs");
37
- const button_cjs_namespaceObject = require("./ui/button.cjs");
38
- const card_cjs_namespaceObject = require("./ui/card.cjs");
39
- function DevToolWrapper({ children, isOpen, toggleOpen, position = 'bottom-right' }) {
40
- const [isMounted, setIsMounted] = (0, external_react_namespaceObject.useState)(false);
41
- (0, external_react_namespaceObject.useEffect)(()=>{
42
- setIsMounted(true);
43
- return ()=>setIsMounted(false);
44
- }, []);
45
- const DevToolContent = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.AnimatePresence, {
46
- children: isOpen && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_namespaceObject.motion.div, {
47
- className: "c15t-devtool-wrapper-overlay",
48
- initial: {
49
- opacity: 0
50
- },
51
- animate: {
52
- opacity: 1
53
- },
54
- exit: {
55
- opacity: 0
56
- },
57
- transition: {
58
- type: 'spring',
59
- stiffness: 400,
60
- damping: 40
61
- },
62
- children: [
63
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.motion.div, {
64
- className: "c15t-devtool-wrapper-backdrop",
65
- initial: {
66
- opacity: 0
67
- },
68
- animate: {
69
- opacity: 1
70
- },
71
- exit: {
72
- opacity: 0
73
- },
74
- onClick: toggleOpen
75
- }),
76
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.motion.div, {
77
- className: (0, utils_cjs_namespaceObject.cn)('c15t-devtool-wrapper-content', position),
78
- initial: {
79
- opacity: 0,
80
- y: 20
81
- },
82
- animate: {
83
- opacity: 1,
84
- y: 0
85
- },
86
- exit: {
87
- opacity: 0,
88
- y: 20
89
- },
90
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(card_cjs_namespaceObject.Card, {
91
- className: "c15t-devtool-wrapper-card",
92
- children: children
93
- })
94
- })
95
- ]
96
- })
97
- });
98
- return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
99
- children: [
100
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.AnimatePresence, {
101
- children: !isOpen && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.motion.div, {
102
- initial: {
103
- scale: 0.95,
104
- opacity: 0
105
- },
106
- animate: {
107
- scale: 1,
108
- opacity: 1
109
- },
110
- exit: {
111
- scale: 0.95,
112
- opacity: 0
113
- },
114
- transition: {
115
- type: 'spring',
116
- stiffness: 400,
117
- damping: 40
118
- },
119
- className: "c15t-devtool-wrapper-button-container",
120
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
121
- variant: "outline",
122
- size: "icon",
123
- className: "c15t-devtool-wrapper-button",
124
- onClick: toggleOpen,
125
- children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("svg", {
126
- viewBox: "0 0 149 149",
127
- fill: "none",
128
- xmlns: "http://www.w3.org/2000/svg",
129
- className: "c15t-devtool-wrapper-button-icon",
130
- children: [
131
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("title", {
132
- children: "c15t-devtool-icon"
133
- }),
134
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("path", {
135
- fillRule: "evenodd",
136
- clipRule: "evenodd",
137
- d: "M74.5436 14.2802C68.963 14.2802 64.4391 18.8042 64.4391 24.3848C64.4391 29.9654 68.963 34.4893 74.5436 34.4893C80.1243 34.4893 84.6482 29.9654 84.6482 24.3848C84.6482 18.8042 80.1243 14.2802 74.5436 14.2802ZM50.9663 24.3848C50.9663 11.3634 61.5222 0.807434 74.5436 0.807434C87.5651 0.807434 98.121 11.3634 98.121 24.3848C98.121 37.4062 87.5651 47.9621 74.5436 47.9621C70.4834 47.9621 66.6628 46.9358 63.3272 45.1283L44.7645 63.6911C45.5299 65.1037 46.1553 66.6033 46.6219 68.1713H102.466C105.364 58.4322 114.386 51.3303 125.067 51.3303C138.088 51.3303 148.644 61.8862 148.644 74.9076C148.644 87.929 138.088 98.4849 125.067 98.4849C114.386 98.4849 105.364 91.3831 102.466 81.644H46.6219C46.0071 83.7098 45.1168 85.657 43.9935 87.4429L62.0084 105.458C65.6396 103.174 69.9373 101.853 74.5436 101.853C87.5651 101.853 98.121 112.409 98.121 125.43C98.121 138.452 87.5651 149.008 74.5436 149.008C61.5222 149.008 50.9663 138.452 50.9663 125.43C50.9663 121.925 51.7315 118.597 53.104 115.607L33.8445 96.3472C30.854 97.7197 27.5268 98.4849 24.0209 98.4849C10.9995 98.4849 0.443604 87.929 0.443604 74.9076C0.443604 61.8862 10.9995 51.3303 24.0209 51.3303C28.0814 51.3303 31.9022 52.3567 35.2379 54.1643L53.8004 35.6018C51.9928 32.2661 50.9663 28.4453 50.9663 24.3848ZM114.962 74.9076L114.962 74.9578C114.989 80.5153 119.503 85.0122 125.067 85.0122C130.647 85.0122 135.171 80.4882 135.171 74.9076C135.171 69.327 130.647 64.803 125.067 64.803C119.503 64.803 114.989 69.2999 114.962 74.8574L114.962 74.9076ZM24.0209 64.803C18.4403 64.803 13.9164 69.327 13.9164 74.9076C13.9164 80.4882 18.4403 85.0122 24.0209 85.0122C29.6015 85.0122 34.1255 80.4882 34.1255 74.9076C34.1255 69.327 29.6015 64.803 24.0209 64.803ZM64.4391 125.43C64.4391 119.85 68.963 115.326 74.5436 115.326C80.1243 115.326 84.6482 119.85 84.6482 125.43C84.6482 131.011 80.1243 135.535 74.5436 135.535C68.963 135.535 64.4391 131.011 64.4391 125.43Z",
138
- fill: "currentColor"
139
- })
140
- ]
141
- })
142
- })
143
- })
144
- }),
145
- isMounted && /*#__PURE__*/ (0, external_react_dom_namespaceObject.createPortal)(DevToolContent, document.body)
146
- ]
147
- });
148
- }
149
- const wrapper = DevToolWrapper;
150
- exports.DevToolWrapper = __webpack_exports__.DevToolWrapper;
151
- exports["default"] = __webpack_exports__["default"];
152
- for(var __webpack_i__ in __webpack_exports__)if (-1 === [
153
- "DevToolWrapper",
154
- "default"
155
- ].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
156
- Object.defineProperty(exports, '__esModule', {
157
- value: true
158
- });
@@ -1,90 +0,0 @@
1
- .c15t-devtool-wrapper-overlay {
2
- z-index: 50;
3
- justify-content: center;
4
- align-items: flex-end;
5
- display: flex;
6
- position: fixed;
7
- inset: 0;
8
- }
9
-
10
- @media (width >= 640px) {
11
- .c15t-devtool-wrapper-overlay {
12
- align-items: center;
13
- }
14
- }
15
-
16
- .c15t-devtool-wrapper-backdrop {
17
- background-color: #0003;
18
- padding: 1rem;
19
- position: fixed;
20
- inset: 0;
21
- }
22
-
23
- .c15t-devtool-wrapper-content {
24
- z-index: 51;
25
- flex-direction: column;
26
- width: 400px;
27
- display: flex;
28
- position: fixed;
29
- }
30
-
31
- .c15t-devtool-wrapper-content.bottom-right {
32
- bottom: 1rem;
33
- right: 1rem;
34
- }
35
-
36
- .c15t-devtool-wrapper-content.top-right {
37
- top: 1rem;
38
- right: 1rem;
39
- }
40
-
41
- .c15t-devtool-wrapper-content.bottom-left {
42
- bottom: 1rem;
43
- left: 1rem;
44
- }
45
-
46
- .c15t-devtool-wrapper-content.top-left {
47
- top: 1rem;
48
- left: 1rem;
49
- }
50
-
51
- .c15t-devtool-wrapper-button-container {
52
- z-index: 51;
53
- position: fixed;
54
- bottom: 1rem;
55
- right: 1rem;
56
- }
57
-
58
- .c15t-devtool-wrapper-button {
59
- border: 1px solid #999;
60
- border-radius: 9999px;
61
- justify-content: center;
62
- align-items: center;
63
- display: flex;
64
- position: relative;
65
- }
66
-
67
- .dark .c15t-devtool-wrapper-button {
68
- border: 1px solid #5c5c5c;
69
- }
70
-
71
- .c15t-devtool-wrapper-button-icon {
72
- width: 1rem;
73
- height: 1rem;
74
- }
75
-
76
- .c15t-devtool-wrapper-card {
77
- border: 1px solid var(--border);
78
- background-color: var(--background);
79
- border-radius: .5rem;
80
- width: 100%;
81
- height: 100%;
82
- box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
83
- }
84
-
85
- .c15t-devtool-wrapper-body {
86
- flex: 1;
87
- padding: 1rem;
88
- overflow-y: auto;
89
- }
90
-
@@ -1,20 +0,0 @@
1
- import { type ReactNode } from 'react';
2
- import './wrapper.css';
3
- /**
4
- * Dev Tool Wrapper Component
5
- *
6
- * This component serves as both an icon and a wrapper for the development tool interface.
7
- * It provides a button that, when clicked, toggles the visibility of a pop-up containing
8
- * the router pages.
9
- *
10
- * @component
11
- * @returns {JSX.Element} The rendered component
12
- */
13
- export declare function DevToolWrapper({ children, isOpen, toggleOpen, position, }: {
14
- children: ReactNode;
15
- isOpen: boolean;
16
- toggleOpen: () => void;
17
- position?: 'bottom-right' | 'top-right' | 'bottom-left' | 'top-left';
18
- }): import("react/jsx-runtime").JSX.Element;
19
- export default DevToolWrapper;
20
- //# sourceMappingURL=wrapper.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"wrapper.d.ts","sourceRoot":"","sources":["../../src/components/wrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAuB,MAAM,OAAO,CAAC;AAE5D,OAAO,eAAe,CAAC;AAKvB;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAC,EAC9B,QAAQ,EACR,MAAM,EACN,UAAU,EACV,QAAyB,GACzB,EAAE;IACF,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,cAAc,GAAG,WAAW,GAAG,aAAa,GAAG,UAAU,CAAC;CACrE,2CA4EA;AAED,eAAe,cAAc,CAAC"}