@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,59 +0,0 @@
1
- .c15t-devtool-alert {
2
- border: 1px solid var(--c15t-dev-tools-border);
3
- border-radius: .5rem;
4
- width: 100%;
5
- padding: .75rem 1rem;
6
- font-size: .875rem;
7
- position: relative;
8
- }
9
-
10
- .c15t-devtool-alert > svg {
11
- color: var(--c15t-dev-tools-foreground);
12
- position: absolute;
13
- top: 1rem;
14
- left: 1rem;
15
- }
16
-
17
- .c15t-devtool-alert > svg + div {
18
- transform: translateY(-3px);
19
- }
20
-
21
- .c15t-devtool-alert > svg ~ * {
22
- padding-left: 1.75rem;
23
- }
24
-
25
- .c15t-devtool-alert-default {
26
- background-color: var(--c15t-dev-tools-background);
27
- color: var(--c15t-dev-tools-foreground);
28
- }
29
-
30
- .c15t-devtool-alert-destructive {
31
- border-color: color-mix(in srgb, var(--c15t-dev-tools-destructive) 50%, transparent);
32
- color: var(--c15t-dev-tools-destructive);
33
- }
34
-
35
- .c15t-devtool-alert-destructive > svg {
36
- color: var(--c15t-dev-tools-destructive);
37
- }
38
-
39
- @media (prefers-color-scheme: dark) {
40
- .c15t-devtool-alert-destructive {
41
- border-color: var(--c15t-dev-tools-destructive);
42
- }
43
- }
44
-
45
- .c15t-devtool-alert-title {
46
- letter-spacing: -.025em;
47
- margin-bottom: .25rem;
48
- font-weight: 500;
49
- line-height: 1;
50
- }
51
-
52
- .c15t-devtool-alert-description {
53
- font-size: .875rem;
54
- }
55
-
56
- .c15t-devtool-alert-description p {
57
- line-height: 1.625;
58
- }
59
-
@@ -1,10 +0,0 @@
1
- import { type VariantProps } from 'class-variance-authority';
2
- import { type HTMLAttributes } from 'react';
3
- import './alert.css';
4
- declare const Alert: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
5
- variant?: "default" | "destructive" | null | undefined;
6
- } & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").RefAttributes<HTMLDivElement>>;
7
- declare const AlertTitle: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLParagraphElement>>;
8
- declare const AlertDescription: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLParagraphElement>>;
9
- export { Alert, AlertTitle, AlertDescription };
10
- //# sourceMappingURL=alert.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../src/components/ui/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,aAAa,CAAC;AAcrB,QAAA,MAAM,KAAK;;gIAUT,CAAC;AAGH,QAAA,MAAM,UAAU,qIASd,CAAC;AAGH,QAAA,MAAM,gBAAgB,uIASpB,CAAC;AAGH,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,CAAC"}
@@ -1,37 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { cva } from "class-variance-authority";
3
- import { forwardRef } from "react";
4
- import "./alert.css";
5
- const alertVariants = cva('c15t-devtool-alert', {
6
- variants: {
7
- variant: {
8
- default: 'c15t-devtool-alert-default',
9
- destructive: 'c15t-devtool-alert-destructive'
10
- }
11
- },
12
- defaultVariants: {
13
- variant: 'default'
14
- }
15
- });
16
- const Alert = /*#__PURE__*/ forwardRef(({ className, variant, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
17
- ref: ref,
18
- role: "alert",
19
- className: `${alertVariants({
20
- variant
21
- })} ${className || ''}`,
22
- ...props
23
- }));
24
- Alert.displayName = 'Alert';
25
- const AlertTitle = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("h5", {
26
- ref: ref,
27
- className: `c15t-devtool-alert-title ${className || ''}`,
28
- ...props
29
- }));
30
- AlertTitle.displayName = 'AlertTitle';
31
- const AlertDescription = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
32
- ref: ref,
33
- className: `c15t-devtool-alert-description ${className || ''}`,
34
- ...props
35
- }));
36
- AlertDescription.displayName = "AlertDescription";
37
- export { Alert, AlertDescription, AlertTitle };
@@ -1,63 +0,0 @@
1
- "use strict";
2
- var __webpack_require__ = {};
3
- (()=>{
4
- __webpack_require__.d = (exports1, definition)=>{
5
- for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
6
- enumerable: true,
7
- get: definition[key]
8
- });
9
- };
10
- })();
11
- (()=>{
12
- __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
13
- })();
14
- (()=>{
15
- __webpack_require__.r = (exports1)=>{
16
- if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
17
- value: 'Module'
18
- });
19
- Object.defineProperty(exports1, '__esModule', {
20
- value: true
21
- });
22
- };
23
- })();
24
- var __webpack_exports__ = {};
25
- __webpack_require__.r(__webpack_exports__);
26
- __webpack_require__.d(__webpack_exports__, {
27
- Badge: ()=>Badge,
28
- badgeVariants: ()=>badgeVariants
29
- });
30
- const jsx_runtime_namespaceObject = require("react/jsx-runtime");
31
- const external_class_variance_authority_namespaceObject = require("class-variance-authority");
32
- const utils_cjs_namespaceObject = require("../../libs/utils.cjs");
33
- require("./badge.css");
34
- const badgeVariants = (0, external_class_variance_authority_namespaceObject.cva)('c15t-devtool-badge', {
35
- variants: {
36
- variant: {
37
- default: 'c15t-devtool-badge-default',
38
- secondary: 'c15t-devtool-badge-secondary',
39
- destructive: 'c15t-devtool-badge-destructive',
40
- outline: 'c15t-devtool-badge-outline'
41
- }
42
- },
43
- defaultVariants: {
44
- variant: 'default'
45
- }
46
- });
47
- function Badge({ className, variant, ...props }) {
48
- return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
49
- className: (0, utils_cjs_namespaceObject.cn)(badgeVariants({
50
- variant
51
- }), className),
52
- ...props
53
- });
54
- }
55
- exports.Badge = __webpack_exports__.Badge;
56
- exports.badgeVariants = __webpack_exports__.badgeVariants;
57
- for(var __webpack_i__ in __webpack_exports__)if (-1 === [
58
- "Badge",
59
- "badgeVariants"
60
- ].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
61
- Object.defineProperty(exports, '__esModule', {
62
- value: true
63
- });
@@ -1,52 +0,0 @@
1
- .c15t-devtool-badge {
2
- border: 1px solid #0000;
3
- border-radius: 9999px;
4
- align-items: center;
5
- padding: .125rem .625rem;
6
- font-size: .75rem;
7
- font-weight: 600;
8
- transition-property: color, background-color;
9
- transition-duration: .15s;
10
- transition-timing-function: cubic-bezier(.4, 0, .2, 1);
11
- display: inline-flex;
12
- }
13
-
14
- .c15t-devtool-badge:focus, .c15t-devtool-badge:focus-visible {
15
- outline: none;
16
- }
17
-
18
- .c15t-devtool-badge-default {
19
- background-color: var(--c15t-dev-tools-primary);
20
- color: var(--c15t-dev-tools-primary-foreground);
21
- border-color: #0000;
22
- }
23
-
24
- .c15t-devtool-badge-default:hover {
25
- background-color: color-mix(in srgb, var(--c15t-dev-tools-primary) 80%, transparent);
26
- }
27
-
28
- .c15t-devtool-badge-secondary {
29
- background-color: var(--c15t-dev-tools-secondary);
30
- color: var(--c15t-dev-tools-secondary-foreground);
31
- border-color: #0000;
32
- }
33
-
34
- .c15t-devtool-badge-secondary:hover {
35
- background-color: color-mix(in srgb, var(--c15t-dev-tools-secondary) 80%, transparent);
36
- }
37
-
38
- .c15t-devtool-badge-destructive {
39
- background-color: var(--c15t-dev-tools-destructive);
40
- color: var(--c15t-dev-tools-destructive-foreground);
41
- border-color: #0000;
42
- }
43
-
44
- .c15t-devtool-badge-destructive:hover {
45
- background-color: color-mix(in srgb, var(--c15t-dev-tools-destructive) 80%, transparent);
46
- }
47
-
48
- .c15t-devtool-badge-outline {
49
- border-color: var(--c15t-dev-tools-border);
50
- color: var(--c15t-dev-tools-foreground);
51
- }
52
-
@@ -1,11 +0,0 @@
1
- import { type VariantProps } from 'class-variance-authority';
2
- import type { HTMLAttributes } from 'react';
3
- import './badge.css';
4
- declare const badgeVariants: (props?: ({
5
- variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
6
- } & import("class-variance-authority/types").ClassProp) | undefined) => string;
7
- export interface BadgeProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
8
- }
9
- declare function Badge({ className, variant, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
10
- export { Badge, badgeVariants };
11
- //# sourceMappingURL=badge.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/ui/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,aAAa,CAAC;AAErB,QAAA,MAAM,aAAa;;8EAYjB,CAAC;AAEH,MAAM,WAAW,UAChB,SAAQ,cAAc,CAAC,cAAc,CAAC,EACrC,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEvC,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAI1D;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}
@@ -1,26 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { cva } from "class-variance-authority";
3
- import { cn } from "../../libs/utils.js";
4
- import "./badge.css";
5
- const badgeVariants = cva('c15t-devtool-badge', {
6
- variants: {
7
- variant: {
8
- default: 'c15t-devtool-badge-default',
9
- secondary: 'c15t-devtool-badge-secondary',
10
- destructive: 'c15t-devtool-badge-destructive',
11
- outline: 'c15t-devtool-badge-outline'
12
- }
13
- },
14
- defaultVariants: {
15
- variant: 'default'
16
- }
17
- });
18
- function Badge({ className, variant, ...props }) {
19
- return /*#__PURE__*/ jsx("div", {
20
- className: cn(badgeVariants({
21
- variant
22
- }), className),
23
- ...props
24
- });
25
- }
26
- export { Badge, badgeVariants };
@@ -1,77 +0,0 @@
1
- "use strict";
2
- var __webpack_require__ = {};
3
- (()=>{
4
- __webpack_require__.d = (exports1, definition)=>{
5
- for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
6
- enumerable: true,
7
- get: definition[key]
8
- });
9
- };
10
- })();
11
- (()=>{
12
- __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
13
- })();
14
- (()=>{
15
- __webpack_require__.r = (exports1)=>{
16
- if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
17
- value: 'Module'
18
- });
19
- Object.defineProperty(exports1, '__esModule', {
20
- value: true
21
- });
22
- };
23
- })();
24
- var __webpack_exports__ = {};
25
- __webpack_require__.r(__webpack_exports__);
26
- __webpack_require__.d(__webpack_exports__, {
27
- buttonVariants: ()=>buttonVariants,
28
- Button: ()=>Button
29
- });
30
- const jsx_runtime_namespaceObject = require("react/jsx-runtime");
31
- const react_slot_namespaceObject = require("@radix-ui/react-slot");
32
- const external_class_variance_authority_namespaceObject = require("class-variance-authority");
33
- const external_react_namespaceObject = require("react");
34
- require("./button.css");
35
- const buttonVariants = (0, external_class_variance_authority_namespaceObject.cva)('c15t-devtool-button', {
36
- variants: {
37
- variant: {
38
- default: 'c15t-devtool-button-default',
39
- destructive: 'c15t-devtool-button-destructive',
40
- outline: 'c15t-devtool-button-outline',
41
- secondary: 'c15t-devtool-button-secondary',
42
- ghost: 'c15t-devtool-button-ghost',
43
- link: 'c15t-devtool-button-link'
44
- },
45
- size: {
46
- default: 'c15t-devtool-button-size-default',
47
- sm: 'c15t-devtool-button-size-sm',
48
- lg: 'c15t-devtool-button-size-lg',
49
- icon: 'c15t-devtool-button-size-icon'
50
- }
51
- },
52
- defaultVariants: {
53
- variant: 'default',
54
- size: 'default'
55
- }
56
- });
57
- const Button = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ className, variant, size, asChild = false, ...props }, ref)=>{
58
- const Comp = asChild ? react_slot_namespaceObject.Slot : 'button';
59
- return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Comp, {
60
- className: `${buttonVariants({
61
- variant,
62
- size
63
- })} ${className || ''}`,
64
- ref: ref,
65
- ...props
66
- });
67
- });
68
- Button.displayName = 'Button';
69
- exports.Button = __webpack_exports__.Button;
70
- exports.buttonVariants = __webpack_exports__.buttonVariants;
71
- for(var __webpack_i__ in __webpack_exports__)if (-1 === [
72
- "Button",
73
- "buttonVariants"
74
- ].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
75
- Object.defineProperty(exports, '__esModule', {
76
- value: true
77
- });
@@ -1,87 +0,0 @@
1
- .c15t-devtool-button {
2
- border-radius: .375rem;
3
- justify-content: center;
4
- align-items: center;
5
- gap: .5rem;
6
- font-size: .875rem;
7
- font-weight: 500;
8
- transition-property: color, background-color, border-color;
9
- transition-duration: .15s;
10
- transition-timing-function: cubic-bezier(.4, 0, .2, 1);
11
- display: inline-flex;
12
- }
13
-
14
- .c15t-devtool-button:focus-visible {
15
- outline: none;
16
- }
17
-
18
- .c15t-devtool-button:disabled {
19
- pointer-events: none;
20
- opacity: .5;
21
- }
22
-
23
- .c15t-devtool-button-default {
24
- background-color: var(--c15t-dev-tools-primary);
25
- color: var(--c15t-dev-tools-primary-foreground);
26
- }
27
-
28
- .c15t-devtool-button-destructive {
29
- background-color: var(--c15t-dev-tools-destructive);
30
- color: var(--c15t-dev-tools-destructive-foreground);
31
- }
32
-
33
- .c15t-devtool-button-outline {
34
- border: 1px solid var(--c15t-dev-tools-input);
35
- background-color: var(--c15t-dev-tools-background);
36
- }
37
-
38
- .c15t-devtool-button-outline:hover {
39
- background-color: var(--c15t-dev-tools-accent);
40
- color: var(--c15t-dev-tools-accent-foreground);
41
- }
42
-
43
- .c15t-devtool-button-secondary {
44
- background-color: var(--c15t-dev-tools-secondary);
45
- color: var(--c15t-dev-tools-secondary-foreground);
46
- }
47
-
48
- .c15t-devtool-button-secondary:hover {
49
- background-color: color-mix(in srgb, var(--c15t-dev-tools-secondary) 80%, transparent);
50
- }
51
-
52
- .c15t-devtool-button-ghost:hover {
53
- background-color: var(--c15t-dev-tools-accent);
54
- color: var(--c15t-dev-tools-accent-foreground);
55
- }
56
-
57
- .c15t-devtool-button-link {
58
- color: var(--c15t-dev-tools-primary);
59
- text-underline-offset: 4px;
60
- }
61
-
62
- .c15t-devtool-button-link:hover {
63
- text-decoration: underline;
64
- }
65
-
66
- .c15t-devtool-button-size-default {
67
- height: 2.5rem;
68
- padding: .5rem 1rem;
69
- }
70
-
71
- .c15t-devtool-button-size-sm {
72
- border-radius: .375rem;
73
- height: 2.25rem;
74
- padding: 0 .75rem;
75
- }
76
-
77
- .c15t-devtool-button-size-lg {
78
- border-radius: .375rem;
79
- height: 2.75rem;
80
- padding: 0 2rem;
81
- }
82
-
83
- .c15t-devtool-button-size-icon {
84
- width: 2.5rem;
85
- height: 2.5rem;
86
- }
87
-
@@ -1,13 +0,0 @@
1
- import { type VariantProps } from 'class-variance-authority';
2
- import { type ButtonHTMLAttributes } from 'react';
3
- import './button.css';
4
- declare const buttonVariants: (props?: ({
5
- variant?: "default" | "destructive" | "link" | "outline" | "secondary" | "ghost" | null | undefined;
6
- size?: "default" | "sm" | "lg" | "icon" | null | undefined;
7
- } & import("class-variance-authority/types").ClassProp) | undefined) => string;
8
- export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
9
- asChild?: boolean;
10
- }
11
- declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
12
- export { Button, buttonVariants };
13
- //# sourceMappingURL=button.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,KAAK,oBAAoB,EAAc,MAAM,OAAO,CAAC;AAC9D,OAAO,cAAc,CAAC;AAEtB,QAAA,MAAM,cAAc;;;8EAqBlB,CAAC;AAEH,MAAM,WAAW,WAChB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC,EAC9C,YAAY,CAAC,OAAO,cAAc,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,QAAA,MAAM,MAAM,2GAWX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}
@@ -1,40 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { Slot } from "@radix-ui/react-slot";
3
- import { cva } from "class-variance-authority";
4
- import { forwardRef } from "react";
5
- import "./button.css";
6
- const buttonVariants = cva('c15t-devtool-button', {
7
- variants: {
8
- variant: {
9
- default: 'c15t-devtool-button-default',
10
- destructive: 'c15t-devtool-button-destructive',
11
- outline: 'c15t-devtool-button-outline',
12
- secondary: 'c15t-devtool-button-secondary',
13
- ghost: 'c15t-devtool-button-ghost',
14
- link: 'c15t-devtool-button-link'
15
- },
16
- size: {
17
- default: 'c15t-devtool-button-size-default',
18
- sm: 'c15t-devtool-button-size-sm',
19
- lg: 'c15t-devtool-button-size-lg',
20
- icon: 'c15t-devtool-button-size-icon'
21
- }
22
- },
23
- defaultVariants: {
24
- variant: 'default',
25
- size: 'default'
26
- }
27
- });
28
- const Button = /*#__PURE__*/ forwardRef(({ className, variant, size, asChild = false, ...props }, ref)=>{
29
- const Comp = asChild ? Slot : 'button';
30
- return /*#__PURE__*/ jsx(Comp, {
31
- className: `${buttonVariants({
32
- variant,
33
- size
34
- })} ${className || ''}`,
35
- ref: ref,
36
- ...props
37
- });
38
- });
39
- Button.displayName = 'Button';
40
- export { Button, buttonVariants };
@@ -1,89 +0,0 @@
1
- "use strict";
2
- var __webpack_require__ = {};
3
- (()=>{
4
- __webpack_require__.d = (exports1, definition)=>{
5
- for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
6
- enumerable: true,
7
- get: definition[key]
8
- });
9
- };
10
- })();
11
- (()=>{
12
- __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
13
- })();
14
- (()=>{
15
- __webpack_require__.r = (exports1)=>{
16
- if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
17
- value: 'Module'
18
- });
19
- Object.defineProperty(exports1, '__esModule', {
20
- value: true
21
- });
22
- };
23
- })();
24
- var __webpack_exports__ = {};
25
- __webpack_require__.r(__webpack_exports__);
26
- __webpack_require__.d(__webpack_exports__, {
27
- CardFooter: ()=>CardFooter,
28
- CardContent: ()=>CardContent,
29
- CardDescription: ()=>CardDescription,
30
- CardHeader: ()=>CardHeader,
31
- CardTitle: ()=>CardTitle,
32
- Card: ()=>Card
33
- });
34
- const jsx_runtime_namespaceObject = require("react/jsx-runtime");
35
- const external_react_namespaceObject = require("react");
36
- require("./card.css");
37
- const Card = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
38
- ref: ref,
39
- className: `c15t-devtool-card ${className || ''}`,
40
- ...props
41
- }));
42
- Card.displayName = 'Card';
43
- const CardHeader = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
44
- ref: ref,
45
- className: `c15t-devtool-card-header ${className || ''}`,
46
- ...props
47
- }));
48
- CardHeader.displayName = 'CardHeader';
49
- const CardTitle = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h3", {
50
- ref: ref,
51
- className: `c15t-devtool-card-title ${className || ''}`,
52
- ...props
53
- }));
54
- CardTitle.displayName = 'CardTitle';
55
- const CardDescription = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
56
- ref: ref,
57
- className: `c15t-devtool-card-description ${className || ''}`,
58
- ...props
59
- }));
60
- CardDescription.displayName = "CardDescription";
61
- const CardContent = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
62
- ref: ref,
63
- className: `c15t-devtool-card-content ${className || ''}`,
64
- ...props
65
- }));
66
- CardContent.displayName = 'CardContent';
67
- const CardFooter = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
68
- ref: ref,
69
- className: `c15t-devtool-card-footer ${className || ''}`,
70
- ...props
71
- }));
72
- CardFooter.displayName = 'CardFooter';
73
- exports.Card = __webpack_exports__.Card;
74
- exports.CardContent = __webpack_exports__.CardContent;
75
- exports.CardDescription = __webpack_exports__.CardDescription;
76
- exports.CardFooter = __webpack_exports__.CardFooter;
77
- exports.CardHeader = __webpack_exports__.CardHeader;
78
- exports.CardTitle = __webpack_exports__.CardTitle;
79
- for(var __webpack_i__ in __webpack_exports__)if (-1 === [
80
- "Card",
81
- "CardContent",
82
- "CardDescription",
83
- "CardFooter",
84
- "CardHeader",
85
- "CardTitle"
86
- ].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
87
- Object.defineProperty(exports, '__esModule', {
88
- value: true
89
- });
@@ -1,41 +0,0 @@
1
- .c15t-devtool-card {
2
- border: 1px solid var(--c15t-dev-tools-border);
3
- background-color: var(--c15t-dev-tools-card);
4
- color: var(--c15t-dev-tools-card-foreground);
5
- border-radius: .5rem;
6
- overflow: hidden;
7
- box-shadow: 0 1px 2px #0000000d;
8
- }
9
-
10
- .c15t-devtool-card-header {
11
- flex-direction: column;
12
- padding: 1.5rem;
13
- display: flex;
14
- }
15
-
16
- .c15t-devtool-card-header > * + * {
17
- margin-top: .375rem;
18
- }
19
-
20
- .c15t-devtool-card-title {
21
- letter-spacing: -.025em;
22
- font-size: 1.5rem;
23
- font-weight: 600;
24
- line-height: 1;
25
- }
26
-
27
- .c15t-devtool-card-description {
28
- color: var(--c15t-dev-tools-muted-foreground);
29
- font-size: .875rem;
30
- }
31
-
32
- .c15t-devtool-card-content {
33
- padding: 0 1.5rem 1.5rem;
34
- }
35
-
36
- .c15t-devtool-card-footer {
37
- align-items: center;
38
- padding: 0 1.5rem 1.5rem;
39
- display: flex;
40
- }
41
-
@@ -1,10 +0,0 @@
1
- import { type HTMLAttributes } from 'react';
2
- import './card.css';
3
- declare const Card: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
4
- declare const CardHeader: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
5
- declare const CardTitle: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLParagraphElement>>;
6
- declare const CardDescription: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLParagraphElement>>;
7
- declare const CardContent: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
8
- declare const CardFooter: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
9
- export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent, };
10
- //# sourceMappingURL=card.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,YAAY,CAAC;AAEpB,QAAA,MAAM,IAAI,2HAQT,CAAC;AAGF,QAAA,MAAM,UAAU,2HAQf,CAAC;AAGF,QAAA,MAAM,SAAS,qIASb,CAAC;AAGH,QAAA,MAAM,eAAe,uIASnB,CAAC;AAGH,QAAA,MAAM,WAAW,2HAQhB,CAAC;AAGF,QAAA,MAAM,UAAU,2HAQf,CAAC;AAGF,OAAO,EACN,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,eAAe,EACf,WAAW,GACX,CAAC"}