@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,91 +1,77 @@
1
- 'use strict';
1
+ "use strict";
2
2
  var __webpack_require__ = {};
3
- (() => {
4
- __webpack_require__.d = function (exports1, definition) {
5
- for (var key in definition)
6
- if (
7
- __webpack_require__.o(definition, key) &&
8
- !__webpack_require__.o(exports1, key)
9
- )
10
- Object.defineProperty(exports1, key, {
11
- enumerable: true,
12
- get: definition[key],
13
- });
14
- };
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
+ };
15
10
  })();
16
- (() => {
17
- __webpack_require__.o = function (obj, prop) {
18
- return Object.prototype.hasOwnProperty.call(obj, prop);
19
- };
11
+ (()=>{
12
+ __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
20
13
  })();
21
- (() => {
22
- __webpack_require__.r = function (exports1) {
23
- if ('undefined' != typeof Symbol && Symbol.toStringTag)
24
- Object.defineProperty(exports1, Symbol.toStringTag, {
25
- value: 'Module',
26
- });
27
- Object.defineProperty(exports1, '__esModule', {
28
- value: true,
29
- });
30
- };
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
+ };
31
23
  })();
32
24
  var __webpack_exports__ = {};
33
25
  __webpack_require__.r(__webpack_exports__);
34
26
  __webpack_require__.d(__webpack_exports__, {
35
- AlertDescription: () => AlertDescription,
36
- AlertTitle: () => AlertTitle,
37
- Alert: () => Alert,
27
+ AlertTitle: ()=>AlertTitle,
28
+ AlertDescription: ()=>AlertDescription,
29
+ Alert: ()=>Alert
38
30
  });
39
- const jsx_runtime_namespaceObject = require('react/jsx-runtime');
40
- const external_class_variance_authority_namespaceObject = require('class-variance-authority');
41
- const external_react_namespaceObject = require('react');
42
- require('./alert.css');
43
- const alertVariants = (0,
44
- external_class_variance_authority_namespaceObject.cva)('c15t-devtool-alert', {
45
- variants: {
46
- variant: {
47
- default: 'c15t-devtool-alert-default',
48
- destructive: 'c15t-devtool-alert-destructive',
49
- },
50
- },
51
- defaultVariants: {
52
- variant: 'default',
53
- },
31
+ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
32
+ const external_class_variance_authority_namespaceObject = require("class-variance-authority");
33
+ const external_react_namespaceObject = require("react");
34
+ require("./alert.css");
35
+ const alertVariants = (0, external_class_variance_authority_namespaceObject.cva)('c15t-devtool-alert', {
36
+ variants: {
37
+ variant: {
38
+ default: 'c15t-devtool-alert-default',
39
+ destructive: 'c15t-devtool-alert-destructive'
40
+ }
41
+ },
42
+ defaultVariants: {
43
+ variant: 'default'
44
+ }
54
45
  });
55
- const Alert = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(
56
- ({ className, variant, ...props }, ref) =>
57
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)('div', {
58
- ref: ref,
59
- role: 'alert',
60
- className: `${alertVariants({
61
- variant,
62
- })} ${className || ''}`,
63
- ...props,
64
- })
65
- );
46
+ const Alert = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ className, variant, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
47
+ ref: ref,
48
+ role: "alert",
49
+ className: `${alertVariants({
50
+ variant
51
+ })} ${className || ''}`,
52
+ ...props
53
+ }));
66
54
  Alert.displayName = 'Alert';
67
- const AlertTitle = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(
68
- ({ className, ...props }, ref) =>
69
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)('h5', {
70
- ref: ref,
71
- className: `c15t-devtool-alert-title ${className || ''}`,
72
- ...props,
73
- })
74
- );
55
+ const AlertTitle = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h5", {
56
+ ref: ref,
57
+ className: `c15t-devtool-alert-title ${className || ''}`,
58
+ ...props
59
+ }));
75
60
  AlertTitle.displayName = 'AlertTitle';
