@tydavidson/design-system 1.0.0

package/dist/components/email/typography.js

@@ -0,0 +1,60 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+export var EmailText = function (_a) {
+    var children = _a.children, _b = _a.variant, variant = _b === void 0 ? 'body' : _b, style = _a.style;
+    var getVariantStyles = function () {
+        switch (variant) {
+            case 'heading':
+                return {
+                    fontSize: '24px',
+                    fontWeight: 'bold',
+                    color: '#1A1A1E',
+                    margin: '0 0 16px 0',
+                    lineHeight: '1.2',
+                };
+            case 'lead':
+                return {
+                    fontSize: '16px',
+                    color: '#1A1A1E',
+                    margin: '0 0 12px 0',
+                    lineHeight: '1.5',
+                };
+            case 'caption':
+                return {
+                    fontSize: '12px',
+                    color: '#6B7280',
+                    margin: '0 0 8px 0',
+                    lineHeight: '1.4',
+                };
+            case 'muted':
+                return {
+                    fontSize: '14px',
+                    color: '#6B7280',
+                    margin: '0 0 12px 0',
+                    lineHeight: '1.5',
+                };
+            default:
+                return {
+                    fontSize: '14px',
+                    color: '#1A1A1E',
+                    margin: '0 0 12px 0',
+                    lineHeight: '1.5',
+                };
+        }
+    };
+    return (_jsx("div", { style: __assign(__assign({}, getVariantStyles()), style), children: children }));
+};
+export var EmailHeading = function (props) { return (_jsx(EmailText, __assign({ variant: "heading" }, props))); };
+export var EmailCaption = function (props) { return (_jsx(EmailText, __assign({ variant: "caption" }, props))); };
+export var EmailMuted = function (props) { return (_jsx(EmailText, __assign({ variant: "muted" }, props))); };
+//# sourceMappingURL=typography.js.map

package/dist/components/email/typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../../src/components/email/typography.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAQA,MAAM,CAAC,IAAM,SAAS,GAA6B,UAAC,EAInD;QAHC,QAAQ,cAAA,EACR,eAAgB,EAAhB,OAAO,mBAAG,MAAM,KAAA,EAChB,KAAK,WAAA;IAEL,IAAM,gBAAgB,GAAG;QACvB,QAAQ,OAAO,EAAE,CAAC;YAChB,KAAK,SAAS;gBACZ,OAAO;oBACL,QAAQ,EAAE,MAAM;oBAChB,UAAU,EAAE,MAAM;oBAClB,KAAK,EAAE,SAAS;oBAChB,MAAM,EAAE,YAAY;oBACpB,UAAU,EAAE,KAAK;iBAClB,CAAC;YACJ,KAAK,MAAM;gBACT,OAAO;oBACL,QAAQ,EAAE,MAAM;oBAChB,KAAK,EAAE,SAAS;oBAChB,MAAM,EAAE,YAAY;oBACpB,UAAU,EAAE,KAAK;iBAClB,CAAC;YACJ,KAAK,SAAS;gBACZ,OAAO;oBACL,QAAQ,EAAE,MAAM;oBAChB,KAAK,EAAE,SAAS;oBAChB,MAAM,EAAE,WAAW;oBACnB,UAAU,EAAE,KAAK;iBAClB,CAAC;YACJ,KAAK,OAAO;gBACV,OAAO;oBACL,QAAQ,EAAE,MAAM;oBAChB,KAAK,EAAE,SAAS;oBAChB,MAAM,EAAE,YAAY;oBACpB,UAAU,EAAE,KAAK;iBAClB,CAAC;YACJ;gBACE,OAAO;oBACL,QAAQ,EAAE,MAAM;oBAChB,KAAK,EAAE,SAAS;oBAChB,MAAM,EAAE,YAAY;oBACpB,UAAU,EAAE,KAAK;iBAClB,CAAC;QACN,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,cAAK,KAAK,wBAAO,gBAAgB,EAAE,GAAK,KAAK,aAC1C,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAA6B,UAAC,KAAK,IAAK,OAAA,CAC/D,KAAC,SAAS,aAAC,OAAO,EAAC,SAAS,IAAK,KAAK,EAAI,CAC3C,EAFgE,CAEhE,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAA6B,UAAC,KAAK,IAAK,OAAA,CAC/D,KAAC,SAAS,aAAC,OAAO,EAAC,SAAS,IAAK,KAAK,EAAI,CAC3C,EAFgE,CAEhE,CAAC;AAEF,MAAM,CAAC,IAAM,UAAU,GAA6B,UAAC,KAAK,IAAK,OAAA,CAC7D,KAAC,SAAS,aAAC,OAAO,EAAC,OAAO,IAAK,KAAK,EAAI,CACzC,EAF8D,CAE9D,CAAC"}

