@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 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/typography/heading/index.ts"],"names":[],"mappings":"AAAA,
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/typography/heading/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAA0B"}
|
@@ -1,8 +1,24 @@
|
|
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 __exportStar = (this && this.__exportStar) || function(m, exports) {
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
15
|
+
};
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
1
17
|
// src/components/typography/text/index.ts
|
2
|
-
|
18
|
+
__exportStar(require("./text"), exports);
|
3
19
|
// src/components/typography/heading/index.ts
|
4
|
-
|
20
|
+
__exportStar(require("./heading"), exports);
|
5
21
|
// src/components/typography/index.ts
|
6
|
-
|
7
|
-
|
22
|
+
__exportStar(require("./text"), exports);
|
23
|
+
__exportStar(require("./heading"), exports);
|
8
24
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/typography/index.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/typography/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAA0C;AAC1C,yCAAuB;AAEvB,6CAA6C;AAC7C,4CAA0B;AAE1B,qCAAqC;AACrC,yCAAuB;AACvB,4CAA0B"}
|
@@ -1,11 +1,15 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
1
|
+
"use strict";
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
+
exports.TypographyShowcase = void 0;
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
5
|
+
const heading_1 = require("./heading");
|
6
|
+
const text_1 = require("./text");
|
4
7
|
/**
|
5
8
|
* A component that showcases all typography variants in the design system
|
6
9
|
*/
|
7
|
-
|
8
|
-
return (
|
10
|
+
const TypographyShowcase = () => {
|
11
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: "p-8 space-y-12", children: [(0, jsx_runtime_1.jsxs)("section", { className: "space-y-6", children: [(0, jsx_runtime_1.jsx)(heading_1.Heading, { level: 2, size: "md", children: "Display Scale" }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)(heading_1.Heading, { size: "2xl", children: "Display 2XL" }), (0, jsx_runtime_1.jsx)(heading_1.Heading, { size: "xl", children: "Display XL" }), (0, jsx_runtime_1.jsx)(heading_1.Heading, { size: "lg", children: "Display LG" }), (0, jsx_runtime_1.jsx)(heading_1.Heading, { size: "md", children: "Display MD" }), (0, jsx_runtime_1.jsx)(heading_1.Heading, { size: "sm", children: "Display SM" }), (0, jsx_runtime_1.jsx)(heading_1.Heading, { size: "xs", children: "Display XS" })] })] }), (0, jsx_runtime_1.jsxs)("section", { className: "space-y-6", children: [(0, jsx_runtime_1.jsx)(heading_1.Heading, { level: 2, size: "md", children: "Text Scale" }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)(text_1.Text, { size: "xl", children: "Text XL" }), (0, jsx_runtime_1.jsx)(text_1.Text, { size: "lg", children: "Text LG" }), (0, jsx_runtime_1.jsx)(text_1.Text, { size: "md", children: "Text MD (Default)" }), (0, jsx_runtime_1.jsx)(text_1.Text, { size: "sm", children: "Text SM" }), (0, jsx_runtime_1.jsx)(text_1.Text, { size: "xs", children: "Text XS" })] })] }), (0, jsx_runtime_1.jsxs)("section", { className: "space-y-6", children: [(0, jsx_runtime_1.jsx)(heading_1.Heading, { level: 2, size: "md", children: "Font Weights" }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)(text_1.Text, { weight: "regular", children: "Regular (400) - Default for Text" }), (0, jsx_runtime_1.jsx)(text_1.Text, { weight: "medium", children: "Medium (500)" }), (0, jsx_runtime_1.jsx)(text_1.Text, { weight: "semibold", children: "Semibold (600)" }), (0, jsx_runtime_1.jsx)(text_1.Text, { weight: "bold", children: "Bold (700) - Default for Headings" })] })] }), (0, jsx_runtime_1.jsxs)("section", { className: "space-y-6", children: [(0, jsx_runtime_1.jsx)(heading_1.Heading, { level: 2, size: "md", children: "Text Styles" }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)(text_1.Text, { children: "Normal Text" }), (0, jsx_runtime_1.jsx)(text_1.Text, { italic: true, children: "Italic Text" }), (0, jsx_runtime_1.jsx)(text_1.Text, { underline: true, children: "Underlined Text" }), (0, jsx_runtime_1.jsx)(text_1.Text, { italic: true, underline: true, children: "Italic and Underlined Text" })] })] }), (0, jsx_runtime_1.jsxs)("section", { className: "space-y-6", children: [(0, jsx_runtime_1.jsx)(heading_1.Heading, { level: 2, size: "md", children: "Text Colors" }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)(text_1.Text, { color: "default", children: "Default Text Color" }), (0, jsx_runtime_1.jsx)(text_1.Text, { color: "muted", children: "Muted Text Color" }), (0, jsx_runtime_1.jsx)(text_1.Text, { color: "brand", children: "Brand Text Color" }), (0, jsx_runtime_1.jsx)(text_1.Text, { color: "error", children: "Error Text Color" }), (0, jsx_runtime_1.jsx)(text_1.Text, { color: "warning", children: "Warning Text Color" }), (0, jsx_runtime_1.jsx)(text_1.Text, { color: "success", children: "Success Text Color" })] })] }), (0, jsx_runtime_1.jsxs)("section", { className: "space-y-6", children: [(0, jsx_runtime_1.jsx)(heading_1.Heading, { level: 2, size: "md", children: "Heading Levels (h1-h6)" }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)(heading_1.Heading, { level: 1, children: "Heading Level 1 (h1)" }), (0, jsx_runtime_1.jsx)(heading_1.Heading, { level: 2, children: "Heading Level 2 (h2)" }), (0, jsx_runtime_1.jsx)(heading_1.Heading, { level: 3, children: "Heading Level 3 (h3)" }), (0, jsx_runtime_1.jsx)(heading_1.Heading, { level: 4, children: "Heading Level 4 (h4)" }), (0, jsx_runtime_1.jsx)(heading_1.Heading, { level: 5, children: "Heading Level 5 (h5)" }), (0, jsx_runtime_1.jsx)(heading_1.Heading, { level: 6, children: "Heading Level 6 (h6)" })] })] }), (0, jsx_runtime_1.jsxs)("section", { className: "space-y-6", children: [(0, jsx_runtime_1.jsx)(heading_1.Heading, { level: 2, size: "md", children: "Custom HTML Elements" }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)(text_1.Text, { as: "span", children: "Text as span" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(text_1.Text, { as: "label", children: "Text as label" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)(text_1.Text, { as: "div", children: "Text as div" }), (0, jsx_runtime_1.jsx)(heading_1.Heading, { as: "legend", size: "xs", children: "Heading as legend" })] })] }), (0, jsx_runtime_1.jsxs)("section", { className: "space-y-6", children: [(0, jsx_runtime_1.jsx)(heading_1.Heading, { level: 2, size: "md", children: "Combined Examples" }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4 border p-4 rounded-md", children: [(0, jsx_runtime_1.jsx)(heading_1.Heading, { size: "md", color: "brand", children: "Product Features" }), (0, jsx_runtime_1.jsx)(text_1.Text, { size: "lg", weight: "medium", children: "Introducing our new financial platform" }), (0, jsx_runtime_1.jsx)(text_1.Text, { children: "Manage your finances with ease using our intuitive dashboard and powerful analytics." }), (0, jsx_runtime_1.jsx)(text_1.Text, { weight: "semibold", color: "success", children: "Special offer ends soon!" }), (0, jsx_runtime_1.jsx)(text_1.Text, { size: "sm", color: "muted", italic: true, children: "Terms and conditions apply." })] })] })] }));
|
9
12
|
};
|
10
|
-
|
13
|
+
exports.TypographyShowcase = TypographyShowcase;
|
14
|
+
exports.default = exports.TypographyShowcase;
|
11
15
|
//# sourceMappingURL=showcase.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"showcase.js","sourceRoot":"","sources":["../../../src/components/typography/showcase.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"showcase.js","sourceRoot":"","sources":["../../../src/components/typography/showcase.tsx"],"names":[],"mappings":"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"}
|
@@ -1,2 +1,18 @@
|
|
1
|
-
|
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 __exportStar = (this && this.__exportStar) || function(m, exports) {
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
15
|
+
};
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
17
|
+
__exportStar(require("./text"), exports);
|
2
18
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/typography/text/index.ts"],"names":[],"mappings":"AAAA,
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/typography/text/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAuB"}
|
@@ -1,38 +1,51 @@
|
|
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);
|
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;
|
9
33
|
};
|
10
|
-
|
11
|
-
};
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
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 { cn } from "@/lib/utils";
|
34
|
+
})();
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
36
|
+
exports.Text = void 0;
|
37
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
38
|
+
const React = __importStar(require("react"));
|
39
|
+
const utils_1 = require("@/lib/utils");
|
26
40
|
/**
|
27
41
|
* Text component that follows the design system guidelines.
|
28
42
|
*
|
29
43
|
* This component renders text following the design system's typography
|
30
44
|
* scale, with support for different sizes, weights, styles, and colors.
|
31
45
|
*/
|
32
|
-
|
33
|
-
var _b = _a.size, size = _b === void 0 ? "md" : _b, _c = _a.weight, weight = _c === void 0 ? "regular" : _c, _d = _a.italic, italic = _d === void 0 ? false : _d, _e = _a.underline, underline = _e === void 0 ? false : _e, _f = _a.color, color = _f === void 0 ? "default" : _f, _g = _a.className, className = _g === void 0 ? "" : _g, _h = _a.as, Component = _h === void 0 ? "p" : _h, children = _a.children, props = __rest(_a, ["size", "weight", "italic", "underline", "color", "className", "as", "children"]);
|
46
|
+
exports.Text = React.forwardRef(({ size = "md", weight = "regular", italic = false, underline = false, color = "default", className = "", as: Component = "p", children, ...props }, ref) => {
|
34
47
|
// Map to standard Tailwind size classes
|
35
|
-
|
48
|
+
const sizeClasses = {
|
36
49
|
xl: "text-xl leading-relaxed",
|
37
50
|
lg: "text-lg leading-relaxed",
|
38
51
|
md: "text-base leading-relaxed",
|
@@ -40,14 +53,14 @@ export var Text = React.forwardRef(function (_a, ref) {
|
|
40
53
|
xs: "text-xs leading-relaxed",
|
41
54
|
};
|
42
55
|
// Map to standard Tailwind weight classes
|
43
|
-
|
56
|
+
const weightClasses = {
|
44
57
|
regular: "font-normal",
|
45
58
|
medium: "font-medium",
|
46
59
|
semibold: "font-semibold",
|
47
60
|
bold: "font-bold",
|
48
61
|
};
|
49
62
|
// Keep the existing color classes since they're semantic
|
50
|
-
|
63
|
+
const colorClasses = {
|
51
64
|
default: "text-foreground",
|
52
65
|
muted: "text-muted-foreground",
|
53
66
|
brand: "text-brand-700 dark:text-brand-400",
|
@@ -55,7 +68,7 @@ export var Text = React.forwardRef(function (_a, ref) {
|
|
55
68
|
warning: "text-warning-700 dark:text-warning-400",
|
56
69
|
success: "text-success-700 dark:text-success-400",
|
57
70
|
};
|
58
|
-
return (
|
71
|
+
return ((0, jsx_runtime_1.jsx)(Component, { ref: ref, className: (0, utils_1.cn)(sizeClasses[size], weightClasses[weight], colorClasses[color], italic && "italic", underline && "underline", className), ...props, children: children }));
|
59
72
|
});
|
60
|
-
Text.displayName = "Text";
|
73
|
+
exports.Text.displayName = "Text";
|
61
74
|
//# sourceMappingURL=text.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../../src/components/typography/text/text.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../../src/components/typography/text/text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,uCAAiC;AA2CjC;;;;;GAKG;AACU,QAAA,IAAI,GAAG,KAAK,CAAC,UAAU,CAClC,CAAC,EACC,IAAI,GAAG,IAAI,EACX,MAAM,GAAG,SAAS,EAClB,MAAM,GAAG,KAAK,EACd,SAAS,GAAG,KAAK,EACjB,KAAK,GAAG,SAAS,EACjB,SAAS,GAAG,EAAE,EACd,EAAE,EAAE,SAAS,GAAG,GAAG,EACnB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,GAAG,EAAE,EAAE;IACR,wCAAwC;IACxC,MAAM,WAAW,GAAG;QAClB,EAAE,EAAE,yBAAyB;QAC7B,EAAE,EAAE,yBAAyB;QAC7B,EAAE,EAAE,2BAA2B;QAC/B,EAAE,EAAE,yBAAyB;QAC7B,EAAE,EAAE,yBAAyB;KAC9B,CAAC;IAEF,0CAA0C;IAC1C,MAAM,aAAa,GAAG;QACpB,OAAO,EAAE,aAAa;QACtB,MAAM,EAAE,aAAa;QACrB,QAAQ,EAAE,eAAe;QACzB,IAAI,EAAE,WAAW;KAClB,CAAC;IAEF,yDAAyD;IACzD,MAAM,YAAY,GAAG;QACnB,OAAO,EAAE,iBAAiB;QAC1B,KAAK,EAAE,uBAAuB;QAC9B,KAAK,EAAE,oCAAoC;QAC3C,KAAK,EAAE,oCAAoC;QAC3C,OAAO,EAAE,wCAAwC;QACjD,OAAO,EAAE,wCAAwC;KAClD,CAAC;IAEF,OAAO,CACL,uBAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EACX,WAAW,CAAC,IAAI,CAAC,EACjB,aAAa,CAAC,MAAM,CAAC,EACrB,YAAY,CAAC,KAAK,CAAC,EACnB,MAAM,IAAI,QAAQ,EAClB,SAAS,IAAI,WAAW,EACxB,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACC,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,YAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}
|
@@ -1,8 +1,11 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
1
|
+
"use strict";
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
+
exports.CombinedExample = exports.CustomElement = exports.TextStyles = exports.TextColors = exports.TextWeights = exports.TextSizes = exports.Default = void 0;
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
5
|
+
const text_1 = require("./text");
|
6
|
+
const meta = {
|
4
7
|
title: "Typography/Text",
|
5
|
-
component: Text,
|
8
|
+
component: text_1.Text,
|
6
9
|
parameters: {
|
7
10
|
layout: "centered",
|
8
11
|
},
|
@@ -42,31 +45,31 @@ var meta = {
|
|
42
45
|
},
|
43
46
|
},
|
44
47
|
};
|
45
|
-
|
46
|
-
|
48
|
+
exports.default = meta;
|
49
|
+
exports.Default = {
|
47
50
|
args: {
|
48
51
|
children: "Default Text",
|
49
52
|
},
|
50
53
|
};
|
51
|
-
|
52
|
-
render:
|
54
|
+
exports.TextSizes = {
|
55
|
+
render: () => ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-2", children: [(0, jsx_runtime_1.jsx)(text_1.Text, { size: "xl", children: "Text XL" }), (0, jsx_runtime_1.jsx)(text_1.Text, { size: "lg", children: "Text LG" }), (0, jsx_runtime_1.jsx)(text_1.Text, { size: "md", children: "Text MD" }), (0, jsx_runtime_1.jsx)(text_1.Text, { size: "sm", children: "Text SM" }), (0, jsx_runtime_1.jsx)(text_1.Text, { size: "xs", children: "Text XS" })] })),
|
53
56
|
};
|
54
|
-
|
55
|
-
render:
|
57
|
+
exports.TextWeights = {
|
58
|
+
render: () => ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-2", children: [(0, jsx_runtime_1.jsx)(text_1.Text, { weight: "regular", children: "Regular Text" }), (0, jsx_runtime_1.jsx)(text_1.Text, { weight: "medium", children: "Medium Text" }), (0, jsx_runtime_1.jsx)(text_1.Text, { weight: "semibold", children: "Semibold Text" }), (0, jsx_runtime_1.jsx)(text_1.Text, { weight: "bold", children: "Bold Text" })] })),
|
56
59
|
};
|
57
|
-
|
58
|
-
render:
|
60
|
+
exports.TextColors = {
|
61
|
+
render: () => ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-2", children: [(0, jsx_runtime_1.jsx)(text_1.Text, { color: "default", children: "Default Color" }), (0, jsx_runtime_1.jsx)(text_1.Text, { color: "muted", children: "Muted Color" }), (0, jsx_runtime_1.jsx)(text_1.Text, { color: "brand", children: "Brand Color" }), (0, jsx_runtime_1.jsx)(text_1.Text, { color: "error", children: "Error Color" }), (0, jsx_runtime_1.jsx)(text_1.Text, { color: "warning", children: "Warning Color" }), (0, jsx_runtime_1.jsx)(text_1.Text, { color: "success", children: "Success Color" })] })),
|
59
62
|
};
|
60
|
-
|
61
|
-
render:
|
63
|
+
exports.TextStyles = {
|
64
|
+
render: () => ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-2", children: [(0, jsx_runtime_1.jsx)(text_1.Text, { children: "Normal Text" }), (0, jsx_runtime_1.jsx)(text_1.Text, { italic: true, children: "Italic Text" }), (0, jsx_runtime_1.jsx)(text_1.Text, { underline: true, children: "Underlined Text" }), (0, jsx_runtime_1.jsx)(text_1.Text, { italic: true, underline: true, children: "Italic and Underlined Text" })] })),
|
62
65
|
};
|
63
|
-
|
66
|
+
exports.CustomElement = {
|
64
67
|
args: {
|
65
68
|
as: "span",
|
66
69
|
children: "Text as a span element",
|
67
70
|
},
|
68
71
|
};
|
69
|
-
|
70
|
-
render:
|
72
|
+
exports.CombinedExample = {
|
73
|
+
render: () => ((0, jsx_runtime_1.jsxs)("div", { className: "space-y-2", children: [(0, jsx_runtime_1.jsx)(text_1.Text, { size: "lg", weight: "bold", color: "brand", children: "Large, Bold, Brand-colored Text" }), (0, jsx_runtime_1.jsx)(text_1.Text, { size: "sm", weight: "medium", color: "muted", italic: true, children: "Small, Medium-weight, Muted Italic Text" }), (0, jsx_runtime_1.jsx)(text_1.Text, { size: "xs", weight: "semibold", color: "error", underline: true, children: "Extra Small, Semibold, Error-colored Underlined Text" })] })),
|
71
74
|
};
|
72
75
|
//# sourceMappingURL=text.stories.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"text.stories.js","sourceRoot":"","sources":["../../../../src/components/typography/text/text.stories.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"text.stories.js","sourceRoot":"","sources":["../../../../src/components/typography/text/text.stories.tsx"],"names":[],"mappings":";;;;AACA,iCAA8B;AAE9B,MAAM,IAAI,GAAsB;IAC9B,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,WAAI;IACf,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;YACvC,WAAW,EAAE,sBAAsB;YACnC,YAAY,EAAE,IAAI;SACnB;QACD,MAAM,EAAE;YACN,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,CAAC;YAClD,WAAW,EAAE,6BAA6B;YAC1C,YAAY,EAAE,SAAS;SACxB;QACD,KAAK,EAAE;YACL,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC;YACrE,WAAW,EAAE,uBAAuB;YACpC,YAAY,EAAE,SAAS;SACxB;QACD,MAAM,EAAE;YACN,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,mCAAmC;YAChD,YAAY,EAAE,KAAK;SACpB;QACD,SAAS,EAAE;YACT,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,uCAAuC;YACpD,YAAY,EAAE,KAAK;SACpB;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,yBAAyB;YACtC,YAAY,EAAE,aAAa;SAC5B;KACF;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAGP,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,QAAQ,EAAE,cAAc;KACzB;CACF,CAAC;AAEW,QAAA,SAAS,GAAU;IAC9B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,iCAAK,SAAS,EAAC,WAAW,aACxB,uBAAC,WAAI,IAAC,IAAI,EAAC,IAAI,wBAAe,EAC9B,uBAAC,WAAI,IAAC,IAAI,EAAC,IAAI,wBAAe,EAC9B,uBAAC,WAAI,IAAC,IAAI,EAAC,IAAI,wBAAe,EAC9B,uBAAC,WAAI,IAAC,IAAI,EAAC,IAAI,wBAAe,EAC9B,uBAAC,WAAI,IAAC,IAAI,EAAC,IAAI,wBAAe,IAC1B,CACP;CACF,CAAC;AAEW,QAAA,WAAW,GAAU;IAChC,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,iCAAK,SAAS,EAAC,WAAW,aACxB,uBAAC,WAAI,IAAC,MAAM,EAAC,SAAS,6BAAoB,EAC1C,uBAAC,WAAI,IAAC,MAAM,EAAC,QAAQ,4BAAmB,EACxC,uBAAC,WAAI,IAAC,MAAM,EAAC,UAAU,8BAAqB,EAC5C,uBAAC,WAAI,IAAC,MAAM,EAAC,MAAM,0BAAiB,IAChC,CACP;CACF,CAAC;AAEW,QAAA,UAAU,GAAU;IAC/B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,iCAAK,SAAS,EAAC,WAAW,aACxB,uBAAC,WAAI,IAAC,KAAK,EAAC,SAAS,8BAAqB,EAC1C,uBAAC,WAAI,IAAC,KAAK,EAAC,OAAO,4BAAmB,EACtC,uBAAC,WAAI,IAAC,KAAK,EAAC,OAAO,4BAAmB,EACtC,uBAAC,WAAI,IAAC,KAAK,EAAC,OAAO,4BAAmB,EACtC,uBAAC,WAAI,IAAC,KAAK,EAAC,SAAS,8BAAqB,EAC1C,uBAAC,WAAI,IAAC,KAAK,EAAC,SAAS,8BAAqB,IACtC,CACP;CACF,CAAC;AAEW,QAAA,UAAU,GAAU;IAC/B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,iCAAK,SAAS,EAAC,WAAW,aACxB,uBAAC,WAAI,8BAAmB,EACxB,uBAAC,WAAI,IAAC,MAAM,kCAAmB,EAC/B,uBAAC,WAAI,IAAC,SAAS,sCAAuB,EACtC,uBAAC,WAAI,IAAC,MAAM,QAAC,SAAS,iDAAkC,IACpD,CACP;CACF,CAAC;AAEW,QAAA,aAAa,GAAU;IAClC,IAAI,EAAE;QACJ,EAAE,EAAE,MAAM;QACV,QAAQ,EAAE,wBAAwB;KACnC;CACF,CAAC;AAEW,QAAA,eAAe,GAAU;IACpC,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,iCAAK,SAAS,EAAC,WAAW,aACxB,uBAAC,WAAI,IAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,gDAEpC,EACP,uBAAC,WAAI,IAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,KAAK,EAAC,OAAO,EAAC,MAAM,8DAE7C,EACP,uBAAC,WAAI,IAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,UAAU,EAAC,KAAK,EAAC,OAAO,EAAC,SAAS,2EAElD,IACH,CACP;CACF,CAAC"}
|
@@ -1,45 +1,53 @@
|
|
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 * as AccordionPrimitive from "@radix-ui/react-accordion";
|
26
|
-
import { IconChevronDown } from "@tabler/icons-react";
|
27
|
-
import { cn } from "@/lib/utils";
|
28
|
-
var Accordion = AccordionPrimitive.Root;
|
29
|
-
var AccordionItem = React.forwardRef(function (_a, ref) {
|
30
|
-
var className = _a.className, props = __rest(_a, ["className"]);
|
31
|
-
return (_jsx(AccordionPrimitive.Item, __assign({ ref: ref, className: cn("border-b", 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;
|
32
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.AccordionContent = exports.AccordionTrigger = exports.AccordionItem = exports.Accordion = void 0;
|
37
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
38
|
+
const React = __importStar(require("react"));
|
39
|
+
const AccordionPrimitive = __importStar(require("@radix-ui/react-accordion"));
|
40
|
+
const icons_react_1 = require("@tabler/icons-react");
|
41
|
+
const utils_1 = require("@/lib/utils");
|
42
|
+
const Accordion = AccordionPrimitive.Root;
|
43
|
+
exports.Accordion = Accordion;
|
44
|
+
const AccordionItem = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(AccordionPrimitive.Item, { ref: ref, className: (0, utils_1.cn)("border-b", className), ...props })));
|
45
|
+
exports.AccordionItem = AccordionItem;
|
33
46
|
AccordionItem.displayName = "AccordionItem";
|
34
|
-
|
35
|
-
|
36
|
-
return (_jsx(AccordionPrimitive.Header, { className: "flex", children: _jsxs(AccordionPrimitive.Trigger, __assign({ ref: ref, className: cn("flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180", className) }, props, { children: [children, _jsx(IconChevronDown, { className: "h-4 w-4 shrink-0 transition-transform duration-200", stroke: 1.5 })] })) }));
|
37
|
-
});
|
47
|
+
const AccordionTrigger = React.forwardRef(({ className, children, ...props }, ref) => ((0, jsx_runtime_1.jsx)(AccordionPrimitive.Header, { className: "flex", children: (0, jsx_runtime_1.jsxs)(AccordionPrimitive.Trigger, { ref: ref, className: (0, utils_1.cn)("flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180", className), ...props, children: [children, (0, jsx_runtime_1.jsx)(icons_react_1.IconChevronDown, { className: "h-4 w-4 shrink-0 transition-transform duration-200", stroke: 1.5 })] }) })));
|
48
|
+
exports.AccordionTrigger = AccordionTrigger;
|
38
49
|
AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
|
39
|
-
|
40
|
-
|
41
|
-
return (_jsx(AccordionPrimitive.Content, __assign({ ref: ref, className: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down" }, props, { children: _jsx("div", { className: cn("pb-4 pt-0", className), children: children }) })));
|
42
|
-
});
|
50
|
+
const AccordionContent = React.forwardRef(({ className, children, ...props }, ref) => ((0, jsx_runtime_1.jsx)(AccordionPrimitive.Content, { ref: ref, className: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down", ...props, children: (0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("pb-4 pt-0", className), children: children }) })));
|
51
|
+
exports.AccordionContent = AccordionContent;
|
43
52
|
AccordionContent.displayName = AccordionPrimitive.Content.displayName;
|
44
|
-
export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
|
45
53
|
//# sourceMappingURL=accordion.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../src/components/ui/accordion.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../src/components/ui/accordion.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA8B;AAC9B,8EAA+D;AAC/D,qDAAqD;AAErD,uCAAgC;AAEhC,MAAM,SAAS,GAAG,kBAAkB,CAAC,IAAI,CAAA;AAmDhC,8BAAS;AAjDlB,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAGpC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,uBAAC,kBAAkB,CAAC,IAAI,IACtB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EAAC,UAAU,EAAE,SAAS,CAAC,KAChC,KAAK,GACT,CACH,CAAC,CAAA;AAwCkB,sCAAa;AAvCjC,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA;AAE3C,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAGvC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5C,uBAAC,kBAAkB,CAAC,MAAM,IAAC,SAAS,EAAC,MAAM,YACzC,wBAAC,kBAAkB,CAAC,OAAO,IACzB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EACX,8HAA8H,EAC9H,SAAS,CACV,KACG,KAAK,aAER,QAAQ,EACT,uBAAC,6BAAe,IACd,SAAS,EAAC,oDAAoD,EAC9D,MAAM,EAAE,GAAG,GACX,IACyB,GACH,CAC7B,CAAC,CAAA;AAiBiC,4CAAgB;AAhBnD,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC,OAAO,CAAC,WAAW,CAAA;AAErE,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAGvC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC5C,uBAAC,kBAAkB,CAAC,OAAO,IACzB,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,0HAA0H,KAChI,KAAK,YAET,gCAAK,SAAS,EAAE,IAAA,UAAE,EAAC,WAAW,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAO,GACjC,CAC9B,CAAC,CAAA;AAGmD,4CAAgB;AAFrE,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC,OAAO,CAAC,WAAW,CAAA"}
|
@@ -1,30 +1,44 @@
|
|
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);
|
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;
|
9
33
|
};
|
10
|
-
|
11
|
-
};
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
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 { cva } from "class-variance-authority";
|
26
|
-
import { cn } from "@/lib/utils";
|
27
|
-
var alertVariants = cva("relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4", {
|
34
|
+
})();
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
36
|
+
exports.AlertDescription = exports.AlertTitle = exports.Alert = void 0;
|
37
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
38
|
+
const React = __importStar(require("react"));
|
39
|
+
const class_variance_authority_1 = require("class-variance-authority");
|
40
|
+
const utils_1 = require("@/lib/utils");
|
41
|
+
const alertVariants = (0, class_variance_authority_1.cva)("relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4", {
|
28
42
|
variants: {
|
29
43
|
variant: {
|
30
44
|
default: "bg-[var(--bg-primary)] border-[var(--border-tertiary)] text-[var(--text-primary)] [&>svg]:text-[var(--fg-primary)]",
|
@@ -38,20 +52,13 @@ var alertVariants = cva("relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&
|
|
38
52
|
variant: "default",
|
39
53
|
},
|
40
54
|
});
|
41
|
-
|
42
|
-
|
43
|
-
return (_jsx("div", __assign({ ref: ref, role: "alert", className: cn(alertVariants({ variant: variant }), className) }, props)));
|
44
|
-
});
|
55
|
+
const Alert = React.forwardRef(({ className, variant, ...props }, ref) => ((0, jsx_runtime_1.jsx)("div", { ref: ref, role: "alert", className: (0, utils_1.cn)(alertVariants({ variant }), className), ...props })));
|
56
|
+
exports.Alert = Alert;
|
45
57
|
Alert.displayName = "Alert";
|
46
|
-
|
47
|
-
|
48
|
-
return (_jsx("h5", __assign({ ref: ref, className: cn("mb-1 font-medium leading-none tracking-tight", className) }, props)));
|
49
|
-
});
|
58
|
+
const AlertTitle = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("h5", { ref: ref, className: (0, utils_1.cn)("mb-1 font-medium leading-none tracking-tight", className), ...props })));
|
59
|
+
exports.AlertTitle = AlertTitle;
|
50
60
|
AlertTitle.displayName = "AlertTitle";
|
51
|
-
|
52
|
-
|
53
|
-
return (_jsx("div", __assign({ ref: ref, className: cn("text-sm text-[var(--text-tertiary)] [&_p]:leading-relaxed", className) }, props)));
|
54
|
-
});
|
61
|
+
const AlertDescription = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: (0, utils_1.cn)("text-sm text-[var(--text-tertiary)] [&_p]:leading-relaxed", className), ...props })));
|
62
|
+
exports.AlertDescription = AlertDescription;
|
55
63
|
AlertDescription.displayName = "AlertDescription";
|
56
|
-
export { Alert, AlertTitle, AlertDescription };
|
57
64
|
//# sourceMappingURL=alert.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../src/components/ui/alert.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../src/components/ui/alert.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA8B;AAC9B,uEAAiE;AACjE,uCAAgC;AAEhC,MAAM,aAAa,GAAG,IAAA,8BAAG,EACvB,mIAAmI,EACnI;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,oHAAoH;YAC7H,WAAW,EAAE,uGAAuG;YACpH,OAAO,EAAE,yGAAyG;YAClH,OAAO,EAAE,yGAAyG;YAClH,KAAK,EAAE,uGAAuG;SAC/G;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CACF,CAAA;AAED,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAG5B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC3C,gCACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,IAAA,UAAE,EAAC,aAAa,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,KAChD,KAAK,GACT,CACH,CAAC,CAAA;AA2BO,sBAAK;AA1Bd,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA;AAE3B,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAGjC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,+BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EAAC,8CAA8C,EAAE,SAAS,CAAC,KACpE,KAAK,GACT,CACH,CAAC,CAAA;AAec,gCAAU;AAd1B,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAGvC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,gCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,UAAE,EAAC,2DAA2D,EAAE,SAAS,CAAC,KACjF,KAAK,GACT,CACH,CAAC,CAAA;AAG0B,4CAAgB;AAF5C,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAA"}
|