76
- const AlertDescription = /*#__PURE__*/ (0,
77
- external_react_namespaceObject.forwardRef)(({ className, ...props }, ref) =>
78
- /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)('div', {
79
- ref: ref,
80
- className: `c15t-devtool-alert-description ${className || ''}`,
81
- ...props,
82
- })
83
- );
84
- AlertDescription.displayName = 'AlertDescription';
85
- var __webpack_export_target__ = exports;
86
- for (var __webpack_i__ in __webpack_exports__)
87
- __webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
88
- if (__webpack_exports__.__esModule)
89
- Object.defineProperty(__webpack_export_target__, '__esModule', {
90
- value: true,
91
- });
61
+ const AlertDescription = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
62
+ ref: ref,
63
+ className: `c15t-devtool-alert-description ${className || ''}`,
64
+ ...props
65
+ }));
66
+ AlertDescription.displayName = "AlertDescription";
67
+ exports.Alert = __webpack_exports__.Alert;
68
+ exports.AlertDescription = __webpack_exports__.AlertDescription;
69
+ exports.AlertTitle = __webpack_exports__.AlertTitle;
70
+ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
71
+ "Alert",
72
+ "AlertDescription",
73
+ "AlertTitle"
74
+ ].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
75
+ Object.defineProperty(exports, '__esModule', {
76
+ value: true
77
+ });
@@ -1,62 +1,59 @@
1
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;
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
8
  }
9
9
 
10
10
  .c15t-devtool-alert > svg {
11
- color: var(--c15t-dev-tools-foreground);
12
- position: absolute;
13
- top: 1rem;
14
- left: 1rem;
11
+ color: var(--c15t-dev-tools-foreground);
12
+ position: absolute;
13
+ top: 1rem;
14
+ left: 1rem;
15
15
  }
16
16
 
17
17
  .c15t-devtool-alert > svg + div {
18
- transform: translateY(-3px);
18
+ transform: translateY(-3px);
19
19
  }
20
20
 
21
21
  .c15t-devtool-alert > svg ~ * {
22
- padding-left: 1.75rem;
22
+ padding-left: 1.75rem;
23
23
  }
24
24
 
25
25
  .c15t-devtool-alert-default {
26
- background-color: var(--c15t-dev-tools-background);
27
- color: var(--c15t-dev-tools-foreground);
26
+ background-color: var(--c15t-dev-tools-background);
27
+ color: var(--c15t-dev-tools-foreground);
28
28
  }
29
29
 
30
30
  .c15t-devtool-alert-destructive {
31
- border-color: color-mix(
32
- in srgb,
33
- var(--c15t-dev-tools-destructive) 50%,
34
- transparent
35
- );
36
- color: var(--c15t-dev-tools-destructive);
31
+ border-color: color-mix(in srgb, var(--c15t-dev-tools-destructive) 50%, transparent);
32
+ color: var(--c15t-dev-tools-destructive);
37
33
  }
38
34
 
39
35
  .c15t-devtool-alert-destructive > svg {
40
- color: var(--c15t-dev-tools-destructive);
36
+ color: var(--c15t-dev-tools-destructive);
41
37
  }
42
38
 
43
39
  @media (prefers-color-scheme: dark) {
44
- .c15t-devtool-alert-destructive {
45
- border-color: var(--c15t-dev-tools-destructive);
46
- }
40
+ .c15t-devtool-alert-destructive {
41
+ border-color: var(--c15t-dev-tools-destructive);
42
+ }
47
43
  }
48
44
 
49
45
  .c15t-devtool-alert-title {
50
- letter-spacing: -.025em;
51
- margin-bottom: .25rem;
52
- font-weight: 500;
53
- line-height: 1;
46
+ letter-spacing: -.025em;
47
+ margin-bottom: .25rem;
48
+ font-weight: 500;
49
+ line-height: 1;
54
50
  }