package/dist/components/hooks/use-mobile.d.ts

@@ -0,0 +1,2 @@
+export declare function useIsMobile(): boolean;
+//# sourceMappingURL=use-mobile.d.ts.map

package/dist/components/hooks/use-mobile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mobile.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/use-mobile.tsx"],"names":[],"mappings":"AAKA,wBAAgB,WAAW,IAAI,OAAO,CAErC"}

package/dist/components/hooks/use-mobile.js

@@ -0,0 +1,7 @@
+"use client";
+import { useMediaQuery } from "@/hooks/use-media-query";
+// Function that returns true if the current viewport is mobile size
+export function useIsMobile() {
+    return useMediaQuery("(max-width: 768px)");
+}
+//# sourceMappingURL=use-mobile.js.map

package/dist/components/hooks/use-mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mobile.js","sourceRoot":"","sources":["../../../src/components/hooks/use-mobile.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,oEAAoE;AACpE,MAAM,UAAU,WAAW;IACzB,OAAO,aAAa,CAAC,oBAAoB,CAAC,CAAC;AAC7C,CAAC"}

package/dist/components/typography/heading/heading.d.ts

@@ -0,0 +1,48 @@
+import * as React from "react";
+type ElementType = React.ElementType;
+export interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
+    /**
+     * The level of the heading (1-6)
+     * @default 1
+     */
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+    /**
+     * The size variant of the heading
+     * If not provided, defaults based on the heading level
+     */
+    size?: "2xl" | "xl" | "lg" | "md" | "sm" | "xs";
+    /**
+     * The font weight of the heading
+     * @default 'bold'
+     */
+    weight?: "regular" | "medium" | "semibold" | "bold";
+    /**
+     * Whether the heading should be italic
+     * @default false
+     */
+    italic?: boolean;
+    /**
+     * Whether the heading should be underlined
+     * @default false
+     */
+    underline?: boolean;
+    /**
+     * The color of the heading
+     * @default 'default'
+     */
+    color?: "default" | "muted" | "brand" | "error" | "warning" | "success";
+    /**
+     * The HTML element to render
+     * If not provided, uses h{level} based on the level prop
+     */
+    as?: ElementType;
+}
+/**
+ * Heading component that follows the design system guidelines.
+ *
+ * This component renders headings following the design system's typography
+ * scale, with support for different levels, sizes, weights, styles, and colors.
+ */
+export declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
+export {};
+//# sourceMappingURL=heading.d.ts.map

package/dist/components/typography/heading/heading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/heading/heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC;AAErC,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IAC5E;;;OAGG;IACH,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAE9B;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAEhD;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IAEpD;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;IAExE;;;OAGG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB;AAED;;;;;GAKG;AACH,eAAO,MAAM,OAAO,yFAgFnB,CAAC"}

package/dist/components/typography/heading/heading.js

