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

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 +87 -116
  2. package/dist/components/error-state.css +25 -28
  3. package/dist/components/error-state.d.ts +4 -6
  4. package/dist/components/error-state.js +61 -108
  5. package/dist/components/header.cjs +54 -73
  6. package/dist/components/header.css +18 -17
  7. package/dist/components/header.d.ts +3 -5
  8. package/dist/components/header.js +28 -45
  9. package/dist/components/ui/accordion.cjs +64 -100
  10. package/dist/components/ui/accordion.css +39 -39
  11. package/dist/components/ui/accordion.d.ts +5 -32
  12. package/dist/components/ui/accordion.js +36 -70
  13. package/dist/components/ui/alert.cjs +61 -79
  14. package/dist/components/ui/alert.css +27 -30
  15. package/dist/components/ui/alert.d.ts +6 -22
  16. package/dist/components/ui/alert.js +34 -54
  17. package/dist/components/ui/badge.cjs +49 -61
  18. package/dist/components/ui/badge.css +27 -39
  19. package/dist/components/ui/badge.d.ts +7 -22
  20. package/dist/components/ui/badge.js +23 -31
  21. package/dist/components/ui/button.cjs +64 -75
  22. package/dist/components/ui/button.css +40 -43
  23. package/dist/components/ui/button.d.ts +8 -24
  24. package/dist/components/ui/button.js +38 -47
  25. package/dist/components/ui/card.cjs +65 -91
  26. package/dist/components/ui/card.css +21 -20
  27. package/dist/components/ui/card.d.ts +8 -29
  28. package/dist/components/ui/card.js +35 -76
  29. package/dist/components/ui/error-state.css +20 -19
  30. package/dist/components/ui/expandable-tabs.cjs +117 -157
  31. package/dist/components/ui/expandable-tabs.css +34 -33
  32. package/dist/components/ui/expandable-tabs.d.ts +13 -20
  33. package/dist/components/ui/expandable-tabs.js +91 -131
  34. package/dist/components/ui/logo.cjs +92 -105
  35. package/dist/components/ui/logo.d.ts +4 -10
  36. package/dist/components/ui/logo.js +66 -81
  37. package/dist/components/ui/scroll-area.cjs +54 -84
  38. package/dist/components/ui/scroll-area.css +25 -24
  39. package/dist/components/ui/scroll-area.d.ts +3 -17
  40. package/dist/components/ui/scroll-area.js +28 -62
  41. package/dist/components/ui/switch.cjs +38 -55
  42. package/dist/components/ui/switch.css +26 -25
  43. package/dist/components/ui/switch.d.ts +2 -9
  44. package/dist/components/ui/switch.js +13 -25
  45. package/dist/components/ui/tooltip.cjs +41 -59
  46. package/dist/components/ui/tooltip.css +64 -63
  47. package/dist/components/ui/tooltip.d.ts +5 -17
  48. package/dist/components/ui/tooltip.js +16 -32
  49. package/dist/components/wrapper.cjs +144 -203
  50. package/dist/components/wrapper.css +49 -48
  51. package/dist/components/wrapper.d.ts +7 -12
  52. package/dist/components/wrapper.js +117 -184
  53. package/dist/dev-tool.cjs +110 -151
  54. package/dist/dev-tool.d.ts +5 -5
  55. package/dist/dev-tool.js +69 -106
  56. package/dist/index.cjs +27 -35
  57. package/dist/index.d.ts +1 -1
  58. package/dist/index.js +2 -3
  59. package/dist/libs/utils.cjs +42 -57
  60. package/dist/libs/utils.d.ts +1 -1
  61. package/dist/libs/utils.js +3 -5
  62. package/dist/router/router.cjs +144 -192
  63. package/dist/router/router.d.ts +3 -5
  64. package/dist/router/router.js +118 -174
  65. package/dist/styles/theme.css +37 -36
  66. package/package.json +2 -2