55
51
 
56
52
  .c15t-devtool-alert-description {
57
- font-size: .875rem;
53
+ font-size: .875rem;
58
54
  }
59
55
 
60
56
  .c15t-devtool-alert-description p {
61
- line-height: 1.625;
57
+ line-height: 1.625;
62
58
  }
59
+
@@ -1,26 +1,10 @@
1
1
  import { type VariantProps } from 'class-variance-authority';
2
2
  import { type HTMLAttributes } from 'react';
3
3
  import './alert.css';
4
- declare const Alert: import('react').ForwardRefExoticComponent<
5
- HTMLAttributes<HTMLDivElement> &
6
- VariantProps<
7
- (
8
- props?:
9
- | ({
10
- variant?: 'default' | 'destructive' | null | undefined;
11
- } & import('class-variance-authority/types').ClassProp)
12
- | undefined
13
- ) => string
14
- > &
15
- import('react').RefAttributes<HTMLDivElement>
16
- >;
17
- declare const AlertTitle: import('react').ForwardRefExoticComponent<
18
- HTMLAttributes<HTMLHeadingElement> &
19
- import('react').RefAttributes<HTMLParagraphElement>
20
- >;
21
- declare const AlertDescription: import('react').ForwardRefExoticComponent<
22
- HTMLAttributes<HTMLParagraphElement> &
23
- import('react').RefAttributes<HTMLParagraphElement>
24
- >;
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>>;
25
9
  export { Alert, AlertTitle, AlertDescription };
26
- //# sourceMappingURL=alert.d.ts.map
10
+ //# sourceMappingURL=alert.d.ts.map
@@ -1,57 +1,37 @@
1
- import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from 'react/jsx-runtime';
2
- import * as __WEBPACK_EXTERNAL_MODULE_class_variance_authority_159ad65c__ from 'class-variance-authority';
3
- import * as __WEBPACK_EXTERNAL_MODULE_react__ from 'react';
4
- import './alert.css';
5
- const alertVariants = (0,
6
- __WEBPACK_EXTERNAL_MODULE_class_variance_authority_159ad65c__.cva)(
7
- 'c15t-devtool-alert',
8
- {
9
- variants: {
10
- variant: {
11
- default: 'c15t-devtool-alert-default',
12
- destructive: 'c15t-devtool-alert-destructive',
13
- },
14
- },
15
- defaultVariants: {
16
- variant: 'default',
17
- },
18
- }
19
- );
20
- const Alert = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(
21
- ({ className, variant, ...props }, ref) =>
22
- /*#__PURE__*/ (0,
23
- __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)('div', {
24
- ref: ref,
25
- role: 'alert',
26
- className: `${alertVariants({
27
- variant,
28
- })} ${className || ''}`,
29
- ...props,
30
- })
31
- );
1
+ import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
2
+ import * as __WEBPACK_EXTERNAL_MODULE_class_variance_authority_159ad65c__ from "class-variance-authority";
3
+ import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
4
+ import "./alert.css";
5
+ const alertVariants = (0, __WEBPACK_EXTERNAL_MODULE_class_variance_authority_159ad65c__.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__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ className, variant, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
17
+ ref: ref,
18
+ role: "alert",
19
+ className: `${alertVariants({
20
+ variant
21
+ })} ${className || ''}`,
22
+ ...props
23
+ }));
32
24
  Alert.displayName = 'Alert';
33
- const AlertTitle = /*#__PURE__*/ (0,
34
- __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ className, ...props }, ref) =>
35
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
36
- 'h5',
37
- {
38
- ref: ref,
39
- className: `c15t-devtool-alert-title ${className || ''}`,
40
- ...props,
41
- }
42
- )
43
- );
25
+ const AlertTitle = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ className, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("h5", {
26
+ ref: ref,
27
+ className: `c15t-devtool-alert-title ${className || ''}`,
28
+ ...props
29
+ }));
44
30
  AlertTitle.displayName = 'AlertTitle';