@@ -0,0 +1,80 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "@/lib/utils";
+/**
+ * Heading component that follows the design system guidelines.
+ *
+ * This component renders headings following the design system's typography
+ * scale, with support for different levels, sizes, weights, styles, and colors.
+ */
+export var Heading = React.forwardRef(function (_a, ref) {
+    var _b = _a.level, level = _b === void 0 ? 1 : _b, size = _a.size, _c = _a.weight, weight = _c === void 0 ? "bold" : _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, as = _a.as, children = _a.children, props = __rest(_a, ["level", "size", "weight", "italic", "underline", "color", "className", "as", "children"]);
+    // Default heading tag based on level
+    var defaultTag = "h".concat(level);
+    // Use provided "as" prop or default based on level
+    var Component = as || defaultTag;
+    // Default sizes based on heading level if not explicitly provided
+    var defaultSizes = {
+        1: "md",
+        2: "sm",
+        3: "xs",
+        4: "text-xl",
+        5: "text-lg",
+        6: "text-md",
+    };
+    // Determine the final size
+    var finalSize = size || defaultSizes[level];
+    // Map to standard Tailwind classes with appropriate sizing
+    var sizeClasses = {
+        "2xl": "text-5xl leading-tight tracking-tight",
+        "xl": "text-4xl leading-tight tracking-tight",
+        "lg": "text-3xl leading-tight tracking-tight",
+        "md": "text-2xl leading-tight tracking-tight",
+        "sm": "text-xl leading-tight tracking-tight",
+        "xs": "text-lg leading-tight tracking-tight",
+        "text-xl": "text-xl leading-tight",
+        "text-lg": "text-lg leading-tight",
+        "text-md": "text-base leading-tight",
+    };
+    // Map to standard Tailwind weight classes
+    var weightClasses = {
+        regular: "font-normal",
+        medium: "font-medium",
+        semibold: "font-semibold",
+        bold: "font-bold",
+    };
+    // Keep the existing color classes since they're semantic
+    var colorClasses = {
+        default: "text-foreground",
+        muted: "text-muted-foreground",
+        brand: "text-brand-700 dark:text-brand-400",
+        error: "text-error-700 dark:text-error-400",
+        warning: "text-warning-700 dark:text-warning-400",
+        success: "text-success-700 dark:text-success-400",
+    };
+    return (_jsx(Component, __assign({ ref: ref, className: cn(sizeClasses[finalSize], weightClasses[weight], colorClasses[color], italic && "italic", underline && "underline", className) }, props, { children: children })));
+});
+Heading.displayName = "Heading";
+//# sourceMappingURL=heading.js.map

package/dist/components/typography/heading/heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading.js","sourceRoot":"","sources":["../../../../src/components/typography/heading/heading.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAiDjC;;;;;GAKG;AACH,MAAM,CAAC,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CACrC,UAAC,EAWA,EAAE,GAAG;IAVJ,IAAA,aAAS,EAAT,KAAK,mBAAG,CAAC,KAAA,EACT,IAAI,UAAA,EACJ,cAAe,EAAf,MAAM,mBAAG,MAAM,KAAA,EACf,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACjB,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,EAAE,QAAA,EACF,QAAQ,cAAA,EACL,KAAK,cAVT,0FAWA,CADS;IAER,qCAAqC;IACrC,IAAM,UAAU,GAAG,WAAI,KAAK,CAAiB,CAAC;IAE9C,mDAAmD;IACnD,IAAM,SAAS,GAAG,EAAE,IAAI,UAAU,CAAC;IAEnC,kEAAkE;IAClE,IAAM,YAAY,GAA2B;QAC3C,CAAC,EAAE,IAAI;QACP,CAAC,EAAE,IAAI;QACP,CAAC,EAAE,IAAI;QACP,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,SAAS;QACZ,CAAC,EAAE,SAAS;KACb,CAAC;IAEF,2BAA2B;IAC3B,IAAM,SAAS,GAAG,IAAI,IAAI,YAAY,CAAC,KAAK,CAAC,CAAC;IAE9C,2DAA2D;IAC3D,IAAM,WAAW,GAA2B;QAC1C,KAAK,EAAE,uCAAuC;QAC9C,IAAI,EAAE,uCAAuC;QAC7C,IAAI,EAAE,uCAAuC;QAC7C,IAAI,EAAE,uCAAuC;QAC7C,IAAI,EAAE,sCAAsC;QAC5C,IAAI,EAAE,sCAAsC;QAC5C,SAAS,EAAE,uBAAuB;QAClC,SAAS,EAAE,uBAAuB;QAClC,SAAS,EAAE,yBAAyB;KACrC,CAAC;IAEF,0CAA0C;IAC1C,IAAM,aAAa,GAAG;QACpB,OAAO,EAAE,aAAa;QACtB,MAAM,EAAE,aAAa;QACrB,QAAQ,EAAE,eAAe;QACzB,IAAI,EAAE,WAAW;KAClB,CAAC;IAEF,yDAAyD;IACzD,IAAM,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,KAAC,SAAS,aACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,WAAW,CAAC,SAAS,CAAC,EACtB,aAAa,CAAC,MAAM,CAAC,EACrB,YAAY,CAAC,KAAK,CAAC,EACnB,MAAM,IAAI,QAAQ,EAClB,SAAS,IAAI,WAAW,EACxB,SAAS,CACV,IACG,KAAK,cAER,QAAQ,IACC,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}

