@tydavidson/design-system 1.0.1 → 1.0.3
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.
- package/dist/components/email/button.js +21 -30
- package/dist/components/email/button.js.map +1 -1
- package/dist/components/email/index.js +15 -3
- package/dist/components/email/index.js.map +1 -1
- package/dist/components/email/layout.js +75 -81
- package/dist/components/email/layout.js.map +1 -1
- package/dist/components/email/typography.js +14 -19
- package/dist/components/email/typography.js.map +1 -1
- package/dist/components/typography/heading/heading.js +48 -35
- package/dist/components/typography/heading/heading.js.map +1 -1
- package/dist/components/typography/heading/heading.stories.js +18 -15
- package/dist/components/typography/heading/heading.stories.js.map +1 -1
- package/dist/components/typography/heading/index.js +17 -1
- package/dist/components/typography/heading/index.js.map +1 -1
- package/dist/components/typography/index.js +20 -4
- package/dist/components/typography/index.js.map +1 -1
- package/dist/components/typography/showcase.js +10 -6
- package/dist/components/typography/showcase.js.map +1 -1
- package/dist/components/typography/text/index.js +17 -1
- package/dist/components/typography/text/index.js.map +1 -1
- package/dist/components/typography/text/text.js +44 -31
- package/dist/components/typography/text/text.js.map +1 -1
- package/dist/components/typography/text/text.stories.js +20 -17
- package/dist/components/typography/text/text.stories.js.map +1 -1
- package/dist/components/ui/accordion.js +48 -40
- package/dist/components/ui/accordion.js.map +1 -1
- package/dist/components/ui/alert.js +46 -39
- package/dist/components/ui/alert.js.map +1 -1
- package/dist/components/ui/aspect-ratio.js +39 -3
- package/dist/components/ui/aspect-ratio.js.map +1 -1
- package/dist/components/ui/avatar.js +45 -38
- package/dist/components/ui/avatar.js.map +1 -1
- package/dist/components/ui/badge.js +48 -34
- package/dist/components/ui/badge.js.map +1 -1
- package/dist/components/ui/breadcrumb.js +54 -51
- package/dist/components/ui/breadcrumb.js.map +1 -1
- package/dist/components/ui/button.js +52 -38
- package/dist/components/ui/button.js.map +1 -1
- package/dist/components/ui/calendar.js +38 -37
- package/dist/components/ui/calendar.js.map +1 -1
- package/dist/components/ui/card/card.js +54 -56
- package/dist/components/ui/card/card.js.map +1 -1
- package/dist/components/ui/card/index.js +17 -1
- package/dist/components/ui/card/index.js.map +1 -1
- package/dist/components/ui/card.js +52 -49
- package/dist/components/ui/card.js.map +1 -1
- package/dist/components/ui/checkbox.js +42 -31
- package/dist/components/ui/checkbox.js.map +1 -1
- package/dist/components/ui/collapsible.js +43 -5
- package/dist/components/ui/collapsible.js.map +1 -1
- package/dist/components/ui/command.js +68 -66
- package/dist/components/ui/command.js.map +1 -1
- package/dist/components/ui/context-menu.js +74 -69
- package/dist/components/ui/context-menu.js.map +1 -1
- package/dist/components/ui/dialog.js +60 -55
- package/dist/components/ui/dialog.js.map +1 -1
- package/dist/components/ui/dropdown-menu/dropdown-menu.js +59 -69
- package/dist/components/ui/dropdown-menu/dropdown-menu.js.map +1 -1
- package/dist/components/ui/dropdown-menu/index.js +17 -1
- package/dist/components/ui/dropdown-menu/index.js.map +1 -1
- package/dist/components/ui/header.js +13 -8
- package/dist/components/ui/header.js.map +1 -1
- package/dist/components/ui/hover-card.js +45 -32
- package/dist/components/ui/hover-card.js.map +1 -1
- package/dist/components/ui/index.js +30 -14
- package/dist/components/ui/index.js.map +1 -1
- package/dist/components/ui/input.js +41 -28
- package/dist/components/ui/input.js.map +1 -1
- package/dist/components/ui/label.js +43 -32
- package/dist/components/ui/label.js.map +1 -1
- package/dist/components/ui/nav.js +17 -34
- package/dist/components/ui/nav.js.map +1 -1
- package/dist/components/ui/org-switcher.js +46 -11
- package/dist/components/ui/org-switcher.js.map +1 -1
- package/dist/components/ui/popover.js +47 -33
- package/dist/components/ui/popover.js.map +1 -1
- package/dist/components/ui/progress.js +41 -30
- package/dist/components/ui/progress.js.map +1 -1
- package/dist/components/ui/radio-group.js +46 -33
- package/dist/components/ui/radio-group.js.map +1 -1
- package/dist/components/ui/select.js +62 -60
- package/dist/components/ui/select.js.map +1 -1
- package/dist/components/ui/separator.js +41 -30
- package/dist/components/ui/separator.js.map +1 -1
- package/dist/components/ui/sheet.js +62 -55
- package/dist/components/ui/sheet.js.map +1 -1
- package/dist/components/ui/sidebar.js +167 -161
- package/dist/components/ui/sidebar.js.map +1 -1
- package/dist/components/ui/skeleton.js +7 -28
- package/dist/components/ui/skeleton.js.map +1 -1
- package/dist/components/ui/slider.js +41 -30
- package/dist/components/ui/slider.js.map +1 -1
- package/dist/components/ui/switch.js +41 -30
- package/dist/components/ui/switch.js.map +1 -1
- package/dist/components/ui/tabs.js +47 -39
- package/dist/components/ui/tabs.js.map +1 -1
- package/dist/components/ui/textarea.js +41 -28
- package/dist/components/ui/textarea.js.map +1 -1
- package/dist/components/ui/theme-toggle/index.js +17 -1
- package/dist/components/ui/theme-toggle/index.js.map +1 -1
- package/dist/components/ui/theme-toggle/theme-toggle.js +17 -37
- package/dist/components/ui/theme-toggle/theme-toggle.js.map +1 -1
- package/dist/components/ui/toast.js +9 -30
- package/dist/components/ui/toast.js.map +1 -1
- package/dist/components/ui/toggle-group.js +43 -34
- package/dist/components/ui/toggle-group.js.map +1 -1
- package/dist/components/ui/toggle.js +41 -30
- package/dist/components/ui/toggle.js.map +1 -1
- package/dist/components/ui/tooltip.js +47 -33
- package/dist/components/ui/tooltip.js.map +1 -1
- package/dist/components/ui/use-toast.js +5 -2
- package/dist/components/ui/use-toast.js.map +1 -1
- package/dist/email/button.js +21 -30
- package/dist/email/button.js.map +1 -1
- package/dist/email/index.js +15 -3
- package/dist/email/index.js.map +1 -1
- package/dist/email/layout.js +75 -81
- package/dist/email/layout.js.map +1 -1
- package/dist/email/typography.js +14 -19
- package/dist/email/typography.js.map +1 -1
- package/dist/hooks/use-media-query.js +10 -7
- package/dist/hooks/use-media-query.js.map +1 -1
- package/dist/index.js +21 -5
- package/dist/index.js.map +1 -1
- package/dist/lib/theme-utils.js +12 -5
- package/dist/lib/theme-utils.js.map +1 -1
- package/dist/lib/types.js +2 -1
- package/dist/lib/types.js.map +1 -1
- package/dist/lib/utils.js +17 -27
- package/dist/lib/utils.js.map +1 -1
- package/dist/styles/constants/button-colors.js +4 -1
- package/dist/styles/constants/button-colors.js.map +1 -1
- package/dist/themes/theme-context.js +20 -17
- package/dist/themes/theme-context.js.map +1 -1
- package/dist/tokens/colors.js +4 -1
- package/dist/tokens/colors.js.map +1 -1
- package/dist/tokens/index.js +33 -16
- package/dist/tokens/index.js.map +1 -1
- package/dist/tokens/radius.js +4 -1
- package/dist/tokens/radius.js.map +1 -1
- package/dist/tokens/shadows.js +4 -1
- package/dist/tokens/shadows.js.map +1 -1
- package/dist/tokens/spacing.js +4 -1
- package/dist/tokens/spacing.js.map +1 -1
- package/dist/tokens/typography.js +4 -1
- package/dist/tokens/typography.js.map +1 -1
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +1 -3
@@ -1,4 +1,40 @@
|
|
1
|
-
|
2
|
-
var
|
3
|
-
|
1
|
+
"use strict";
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
3
|
+
if (k2 === undefined) k2 = k;
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
7
|
+
}
|
8
|
+
Object.defineProperty(o, k2, desc);
|
9
|
+
}) : (function(o, m, k, k2) {
|
10
|
+
if (k2 === undefined) k2 = k;
|
11
|
+
o[k2] = m[k];
|
12
|
+
}));
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
15
|
+
}) : function(o, v) {
|
16
|
+
o["default"] = v;
|
17
|
+
});
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
19
|
+
var ownKeys = function(o) {
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
21
|
+
var ar = [];
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
23
|
+
return ar;
|
24
|
+
};
|
25
|
+
return ownKeys(o);
|
26
|
+
};
|
27
|
+
return function (mod) {
|
28
|
+
if (mod && mod.__esModule) return mod;
|
29
|
+
var result = {};
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
31
|
+
__setModuleDefault(result, mod);
|
32
|
+
return result;
|
33
|
+
};
|
34
|
+
})();
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
36
|
+
exports.AspectRatio = void 0;
|
37
|
+
const AspectRatioPrimitive = __importStar(require("@radix-ui/react-aspect-ratio"));
|
38
|
+
const AspectRatio = AspectRatioPrimitive.Root;
|
39
|
+
exports.AspectRatio = AspectRatio;
|
4
40
|
//# sourceMappingURL=aspect-ratio.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"aspect-ratio.js","sourceRoot":"","sources":["../../../src/components/ui/aspect-ratio.tsx"],"names":[],"mappings":"AACA,
|
1
|
+
{"version":3,"file":"aspect-ratio.js","sourceRoot":"","sources":["../../../src/components/ui/aspect-ratio.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,mFAAoE;AAEpE,MAAM,WAAW,GAAG,oBAAoB,CAAC,IAAI,CAAA;AAEpC,kCAAW"}
|
@@ -1,43 +1,50 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
18
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
19
|
-
t[p[i]] = s[p[i]];
|
20
|
-
}
|
21
|
-
return t;
|
22
|
-
};
|
23
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
-
import * as React from "react";
|
25
|
-
import * as AvatarPrimitive from "@radix-ui/react-avatar";
|
26
|
-
import { cn } from "@/lib/utils";
|
27
|
-
var Avatar = React.forwardRef(function (_a, ref) {
|
28
|
-
var className = _a.className, props = __rest(_a, ["className"]);
|
29
|
-
return (_jsx(AvatarPrimitive.Root, __assign({ ref: ref, className: cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", className) }, props)));
|
1
|
+
"use strict";
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
3
|
+
if (k2 === undefined) k2 = k;
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
7
|
+
}
|
8
|
+
Object.defineProperty(o, k2, desc);
|
9
|
+
}) : (function(o, m, k, k2) {
|
10
|
+
if (k2 === undefined) k2 = k;
|
11
|
+
o[k2] = m[k];
|
12
|
+
}));
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
15
|
+
}) : function(o, v) {
|
16
|
+
o["default"] = v;
|
30
17
|
});
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
19
|
+
var ownKeys = function(o) {
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
21
|
+
var ar = [];
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
23
|
+
return ar;
|
24
|
+
};
|
25
|
+
return ownKeys(o);
|
26
|
+
};
|
27
|
+
return function (mod) {
|
28
|
+
if (mod && mod.__esModule) return mod;
|
29
|
+
var result = {};
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
31
|
+
__setModuleDefault(result, mod);
|
32
|
+
return result;
|
33
|
+
};
|
34
|
+
})();
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
36
|
+
exports.AvatarFallback = exports.AvatarImage = exports.Avatar = void 0;
|
37
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
38
|
+
const React = __importStar(require("react"));
|
39
|
+
const AvatarPrimitive = __importStar(require("@radix-ui/react-avatar"));
|
40
|
+
const utils_1 = require("@/lib/utils");
|
41
|
+
const Avatar = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(AvatarPrimitive.Root, { ref: ref, className: (0, utils_1.cn)("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", className), ...props })));
|
42
|
+
exports.Avatar = Avatar;
|
31
43
|
Avatar.displayName = AvatarPrimitive.Root.displayName;
|
32
|
-
|
33
|
-
|
34
|
-
return (_jsx(AvatarPrimitive.Image, __assign({ ref: ref, className: cn("aspect-square h-full w-full", className), src: src !== null && src !== void 0 ? src : "/avatars/tydavidson.png" }, props)));
|
35
|
-
});
|
44
|
+
const AvatarImage = React.forwardRef(({ className, src, ...props }, ref) => ((0, jsx_runtime_1.jsx)(AvatarPrimitive.Image, { ref: ref, className: (0, utils_1.cn)("aspect-square h-full w-full", className), src: src !== null && src !== void 0 ? src : "/avatars/tydavidson.png", ...props })));
|
45
|
+
exports.AvatarImage = AvatarImage;
|
36
46
|
AvatarImage.displayName = AvatarPrimitive.Image.displayName;
|
37
|
-
|
38
|
-
|
39
|
-
return (_jsx(AvatarPrimitive.Fallback, __assign({ ref: ref, className: cn("flex h-full w-full items-center justify-center rounded-full bg-muted", className) }, props)));
|
40
|
-
});
|
47
|
+
const AvatarFallback = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(AvatarPrimitive.Fallback, { ref: ref, className: (0, utils_1.cn)("flex h-full w-full items-center justify-center rounded-full bg-muted", className), ...props })));
|
48
|
+
exports.AvatarFallback = AvatarFallback;
|
41
49
|
AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
|
42
|
-
export { Avatar, AvatarImage, AvatarFallback };
|
43
50
|
//# sourceMappingURL=avatar.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../src/components/ui/avatar.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../src/components/ui/avatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA8B;AAC9B,wEAAyD;AAEzD,uCAAgC;AAEhC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAG7B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,uBAAC,eAAe,CAAC,IAAI,IACnB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EACX,+DAA+D,EAC/D,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAA;AA+BO,wBAAM;AA9Bf,MAAM,CAAC,WAAW,GAAG,eAAe,CAAC,IAAI,CAAC,WAAW,CAAA;AAErD,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACvC,uBAAC,eAAe,CAAC,KAAK,IACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EAAC,6BAA6B,EAAE,SAAS,CAAC,EACvD,GAAG,EAAE,GAAG,aAAH,GAAG,cAAH,GAAG,GAAI,yBAAyB,KACjC,KAAK,GACT,CACH,CAAC,CAAA;AAkBe,kCAAW;AAjB5B,WAAW,CAAC,WAAW,GAAG,eAAe,CAAC,KAAK,CAAC,WAAW,CAAA;AAE3D,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAGrC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,uBAAC,eAAe,CAAC,QAAQ,IACvB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EACX,sEAAsE,EACtE,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAA;AAG4B,wCAAc;AAF5C,cAAc,CAAC,WAAW,GAAG,eAAe,CAAC,QAAQ,CAAC,WAAW,CAAA"}
|
@@ -1,31 +1,45 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
1
|
+
"use strict";
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
3
|
+
if (k2 === undefined) k2 = k;
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
7
|
+
}
|
8
|
+
Object.defineProperty(o, k2, desc);
|
9
|
+
}) : (function(o, m, k, k2) {
|
10
|
+
if (k2 === undefined) k2 = k;
|
11
|
+
o[k2] = m[k];
|
12
|
+
}));
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
15
|
+
}) : function(o, v) {
|
16
|
+
o["default"] = v;
|
17
|
+
});
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
19
|
+
var ownKeys = function(o) {
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
21
|
+
var ar = [];
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
23
|
+
return ar;
|
24
|
+
};
|
25
|
+
return ownKeys(o);
|
9
26
|
};
|
10
|
-
return
|
11
|
-
|
12
|
-
var
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
import { cva } from "class-variance-authority";
|
27
|
-
import { cn } from "@/lib/utils";
|
28
|
-
var badgeVariants = cva("inline-flex items-center justify-center gap-1 rounded-full border px-2 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 [&_svg]:shrink-0", {
|
27
|
+
return function (mod) {
|
28
|
+
if (mod && mod.__esModule) return mod;
|
29
|
+
var result = {};
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
31
|
+
__setModuleDefault(result, mod);
|
32
|
+
return result;
|
33
|
+
};
|
34
|
+
})();
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
36
|
+
exports.badgeVariants = exports.Badge = void 0;
|
37
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
38
|
+
const React = __importStar(require("react"));
|
39
|
+
const react_slot_1 = require("@radix-ui/react-slot");
|
40
|
+
const class_variance_authority_1 = require("class-variance-authority");
|
41
|
+
const utils_1 = require("@/lib/utils");
|
42
|
+
const badgeVariants = (0, class_variance_authority_1.cva)("inline-flex items-center justify-center gap-1 rounded-full border px-2 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 [&_svg]:shrink-0", {
|
29
43
|
variants: {
|
30
44
|
variant: {
|
31
45
|
primary: "bg-[var(--badge-bg-primary)] text-[var(--badge-text-primary)] border-[var(--badge-border-primary)] hover:bg-[var(--badge-bg-primary-hover)] hover:text-[var(--badge-text-primary-hover)] hover:border-[var(--badge-border-primary-hover)]",
|
@@ -48,9 +62,9 @@ var badgeVariants = cva("inline-flex items-center justify-center gap-1 rounded-f
|
|
48
62
|
size: "md",
|
49
63
|
},
|
50
64
|
});
|
51
|
-
|
52
|
-
|
53
|
-
|
65
|
+
exports.badgeVariants = badgeVariants;
|
66
|
+
const Badge = React.forwardRef(({ className, variant, size = "md", asChild = false, leftIcon, rightIcon, iconOnly = false, children, ...props }, ref) => {
|
67
|
+
let sizeVariant = size;
|
54
68
|
if (iconOnly) {
|
55
69
|
if (size === "sm")
|
56
70
|
sizeVariant = "iconSm";
|
@@ -59,10 +73,10 @@ var Badge = React.forwardRef(function (_a, ref) {
|
|
59
73
|
else
|
60
74
|
sizeVariant = "iconMd";
|
61
75
|
}
|
62
|
-
|
63
|
-
|
64
|
-
return (
|
76
|
+
const Comp = asChild ? react_slot_1.Slot : "div";
|
77
|
+
const content = iconOnly ? null : children;
|
78
|
+
return ((0, jsx_runtime_1.jsxs)(Comp, { className: (0, utils_1.cn)(badgeVariants({ variant, size: sizeVariant }), className), ref: ref, ...props, children: [leftIcon && ((0, jsx_runtime_1.jsx)("span", { className: (0, utils_1.cn)("flex items-center justify-center", !iconOnly && children && "mr-1"), children: leftIcon })), content, rightIcon && ((0, jsx_runtime_1.jsx)("span", { className: (0, utils_1.cn)("flex items-center justify-center", !iconOnly && children && "ml-1"), children: rightIcon }))] }));
|
65
79
|
});
|
80
|
+
exports.Badge = Badge;
|
66
81
|
Badge.displayName = "Badge";
|
67
|
-
export { Badge, badgeVariants };
|
68
82
|
//# sourceMappingURL=badge.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../src/components/ui/badge.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../src/components/ui/badge.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA8B;AAC9B,qDAA2C;AAC3C,uEAAiE;AAEjE,uCAAgC;AAEhC,MAAM,aAAa,GAAG,IAAA,8BAAG,EACvB,4MAA4M,EAC5M;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,2OAA2O;YACpP,IAAI,EAAE,yNAAyN;YAC/N,WAAW,EAAE,mQAAmQ;YAChR,OAAO,EAAE,2OAA2O;YACpP,KAAK,EAAE,oMAAoM;SAC5M;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,qCAAqC;YACzC,EAAE,EAAE,0CAA0C;YAC9C,EAAE,EAAE,iCAAiC;YACrC,MAAM,EAAE,iCAAiC;YACzC,MAAM,EAAE,iCAAiC;YACzC,MAAM,EAAE,iCAAiC;SAC1C;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,IAAI;KACX;CACF,CACF,CAAA;AA2De,sCAAa;AAhD7B,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CAAC,EACC,SAAS,EACT,OAAO,EACP,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,GAAG,EAAE,EAAE;IAER,IAAI,WAAW,GAAG,IAAI,CAAC;IACvB,IAAI,QAAQ,EAAE,CAAC;QACb,IAAI,IAAI,KAAK,IAAI;YAAE,WAAW,GAAG,QAAQ,CAAC;aACrC,IAAI,IAAI,KAAK,IAAI;YAAE,WAAW,GAAG,QAAQ,CAAC;;YAC1C,WAAW,GAAG,QAAQ,CAAC;IAC9B,CAAC;IAED,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAEpC,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;IAE3C,OAAO,CACL,wBAAC,IAAI,IACH,SAAS,EAAE,IAAA,UAAE,EAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,EAAE,SAAS,CAAC,EACvE,GAAG,EAAE,GAAG,KACJ,KAAK,aAER,QAAQ,IAAI,CACX,iCAAM,SAAS,EAAE,IAAA,UAAE,EAAC,kCAAkC,EAAE,CAAC,QAAQ,IAAI,QAAQ,IAAI,MAAM,CAAC,YACrF,QAAQ,GACJ,CACR,EACA,OAAO,EACP,SAAS,IAAI,CACZ,iCAAM,SAAS,EAAE,IAAA,UAAE,EAAC,kCAAkC,EAAE,CAAC,QAAQ,IAAI,QAAQ,IAAI,MAAM,CAAC,YACrF,SAAS,GACL,CACR,IACI,CACR,CAAA;AACH,CAAC,CACF,CAAA;AAIQ,sBAAK;AAFd,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA"}
|
@@ -1,60 +1,63 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
18
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
19
|
-
t[p[i]] = s[p[i]];
|
20
|
-
}
|
21
|
-
return t;
|
22
|
-
};
|
23
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
24
|
-
import * as React from "react";
|
25
|
-
import { Slot } from "@radix-ui/react-slot";
|
26
|
-
import { IconChevronRight } from "@tabler/icons-react";
|
27
|
-
import { cn } from "@/lib/utils";
|
28
|
-
var BreadcrumbList = React.forwardRef(function (_a, ref) {
|
29
|
-
var className = _a.className, props = __rest(_a, ["className"]);
|
30
|
-
return (_jsx("ol", __assign({ ref: ref, className: cn("flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5", className) }, props)));
|
1
|
+
"use strict";
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
3
|
+
if (k2 === undefined) k2 = k;
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
7
|
+
}
|
8
|
+
Object.defineProperty(o, k2, desc);
|
9
|
+
}) : (function(o, m, k, k2) {
|
10
|
+
if (k2 === undefined) k2 = k;
|
11
|
+
o[k2] = m[k];
|
12
|
+
}));
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
15
|
+
}) : function(o, v) {
|
16
|
+
o["default"] = v;
|
31
17
|
});
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
19
|
+
var ownKeys = function(o) {
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
21
|
+
var ar = [];
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
23
|
+
return ar;
|
24
|
+
};
|
25
|
+
return ownKeys(o);
|
26
|
+
};
|
27
|
+
return function (mod) {
|
28
|
+
if (mod && mod.__esModule) return mod;
|
29
|
+
var result = {};
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
31
|
+
__setModuleDefault(result, mod);
|
32
|
+
return result;
|
33
|
+
};
|
34
|
+
})();
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
36
|
+
exports.BreadcrumbEllipsis = exports.BreadcrumbSeparator = exports.BreadcrumbLink = exports.BreadcrumbItem = exports.BreadcrumbList = exports.Breadcrumb = void 0;
|
37
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
38
|
+
const React = __importStar(require("react"));
|
39
|
+
const react_slot_1 = require("@radix-ui/react-slot");
|
40
|
+
const icons_react_1 = require("@tabler/icons-react");
|
41
|
+
const utils_1 = require("@/lib/utils");
|
42
|
+
const BreadcrumbList = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("ol", { ref: ref, className: (0, utils_1.cn)("flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5", className), ...props })));
|
43
|
+
exports.BreadcrumbList = BreadcrumbList;
|
32
44
|
BreadcrumbList.displayName = "BreadcrumbList";
|
33
|
-
|
34
|
-
|
35
|
-
return (_jsx("li", __assign({ ref: ref, className: cn("inline-flex items-center gap-1.5", className) }, props)));
|
36
|
-
});
|
45
|
+
const BreadcrumbItem = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("li", { ref: ref, className: (0, utils_1.cn)("inline-flex items-center gap-1.5", className), ...props })));
|
46
|
+
exports.BreadcrumbItem = BreadcrumbItem;
|
37
47
|
BreadcrumbItem.displayName = "BreadcrumbItem";
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
return (_jsx(Comp, __assign({ ref: ref, className: cn("hover:text-foreground transition-colors", className) }, props)));
|
48
|
+
const BreadcrumbLink = React.forwardRef(({ asChild, className, ...props }, ref) => {
|
49
|
+
const Comp = asChild ? react_slot_1.Slot : "a";
|
50
|
+
return ((0, jsx_runtime_1.jsx)(Comp, { ref: ref, className: (0, utils_1.cn)("hover:text-foreground transition-colors", className), ...props }));
|
42
51
|
});
|
52
|
+
exports.BreadcrumbLink = BreadcrumbLink;
|
43
53
|
BreadcrumbLink.displayName = "BreadcrumbLink";
|
44
|
-
|
45
|
-
|
46
|
-
return (_jsx("span", __assign({ ref: ref, className: cn("text-muted-foreground", className) }, props, { children: _jsx(IconChevronRight, { className: "h-4 w-4", stroke: 1.5 }) })));
|
47
|
-
});
|
54
|
+
const BreadcrumbSeparator = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("span", { ref: ref, className: (0, utils_1.cn)("text-muted-foreground", className), ...props, children: (0, jsx_runtime_1.jsx)(icons_react_1.IconChevronRight, { className: "h-4 w-4", stroke: 1.5 }) })));
|
55
|
+
exports.BreadcrumbSeparator = BreadcrumbSeparator;
|
48
56
|
BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
|
49
|
-
|
50
|
-
|
51
|
-
return (_jsxs("span", __assign({ ref: ref, className: cn("flex h-9 w-9 items-center justify-center", className) }, props, { children: [_jsx("span", { className: "flex h-1 w-1 mx-0.5 rounded-full bg-muted-foreground" }), _jsx("span", { className: "flex h-1 w-1 mx-0.5 rounded-full bg-muted-foreground" }), _jsx("span", { className: "flex h-1 w-1 mx-0.5 rounded-full bg-muted-foreground" }), _jsx("span", { className: "sr-only", children: "More" })] })));
|
52
|
-
});
|
57
|
+
const BreadcrumbEllipsis = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsxs)("span", { ref: ref, className: (0, utils_1.cn)("flex h-9 w-9 items-center justify-center", className), ...props, children: [(0, jsx_runtime_1.jsx)("span", { className: "flex h-1 w-1 mx-0.5 rounded-full bg-muted-foreground" }), (0, jsx_runtime_1.jsx)("span", { className: "flex h-1 w-1 mx-0.5 rounded-full bg-muted-foreground" }), (0, jsx_runtime_1.jsx)("span", { className: "flex h-1 w-1 mx-0.5 rounded-full bg-muted-foreground" }), (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "More" })] })));
|
58
|
+
exports.BreadcrumbEllipsis = BreadcrumbEllipsis;
|
53
59
|
BreadcrumbEllipsis.displayName = "BreadcrumbEllipsis";
|
54
|
-
|
55
|
-
|
56
|
-
return (_jsx("nav", __assign({ ref: ref, className: cn("overflow-auto", className), "aria-label": "breadcrumb" }, props)));
|
57
|
-
});
|
60
|
+
const Breadcrumb = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("nav", { ref: ref, className: (0, utils_1.cn)("overflow-auto", className), "aria-label": "breadcrumb", ...props })));
|
61
|
+
exports.Breadcrumb = Breadcrumb;
|
58
62
|
Breadcrumb.displayName = "Breadcrumb";
|
59
|
-
export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbSeparator, BreadcrumbEllipsis, };
|
60
63
|
//# sourceMappingURL=breadcrumb.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"breadcrumb.js","sourceRoot":"","sources":["../../../src/components/ui/breadcrumb.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"breadcrumb.js","sourceRoot":"","sources":["../../../src/components/ui/breadcrumb.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA8B;AAC9B,qDAA2C;AAC3C,qDAAsD;AAEtD,uCAAgC;AAEhC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAGrC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,+BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EACX,0FAA0F,EAC1F,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC,CAAA;AA+EA,wCAAc;AA9EhB,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAE7C,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAGrC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,+BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EAAC,kCAAkC,EAAE,SAAS,CAAC,KACxD,KAAK,GACT,CACH,CAAC,CAAA;AAoEA,wCAAc;AAnEhB,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAE7C,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAKrC,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC1C,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,GAAG,CAAA;IAEjC,OAAO,CACL,uBAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EAAC,yCAAyC,EAAE,SAAS,CAAC,KAC/D,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAmDA,wCAAc;AAlDhB,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAE7C,MAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAG1C,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,iCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EAAC,uBAAuB,EAAE,SAAS,CAAC,KAC7C,KAAK,YAET,uBAAC,8BAAgB,IAAC,SAAS,EAAC,SAAS,EAAC,MAAM,EAAE,GAAG,GAAI,GAChD,CACR,CAAC,CAAA;AAsCA,kDAAmB;AArCrB,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAA;AAEvD,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAGzC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,kCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EAAC,0CAA0C,EAAE,SAAS,CAAC,KAChE,KAAK,aAET,iCAAM,SAAS,EAAC,sDAAsD,GAAG,EACzE,iCAAM,SAAS,EAAC,sDAAsD,GAAG,EACzE,iCAAM,SAAS,EAAC,sDAAsD,GAAG,EACzE,iCAAM,SAAS,EAAC,SAAS,qBAAY,IAChC,CACR,CAAC,CAAA;AAsBA,gDAAkB;AArBpB,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAA;AAErD,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAGjC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,gCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EAAC,eAAe,EAAE,SAAS,CAAC,gBAC9B,YAAY,KACnB,KAAK,GACT,CACH,CAAC,CAAA;AAIA,gCAAU;AAHZ,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA"}
|
@@ -1,31 +1,45 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
1
|
+
"use strict";
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
3
|
+
if (k2 === undefined) k2 = k;
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
7
|
+
}
|
8
|
+
Object.defineProperty(o, k2, desc);
|
9
|
+
}) : (function(o, m, k, k2) {
|
10
|
+
if (k2 === undefined) k2 = k;
|
11
|
+
o[k2] = m[k];
|
12
|
+
}));
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
15
|
+
}) : function(o, v) {
|
16
|
+
o["default"] = v;
|
17
|
+
});
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
19
|
+
var ownKeys = function(o) {
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
21
|
+
var ar = [];
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
23
|
+
return ar;
|
24
|
+
};
|
25
|
+
return ownKeys(o);
|
9
26
|
};
|
10
|
-
return
|
11
|
-
|
12
|
-
var
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
import { cva } from "class-variance-authority";
|
27
|
-
import { cn } from "@/lib/utils";
|
28
|
-
var buttonVariants = cva("float-button inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-[4px] text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
|
27
|
+
return function (mod) {
|
28
|
+
if (mod && mod.__esModule) return mod;
|
29
|
+
var result = {};
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
31
|
+
__setModuleDefault(result, mod);
|
32
|
+
return result;
|
33
|
+
};
|
34
|
+
})();
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
36
|
+
exports.buttonVariants = exports.Button = void 0;
|
37
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
38
|
+
const React = __importStar(require("react"));
|
39
|
+
const react_slot_1 = require("@radix-ui/react-slot");
|
40
|
+
const class_variance_authority_1 = require("class-variance-authority");
|
41
|
+
const utils_1 = require("@/lib/utils");
|
42
|
+
const buttonVariants = (0, class_variance_authority_1.cva)("float-button inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-[4px] text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
|
29
43
|
variants: {
|
30
44
|
variant: {
|
31
45
|
primary: "bg-[var(--button-bg-primary)] text-[var(--button-text-primary)] hover:bg-[var(--button-bg-primary-hover)] hover:text-[var(--button-text-primary-hover)] border-[var(--button-border-primary)] hover:border-[var(--button-border-primary-hover)]",
|
@@ -55,19 +69,19 @@ var buttonVariants = cva("float-button inline-flex items-center justify-center g
|
|
55
69
|
size: "md",
|
56
70
|
},
|
57
71
|
});
|
58
|
-
|
59
|
-
|
72
|
+
exports.buttonVariants = buttonVariants;
|
73
|
+
const Button = React.forwardRef(({ className, variant, size = "md", asChild = false, leftIcon, rightIcon, isLoading = false, color = "brand", dsVariant, iconOnly = false, children, ...props }, ref) => {
|
60
74
|
// Map deprecated variants to canonical ones
|
61
|
-
|
75
|
+
let resolvedVariant = dsVariant || variant;
|
62
76
|
if (resolvedVariant === "default")
|
63
77
|
resolvedVariant = "primary";
|
64
78
|
if (resolvedVariant === "tertiary")
|
65
79
|
resolvedVariant = "ghost";
|
66
80
|
if (resolvedVariant === "primaryError")
|
67
81
|
resolvedVariant = "destructive";
|
68
|
-
|
82
|
+
const isDisabled = props.disabled || isLoading;
|
69
83
|
// Choose icon size variant for iconOnly buttons
|
70
|
-
|
84
|
+
let sizeVariant = size;
|
71
85
|
if (iconOnly) {
|
72
86
|
// If already an icon size, keep it; otherwise convert regular size to icon size
|
73
87
|
if (typeof size === 'string' && !size.startsWith('icon')) {
|
@@ -79,17 +93,17 @@ var Button = React.forwardRef(function (_a, ref) {
|
|
79
93
|
sizeVariant = "iconMd";
|
80
94
|
}
|
81
95
|
}
|
82
|
-
|
96
|
+
const classes = (0, utils_1.cn)(buttonVariants({
|
83
97
|
variant: resolvedVariant,
|
84
98
|
size: sizeVariant,
|
85
|
-
className
|
99
|
+
className
|
86
100
|
}));
|
87
|
-
|
101
|
+
const content = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [leftIcon && !asChild && ((0, jsx_runtime_1.jsx)("span", { className: "flex items-center justify-center", children: leftIcon })), isLoading && !asChild ? ((0, jsx_runtime_1.jsxs)("span", { className: "flex items-center", children: [(0, jsx_runtime_1.jsxs)("svg", { className: "animate-spin -ml-1 mr-2", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [(0, jsx_runtime_1.jsx)("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "1" }), (0, jsx_runtime_1.jsx)("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }), (0, jsx_runtime_1.jsx)("span", { children: "Loading..." })] })) : (children), rightIcon && !asChild && ((0, jsx_runtime_1.jsx)("span", { className: "flex items-center justify-center", children: rightIcon }))] }));
|
88
102
|
if (asChild) {
|
89
|
-
return (
|
103
|
+
return ((0, jsx_runtime_1.jsx)(react_slot_1.Slot, { className: classes, ref: ref, ...props, children: children }));
|
90
104
|
}
|
91
|
-
return (
|
105
|
+
return ((0, jsx_runtime_1.jsx)("button", { className: classes, disabled: isDisabled, ref: ref, ...props, children: content }));
|
92
106
|
});
|
107
|
+
exports.Button = Button;
|
93
108
|
Button.displayName = "Button";
|
94
|
-
export { Button, buttonVariants };
|
95
109
|
//# sourceMappingURL=button.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":"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"}
|