@@ -1,91 +1,73 @@
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 = function(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 = function(obj, prop) {
13
+ return Object.prototype.hasOwnProperty.call(obj, prop);
14
+ };
20
15
  })();
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
- };
16
+ (()=>{
17
+ __webpack_require__.r = function(exports1) {
18
+ if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
19
+ value: 'Module'
20
+ });
21
+ Object.defineProperty(exports1, '__esModule', {
22
+ value: true
23
+ });
24
+ };
31
25
  })();
32
26
  var __webpack_exports__ = {};
33
27
  __webpack_require__.r(__webpack_exports__);
34
28
  __webpack_require__.d(__webpack_exports__, {
35
- AlertDescription: () => AlertDescription,
36
- AlertTitle: () => AlertTitle,
37
- Alert: () => Alert,
29
+ AlertDescription: ()=>AlertDescription,
30
+ AlertTitle: ()=>AlertTitle,
31
+ Alert: ()=>Alert
38
32
  });
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
- },
33
+ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
34
+ const external_class_variance_authority_namespaceObject = require("class-variance-authority");
35
+ const external_react_namespaceObject = require("react");
36
+ require("./alert.css");
37
+ const alertVariants = (0, external_class_variance_authority_namespaceObject.cva)('c15t-devtool-alert', {
38
+ variants: {
39
+ variant: {
40
+ default: 'c15t-devtool-alert-default',
41
+ destructive: 'c15t-devtool-alert-destructive'
42
+ }
43
+ },
44
+ defaultVariants: {
45
+ variant: 'default'
46
+ }
54
47
  });
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
- );
48
+ const Alert = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ className, variant, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
49
+ ref: ref,
50
+ role: "alert",
51
+ className: `${alertVariants({
52
+ variant
53
+ })} ${className || ''}`,
54
+ ...props
55
+ }));
66
56
  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
- );
57
+ const AlertTitle = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h5", {
58
+ ref: ref,
59
+ className: `c15t-devtool-alert-title ${className || ''}`,
60
+ ...props
61
+ }));
75
62
  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';
63
+ const AlertDescription = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)(({ className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
64
+ ref: ref,
65
+ className: `c15t-devtool-alert-description ${className || ''}`,
66
+ ...props
67
+ }));
68
+ AlertDescription.displayName = "AlertDescription";
85
69
  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
- });
70
+ for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
71
+ if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
72
+ value: true
73
+ });
@@ -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,61 @@
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 = function(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 = function(obj, prop) {
13
+ return Object.prototype.hasOwnProperty.call(obj, prop);
14
+ };
20
15
  })();
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
- };
16
+ (()=>{
17
+ __webpack_require__.r = function(exports1) {
18
+ if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
19
+ value: 'Module'
20
+ });
21
+ Object.defineProperty(exports1, '__esModule', {
22
+ value: true
23
+ });
24
+ };
31
25
  })();
32
26
  var __webpack_exports__ = {};
33
27
  __webpack_require__.r(__webpack_exports__);
34
28
  __webpack_require__.d(__webpack_exports__, {
35
- badgeVariants: () => badgeVariants,
36
- Badge: () => Badge,
29
+ badgeVariants: ()=>badgeVariants,
30
+ Badge: ()=>Badge
37
31
  });
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
- },
32
+ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
33
+ const external_class_variance_authority_namespaceObject = require("class-variance-authority");
34
+ const utils_cjs_namespaceObject = require("../../libs/utils.cjs");
35
+ require("./badge.css");
36
+ const badgeVariants = (0, external_class_variance_authority_namespaceObject.cva)('c15t-devtool-badge', {
37
+ variants: {
38
+ variant: {
39
+ default: 'c15t-devtool-badge-default',
40
+ secondary: 'c15t-devtool-badge-secondary',
41
+ destructive: 'c15t-devtool-badge-destructive',
42
+ outline: 'c15t-devtool-badge-outline'
43
+ }
44
+ },
45
+ defaultVariants: {
46
+ variant: 'default'
47
+ }
55
48
  });
56
49
  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
- });
50
+ return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
51
+ className: (0, utils_cjs_namespaceObject.cn)(badgeVariants({
52
+ variant
53
+ }), className),
54
+ ...props
55
+ });
66
56
  }
67
57
  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
- });
58
+ for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
59
+ if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
60
+ value: true
61
+ });
@@ -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