package/dist/components/typography/heading/heading.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Heading } from ".";
+declare const meta: Meta<typeof Heading>;
+export default meta;
+type Story = StoryObj<typeof Heading>;
+export declare const Default: Story;
+export declare const HeadingLevels: Story;
+export declare const HeadingSizes: Story;
+export declare const HeadingWeights: Story;
+export declare const HeadingColors: Story;
+export declare const CustomElement: Story;
+//# sourceMappingURL=heading.stories.d.ts.map

package/dist/components/typography/heading/heading.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/heading/heading.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,GAAG,CAAC;AAE5B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CA6C9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAW3B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAW1B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAS5B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAW3B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC"}

package/dist/components/typography/heading/heading.stories.js

@@ -0,0 +1,74 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Heading } from ".";
+var meta = {
+    title: "Typography/Heading",
+    component: Heading,
+    parameters: {
+        layout: "centered",
+    },
+    argTypes: {
+        level: {
+            control: { type: "range", min: 1, max: 6 },
+            description: "The heading level (h1-h6)",
+            defaultValue: 1,
+        },
+        size: {
+            control: "select",
+            options: ["2xl", "xl", "lg", "md", "sm", "xs"],
+            description: "The size of the heading",
+        },
+        weight: {
+            control: "select",
+            options: ["regular", "medium", "semibold", "bold"],
+            description: "The font weight of the heading",
+            defaultValue: "bold",
+        },
+        color: {
+            control: "select",
+            options: ["default", "muted", "brand", "error", "warning", "success"],
+            description: "The color of the heading",
+            defaultValue: "default",
+        },
+        italic: {
+            control: "boolean",
+            description: "Whether the text should be italic",
+            defaultValue: false,
+        },
+        underline: {
+            control: "boolean",
+            description: "Whether the text should be underlined",
+            defaultValue: false,
+        },
+        children: {
+            control: "text",
+            description: "The content of the heading",
+            defaultValue: "Heading Text",
+        },
+    },
+};
+export default meta;
+export var Default = {
+    args: {
+        level: 1,
+        children: "Default Heading (h1)",
+    },
+};
+export var HeadingLevels = {
+    render: function () { return (_jsxs("div", { className: "space-y-4", children: [_jsx(Heading, { level: 1, children: "Heading 1" }), _jsx(Heading, { level: 2, children: "Heading 2" }), _jsx(Heading, { level: 3, children: "Heading 3" }), _jsx(Heading, { level: 4, children: "Heading 4" }), _jsx(Heading, { level: 5, children: "Heading 5" }), _jsx(Heading, { level: 6, children: "Heading 6" })] })); },
+};
+export var HeadingSizes = {
+    render: function () { return (_jsxs("div", { className: "space-y-4", children: [_jsx(Heading, { size: "2xl", children: "Display 2XL" }), _jsx(Heading, { size: "xl", children: "Display XL" }), _jsx(Heading, { size: "lg", children: "Display LG" }), _jsx(Heading, { size: "md", children: "Display MD" }), _jsx(Heading, { size: "sm", children: "Display SM" }), _jsx(Heading, { size: "xs", children: "Display XS" })] })); },
+};
+export var HeadingWeights = {
+    render: function () { return (_jsxs("div", { className: "space-y-4", children: [_jsx(Heading, { weight: "regular", children: "Regular Heading" }), _jsx(Heading, { weight: "medium", children: "Medium Heading" }), _jsx(Heading, { weight: "semibold", children: "Semibold Heading" }), _jsx(Heading, { weight: "bold", children: "Bold Heading" })] })); },
+};
+export var HeadingColors = {
+    render: function () { return (_jsxs("div", { className: "space-y-4", children: [_jsx(Heading, { color: "default", children: "Default Color" }), _jsx(Heading, { color: "muted", children: "Muted Color" }), _jsx(Heading, { color: "brand", children: "Brand Color" }), _jsx(Heading, { color: "error", children: "Error Color" }), _jsx(Heading, { color: "warning", children: "Warning Color" }), _jsx(Heading, { color: "success", children: "Success Color" })] })); },
+};
+export var CustomElement = {
+    args: {
+        as: "div",
+        children: "Heading as a div element",
+    },
+};
+//# sourceMappingURL=heading.stories.js.map