45
- const AlertDescription = /*#__PURE__*/ (0,
46
- __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ className, ...props }, ref) =>
47
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(
48
- 'div',
49
- {
50
- ref: ref,
51
- className: `c15t-devtool-alert-description ${className || ''}`,
52
- ...props,
53
- }
54
- )
55
- );
56
- AlertDescription.displayName = 'AlertDescription';
31
+ const AlertDescription = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ className, ...props }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
32
+ ref: ref,
33
+ className: `c15t-devtool-alert-description ${className || ''}`,
34
+ ...props
35
+ }));
36
+ AlertDescription.displayName = "AlertDescription";
57
37
  export { Alert, AlertDescription, AlertTitle };
@@ -1,73 +1,63 @@
1
- 'use strict';
1
+ "use strict";
2
2
  var __webpack_require__ = {};
3
- (() => {
4
- __webpack_require__.d = function (exports1, definition) {
5
- for (var key in definition)
6
- if (
7
- __webpack_require__.o(definition, key) &&
8
- !__webpack_require__.o(exports1, key)
9
- )
10
- Object.defineProperty(exports1, key, {
11
- enumerable: true,
12
- get: definition[key],
13
- });
14
- };
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
+ };
15
10
  })();
16
- (() => {
17
- __webpack_require__.o = function (obj, prop) {
18
- return Object.prototype.hasOwnProperty.call(obj, prop);
19
- };
11
+ (()=>{
12
+ __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
20
13
  })();
21
- (() => {
22
- __webpack_require__.r = function (exports1) {
23
- if ('undefined' != typeof Symbol && Symbol.toStringTag)
24
- Object.defineProperty(exports1, Symbol.toStringTag, {
25
- value: 'Module',
26
- });
27
- Object.defineProperty(exports1, '__esModule', {
28
- value: true,
29
- });
30
- };
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
+ };
31
23
  })();
32
24
  var __webpack_exports__ = {};
33
25
  __webpack_require__.r(__webpack_exports__);
34
26
  __webpack_require__.d(__webpack_exports__, {
35
- badgeVariants: () => badgeVariants,
36
- Badge: () => Badge,
27
+ badgeVariants: ()=>badgeVariants,
28
+ Badge: ()=>Badge
37
29
  });
38
- const jsx_runtime_namespaceObject = require('react/jsx-runtime');
39
- const external_class_variance_authority_namespaceObject = require('class-variance-authority');
40
- const utils_cjs_namespaceObject = require('../../libs/utils.cjs');
41
- require('./badge.css');
42
- const badgeVariants = (0,
43
- external_class_variance_authority_namespaceObject.cva)('c15t-devtool-badge', {
44
- variants: {
45
- variant: {
46
- default: 'c15t-devtool-badge-default',
47
- secondary: 'c15t-devtool-badge-secondary',
48
- destructive: 'c15t-devtool-badge-destructive',
49
- outline: 'c15t-devtool-badge-outline',
50
- },
51
- },
52
- defaultVariants: {
53
- variant: 'default',
54
- },
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
+ }
55
46
  });
56
47
  function Badge({ className, variant, ...props }) {
57
- return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)('div', {
58
- className: (0, utils_cjs_namespaceObject.cn)(
59
- badgeVariants({
60
- variant,
61
- }),
62
- className
63
- ),
64
- ...props,
65
- });
48
+ return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
49
+ className: (0, utils_cjs_namespaceObject.cn)(badgeVariants({
50
+ variant
51
+ }), className),
52
+ ...props
53
+ });
66
54
  }
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
- });
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,64 +1,52 @@
1
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(0.4, 0, 0.2, 1);
11
- display: inline-flex;
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
12
  }
13
13
 