package/dist/components/typography/heading/heading.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading.stories.js","sourceRoot":"","sources":["../../../../src/components/typography/heading/heading.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,GAAG,CAAC;AAE5B,IAAM,IAAI,GAAyB;IACjC,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,OAAO;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE;YAC1C,WAAW,EAAE,2BAA2B;YACxC,YAAY,EAAE,CAAC;SAChB;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;YAC9C,WAAW,EAAE,yBAAyB;SACvC;QACD,MAAM,EAAE;YACN,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,CAAC;YAClD,WAAW,EAAE,gCAAgC;YAC7C,YAAY,EAAE,MAAM;SACrB;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,0BAA0B;YACvC,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,4BAA4B;YACzC,YAAY,EAAE,cAAc;SAC7B;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,IAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE,sBAAsB;KACjC;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,aAAa,GAAU;IAClC,MAAM,EAAE,cAAM,OAAA,CACZ,eAAK,SAAS,EAAC,WAAW,aACxB,KAAC,OAAO,IAAC,KAAK,EAAE,CAAC,0BAAqB,EACtC,KAAC,OAAO,IAAC,KAAK,EAAE,CAAC,0BAAqB,EACtC,KAAC,OAAO,IAAC,KAAK,EAAE,CAAC,0BAAqB,EACtC,KAAC,OAAO,IAAC,KAAK,EAAE,CAAC,0BAAqB,EACtC,KAAC,OAAO,IAAC,KAAK,EAAE,CAAC,0BAAqB,EACtC,KAAC,OAAO,IAAC,KAAK,EAAE,CAAC,0BAAqB,IAClC,CACP,EATa,CASb;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAAU;IACjC,MAAM,EAAE,cAAM,OAAA,CACZ,eAAK,SAAS,EAAC,WAAW,aACxB,KAAC,OAAO,IAAC,IAAI,EAAC,KAAK,4BAAsB,EACzC,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,2BAAqB,EACvC,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,2BAAqB,EACvC,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,2BAAqB,EACvC,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,2BAAqB,EACvC,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,2BAAqB,IACnC,CACP,EATa,CASb;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,cAAc,GAAU;IACnC,MAAM,EAAE,cAAM,OAAA,CACZ,eAAK,SAAS,EAAC,WAAW,aACxB,KAAC,OAAO,IAAC,MAAM,EAAC,SAAS,gCAA0B,EACnD,KAAC,OAAO,IAAC,MAAM,EAAC,QAAQ,+BAAyB,EACjD,KAAC,OAAO,IAAC,MAAM,EAAC,UAAU,iCAA2B,EACrD,KAAC,OAAO,IAAC,MAAM,EAAC,MAAM,6BAAuB,IACzC,CACP,EAPa,CAOb;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,aAAa,GAAU;IAClC,MAAM,EAAE,cAAM,OAAA,CACZ,eAAK,SAAS,EAAC,WAAW,aACxB,KAAC,OAAO,IAAC,KAAK,EAAC,SAAS,8BAAwB,EAChD,KAAC,OAAO,IAAC,KAAK,EAAC,OAAO,4BAAsB,EAC5C,KAAC,OAAO,IAAC,KAAK,EAAC,OAAO,4BAAsB,EAC5C,KAAC,OAAO,IAAC,KAAK,EAAC,OAAO,4BAAsB,EAC5C,KAAC,OAAO,IAAC,KAAK,EAAC,SAAS,8BAAwB,EAChD,KAAC,OAAO,IAAC,KAAK,EAAC,SAAS,8BAAwB,IAC5C,CACP,EATa,CASb;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,aAAa,GAAU;IAClC,IAAI,EAAE;QACJ,EAAE,EAAE,KAAK;QACT,QAAQ,EAAE,0BAA0B;KACrC;CACF,CAAC"}

package/dist/components/typography/heading/index.d.ts

@@ -0,0 +1,2 @@
+export * from './heading';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/typography/heading/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/heading/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/dist/components/typography/heading/index.js

@@ -0,0 +1,2 @@
+export * from './heading';
+//# sourceMappingURL=index.js.map

package/dist/components/typography/heading/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/typography/heading/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/dist/components/typography/index.d.ts

@@ -0,0 +1,5 @@
+export * from './text';
+export * from './heading';
+export * from './text';
+export * from './heading';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/typography/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/typography/index.ts"],"names":[],"mappings":"AACA,cAAc,QAAQ,CAAC;AAGvB,cAAc,WAAW,CAAC;AAG1B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC"}

package/dist/components/typography/index.js

@@ -0,0 +1,8 @@
+// src/components/typography/text/index.ts
+export * from './text';
+// src/components/typography/heading/index.ts
+export * from './heading';
+// src/components/typography/index.ts
+export * from './text';
+export * from './heading';
+//# sourceMappingURL=index.js.map

package/dist/components/typography/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/typography/index.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,cAAc,QAAQ,CAAC;AAEvB,6CAA6C;AAC7C,cAAc,WAAW,CAAC;AAE1B,qCAAqC;AACrC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC"}

package/dist/components/typography/showcase.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+/**
+ * A component that showcases all typography variants in the design system
+ */
+export declare const TypographyShowcase: React.FC;
+export default TypographyShowcase;
+//# sourceMappingURL=showcase.d.ts.map