14
- .c15t-devtool-badge:focus,
15
- .c15t-devtool-badge:focus-visible {
16
- outline: none;
14
+ .c15t-devtool-badge:focus, .c15t-devtool-badge:focus-visible {
15
+ outline: none;
17
16
  }
18
17
 
19
18
  .c15t-devtool-badge-default {
20
- background-color: var(--c15t-dev-tools-primary);
21
- color: var(--c15t-dev-tools-primary-foreground);
22
- border-color: #0000;
19
+ background-color: var(--c15t-dev-tools-primary);
20
+ color: var(--c15t-dev-tools-primary-foreground);
21
+ border-color: #0000;
23
22
  }
24
23
 
25
24
  .c15t-devtool-badge-default:hover {
26
- background-color: color-mix(
27
- in srgb,
28
- var(--c15t-dev-tools-primary) 80%,
29
- transparent
30
- );
25
+ background-color: color-mix(in srgb, var(--c15t-dev-tools-primary) 80%, transparent);
31
26
  }
32
27
 
33
28
  .c15t-devtool-badge-secondary {
34
- background-color: var(--c15t-dev-tools-secondary);
35
- color: var(--c15t-dev-tools-secondary-foreground);
36
- border-color: #0000;
29
+ background-color: var(--c15t-dev-tools-secondary);
30
+ color: var(--c15t-dev-tools-secondary-foreground);
31
+ border-color: #0000;
37
32
  }
38
33
 
39
34
  .c15t-devtool-badge-secondary:hover {
40
- background-color: color-mix(
41
- in srgb,
42
- var(--c15t-dev-tools-secondary) 80%,
43
- transparent
44
- );
35
+ background-color: color-mix(in srgb, var(--c15t-dev-tools-secondary) 80%, transparent);
45
36
  }
46
37
 
47
38
  .c15t-devtool-badge-destructive {
48
- background-color: var(--c15t-dev-tools-destructive);
49
- color: var(--c15t-dev-tools-destructive-foreground);
50
- border-color: #0000;
39
+ background-color: var(--c15t-dev-tools-destructive);
40
+ color: var(--c15t-dev-tools-destructive-foreground);
41
+ border-color: #0000;
51
42
  }
52
43
 
53
44
  .c15t-devtool-badge-destructive:hover {
54
- background-color: color-mix(
55
- in srgb,
56
- var(--c15t-dev-tools-destructive) 80%,
57
- transparent
58
- );
45
+ background-color: color-mix(in srgb, var(--c15t-dev-tools-destructive) 80%, transparent);
59
46
  }
60
47
 
61
48
  .c15t-devtool-badge-outline {
62
- border-color: var(--c15t-dev-tools-border);
63
- color: var(--c15t-dev-tools-foreground);
49
+ border-color: var(--c15t-dev-tools-border);
50
+ color: var(--c15t-dev-tools-foreground);
64
51
  }
52
+
@@ -1,26 +1,11 @@
1
1
  import { type VariantProps } from 'class-variance-authority';
2
2
  import type { HTMLAttributes } from 'react';
3
3
  import './badge.css';
4
- declare const badgeVariants: (
5
- props?:
6
- | ({
7
- variant?:
8
- | 'default'
9
- | 'destructive'
10
- | 'outline'
11
- | 'secondary'
12
- | null
13
- | undefined;
14
- } & import('class-variance-authority/types').ClassProp)
15
- | undefined
16
- ) => string;
17
- export interface BadgeProps
18
- extends HTMLAttributes<HTMLDivElement>,
19
- VariantProps<typeof badgeVariants> {}
20
- declare function Badge({
21
- className,
22
- variant,
23
- ...props
24
- }: BadgeProps): import('react/jsx-runtime').JSX.Element;
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;
25
10
  export { Badge, badgeVariants };
26
- //# sourceMappingURL=badge.d.ts.map
11
+ //# sourceMappingURL=badge.d.ts.map
@@ -1 +1 @@
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
+ {"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/ui/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAO,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"}