package/dist/components/typography/showcase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"showcase.d.ts","sourceRoot":"","sources":["../../../src/components/typography/showcase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAoGtC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/typography/showcase.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Heading } from "./heading";
+import { Text } from "./text";
+/**
+ * A component that showcases all typography variants in the design system
+ */
+export var TypographyShowcase = function () {
+    return (_jsxs("div", { className: "p-8 space-y-12", children: [_jsxs("section", { className: "space-y-6", children: [_jsx(Heading, { level: 2, size: "md", children: "Display Scale" }), _jsxs("div", { className: "space-y-4", children: [_jsx(Heading, { size: "2xl", children: "Display 2XL" }), _jsx(Heading, { size: "xl", children: "Display XL" }), _jsx(Heading, { size: "lg", children: "Display LG" }), _jsx(Heading, { size: "md", children: "Display MD" }), _jsx(Heading, { size: "sm", children: "Display SM" }), _jsx(Heading, { size: "xs", children: "Display XS" })] })] }), _jsxs("section", { className: "space-y-6", children: [_jsx(Heading, { level: 2, size: "md", children: "Text Scale" }), _jsxs("div", { className: "space-y-4", children: [_jsx(Text, { size: "xl", children: "Text XL" }), _jsx(Text, { size: "lg", children: "Text LG" }), _jsx(Text, { size: "md", children: "Text MD (Default)" }), _jsx(Text, { size: "sm", children: "Text SM" }), _jsx(Text, { size: "xs", children: "Text XS" })] })] }), _jsxs("section", { className: "space-y-6", children: [_jsx(Heading, { level: 2, size: "md", children: "Font Weights" }), _jsxs("div", { className: "space-y-4", children: [_jsx(Text, { weight: "regular", children: "Regular (400) - Default for Text" }), _jsx(Text, { weight: "medium", children: "Medium (500)" }), _jsx(Text, { weight: "semibold", children: "Semibold (600)" }), _jsx(Text, { weight: "bold", children: "Bold (700) - Default for Headings" })] })] }), _jsxs("section", { className: "space-y-6", children: [_jsx(Heading, { level: 2, size: "md", children: "Text Styles" }), _jsxs("div", { className: "space-y-4", children: [_jsx(Text, { children: "Normal Text" }), _jsx(Text, { italic: true, children: "Italic Text" }), _jsx(Text, { underline: true, children: "Underlined Text" }), _jsx(Text, { italic: true, underline: true, children: "Italic and Underlined Text" })] })] }), _jsxs("section", { className: "space-y-6", children: [_jsx(Heading, { level: 2, size: "md", children: "Text Colors" }), _jsxs("div", { className: "space-y-4", children: [_jsx(Text, { color: "default", children: "Default Text Color" }), _jsx(Text, { color: "muted", children: "Muted Text Color" }), _jsx(Text, { color: "brand", children: "Brand Text Color" }), _jsx(Text, { color: "error", children: "Error Text Color" }), _jsx(Text, { color: "warning", children: "Warning Text Color" }), _jsx(Text, { color: "success", children: "Success Text Color" })] })] }), _jsxs("section", { className: "space-y-6", children: [_jsx(Heading, { level: 2, size: "md", children: "Heading Levels (h1-h6)" }), _jsxs("div", { className: "space-y-4", children: [_jsx(Heading, { level: 1, children: "Heading Level 1 (h1)" }), _jsx(Heading, { level: 2, children: "Heading Level 2 (h2)" }), _jsx(Heading, { level: 3, children: "Heading Level 3 (h3)" }), _jsx(Heading, { level: 4, children: "Heading Level 4 (h4)" }), _jsx(Heading, { level: 5, children: "Heading Level 5 (h5)" }), _jsx(Heading, { level: 6, children: "Heading Level 6 (h6)" })] })] }), _jsxs("section", { className: "space-y-6", children: [_jsx(Heading, { level: 2, size: "md", children: "Custom HTML Elements" }), _jsxs("div", { className: "space-y-4", children: [_jsx(Text, { as: "span", children: "Text as span" }), _jsx("br", {}), _jsx(Text, { as: "label", children: "Text as label" }), _jsx("br", {}), _jsx(Text, { as: "div", children: "Text as div" }), _jsx(Heading, { as: "legend", size: "xs", children: "Heading as legend" })] })] }), _jsxs("section", { className: "space-y-6", children: [_jsx(Heading, { level: 2, size: "md", children: "Combined Examples" }), _jsxs("div", { className: "space-y-4 border p-4 rounded-md", children: [_jsx(Heading, { size: "md", color: "brand", children: "Product Features" }), _jsx(Text, { size: "lg", weight: "medium", children: "Introducing our new financial platform" }), _jsx(Text, { children: "Manage your finances with ease using our intuitive dashboard and powerful analytics." }), _jsx(Text, { weight: "semibold", color: "success", children: "Special offer ends soon!" }), _jsx(Text, { size: "sm", color: "muted", italic: true, children: "Terms and conditions apply." })] })] })] }));
+};
+export default TypographyShowcase;
+//# sourceMappingURL=showcase.js.map

package/dist/components/typography/showcase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"showcase.js","sourceRoot":"","sources":["../../../src/components/typography/showcase.tsx"],"names":[],"mappings":"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"}

package/dist/components/typography/text/index.d.ts

@@ -0,0 +1,2 @@
+export * from './text';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/typography/text/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/text/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}

package/dist/components/typography/text/index.js

@@ -0,0 +1,2 @@
+export * from './text';
+//# sourceMappingURL=index.js.map

package/dist/components/typography/text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/typography/text/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}

package/dist/components/typography/text/text.d.ts

@@ -0,0 +1,43 @@
+import * as React from "react";
+type ElementType = React.ElementType;
+export interface TextProps extends React.HTMLAttributes<HTMLParagraphElement> {
+    /**
+     * The size variant of the text
+     * @default 'md'
+     */
+    size?: "xl" | "lg" | "md" | "sm" | "xs";
+    /**
+     * The font weight of the text
+     * @default 'regular'
+     */
+    weight?: "regular" | "medium" | "semibold" | "bold";
+    /**
+     * Whether the text should be italic
+     * @default false
+     */
+    italic?: boolean;
+    /**
+     * Whether the text should be underlined
+     * @default false
+     */
+    underline?: boolean;
+    /**
+     * The color of the text
+     * @default 'default'
+     */
+    color?: "default" | "muted" | "brand" | "error" | "warning" | "success";
+    /**
+     * The HTML element to render
+     * @default 'p'
+     */
+    as?: ElementType;
+}
+/**
+ * Text component that follows the design system guidelines.
+ *
+ * This component renders text following the design system's typography
+ * scale, with support for different sizes, weights, styles, and colors.
+ */
+export declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLParagraphElement>>;
+export {};
+//# sourceMappingURL=text.d.ts.map

package/dist/components/typography/text/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/text/text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC;AAErC,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;IAC3E;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAExC;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IAEpD;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;IAExE;;;OAGG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB;AAED;;;;;GAKG;AACH,eAAO,MAAM,IAAI,wFAwDhB,CAAC"}

package/dist/components/typography/text/text.js

@@ -0,0 +1,61 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "@/lib/utils";
+/**
+ * Text component that follows the design system guidelines.
+ *
+ * This component renders text following the design system's typography
+ * scale, with support for different sizes, weights, styles, and colors.
+ */
+export var Text = React.forwardRef(function (_a, ref) {
+    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"]);
+    // Map to standard Tailwind size classes
+    var sizeClasses = {
+        xl: "text-xl leading-relaxed",
+        lg: "text-lg leading-relaxed",
+        md: "text-base leading-relaxed",
+        sm: "text-sm leading-relaxed",
+        xs: "text-xs leading-relaxed",
+    };
+    // Map to standard Tailwind weight classes
+    var weightClasses = {
+        regular: "font-normal",
+        medium: "font-medium",
+        semibold: "font-semibold",
+        bold: "font-bold",
+    };
+    // Keep the existing color classes since they're semantic
+    var colorClasses = {
+        default: "text-foreground",
+        muted: "text-muted-foreground",
+        brand: "text-brand-700 dark:text-brand-400",
+        error: "text-error-700 dark:text-error-400",
+        warning: "text-warning-700 dark:text-warning-400",
+        success: "text-success-700 dark:text-success-400",
+    };
+    return (_jsx(Component, __assign({ ref: ref, className: cn(sizeClasses[size], weightClasses[weight], colorClasses[color], italic && "italic", underline && "underline", className) }, props, { children: children })));
+});
+Text.displayName = "Text";
+//# sourceMappingURL=text.js.map

package/dist/components/typography/text/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../../src/components/typography/text/text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AA2CjC;;;;;GAKG;AACH,MAAM,CAAC,IAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAClC,UAAC,EAUA,EAAE,GAAG;IATJ,IAAA,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,cAAkB,EAAlB,MAAM,mBAAG,SAAS,KAAA,EAClB,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACjB,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,UAAmB,EAAf,SAAS,mBAAG,GAAG,KAAA,EACnB,QAAQ,cAAA,EACL,KAAK,cATT,iFAUA,CADS;IAER,wCAAwC;IACxC,IAAM,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,IAAM,aAAa,GAAG;QACpB,OAAO,EAAE,aAAa;QACtB,MAAM,EAAE,aAAa;QACrB,QAAQ,EAAE,eAAe;QACzB,IAAI,EAAE,WAAW;KAClB,CAAC;IAEF,yDAAyD;IACzD,IAAM,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,KAAC,SAAS,aACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,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,IACG,KAAK,cAER,QAAQ,IACC,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}

package/dist/components/typography/text/text.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Text } from "./text";
+declare const meta: Meta<typeof Text>;
+export default meta;
+type Story = StoryObj<typeof Text>;
+export declare const Default: Story;
+export declare const TextSizes: Story;
+export declare const TextWeights: Story;
+export declare const TextColors: Story;
+export declare const TextStyles: Story;
+export declare const CustomElement: Story;
+export declare const CombinedExample: Story;
+//# sourceMappingURL=text.stories.d.ts.map

package/dist/components/typography/text/text.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/text/text.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAyC3B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAWxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAc7B,CAAC"}