@tydavidson/design-system 1.0.0

package/dist/email/button.js

@@ -0,0 +1,95 @@
+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";
+export var EmailButton = function (_a) {
+    var _b = _a.variant, variant = _b === void 0 ? 'primary' : _b, _c = _a.size, size = _c === void 0 ? 'md' : _c, children = _a.children, href = _a.href, style = _a.style, _d = _a.fullWidth, fullWidth = _d === void 0 ? false : _d, props = __rest(_a, ["variant", "size", "children", "href", "style", "fullWidth"]);
+    // Convert design system colors to inline styles
+    var getVariantStyles = function () {
+        switch (variant) {
+            case 'primary':
+                return {
+                    backgroundColor: '#4A49A6',
+                    color: '#ffffff',
+                    border: '1px solid #4A49A6',
+                };
+            case 'secondary':
+                return {
+                    backgroundColor: '#f8f9fa',
+                    color: '#4A49A6',
+                    border: '1px solid #dee2e6',
+                };
+            case 'ghost':
+                return {
+                    backgroundColor: 'transparent',
+                    color: '#4A49A6',
+                    border: '1px solid transparent',
+                };
+            case 'outline':
+                return {
+                    backgroundColor: 'transparent',
+                    color: '#4A49A6',
+                    border: '1px solid #4A49A6',
+                };
+            case 'destructive':
+                return {
+                    backgroundColor: '#dc3545',
+                    color: '#ffffff',
+                    border: '1px solid #dc3545',
+                };
+            default:
+                return {
+                    backgroundColor: '#4A49A6',
+                    color: '#ffffff',
+                    border: '1px solid #4A49A6',
+                };
+        }
+    };
+    var getSizeStyles = function () {
+        switch (size) {
+            case 'sm':
+                return {
+                    padding: '6px 12px',
+                    fontSize: '12px',
+                    borderRadius: '4px',
+                };
+            case 'lg':
+                return {
+                    padding: '12px 24px',
+                    fontSize: '16px',
+                    borderRadius: '6px',
+                };
+            default:
+                return {
+                    padding: '8px 16px',
+                    fontSize: '14px',
+                    borderRadius: '4px',
+                };
+        }
+    };
+    var baseStyles = __assign(__assign(__assign({ display: 'inline-block', textDecoration: 'none', textAlign: 'center', fontWeight: '500', cursor: 'pointer', width: fullWidth ? '100%' : 'auto' }, getVariantStyles()), getSizeStyles()), style);
+    if (href) {
+        return (_jsx("a", __assign({ href: href, style: baseStyles }, props, { children: children })));
+    }
+    return (_jsx("button", __assign({ style: baseStyles }, props, { children: children })));
+};
+//# sourceMappingURL=button.js.map

package/dist/email/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/components/email/button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,CAAC,IAAM,WAAW,GAA+B,UAAC,EAQvD;IAPC,IAAA,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA,EACnB,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACd,KAAK,cAP8C,6DAQvD,CADS;IAER,gDAAgD;IAChD,IAAM,gBAAgB,GAAG;QACvB,QAAQ,OAAO,EAAE,CAAC;YAChB,KAAK,SAAS;gBACZ,OAAO;oBACL,eAAe,EAAE,SAAS;oBAC1B,KAAK,EAAE,SAAS;oBAChB,MAAM,EAAE,mBAAmB;iBAC5B,CAAC;YACJ,KAAK,WAAW;gBACd,OAAO;oBACL,eAAe,EAAE,SAAS;oBAC1B,KAAK,EAAE,SAAS;oBAChB,MAAM,EAAE,mBAAmB;iBAC5B,CAAC;YACJ,KAAK,OAAO;gBACV,OAAO;oBACL,eAAe,EAAE,aAAa;oBAC9B,KAAK,EAAE,SAAS;oBAChB,MAAM,EAAE,uBAAuB;iBAChC,CAAC;YACJ,KAAK,SAAS;gBACZ,OAAO;oBACL,eAAe,EAAE,aAAa;oBAC9B,KAAK,EAAE,SAAS;oBAChB,MAAM,EAAE,mBAAmB;iBAC5B,CAAC;YACJ,KAAK,aAAa;gBAChB,OAAO;oBACL,eAAe,EAAE,SAAS;oBAC1B,KAAK,EAAE,SAAS;oBAChB,MAAM,EAAE,mBAAmB;iBAC5B,CAAC;YACJ;gBACE,OAAO;oBACL,eAAe,EAAE,SAAS;oBAC1B,KAAK,EAAE,SAAS;oBAChB,MAAM,EAAE,mBAAmB;iBAC5B,CAAC;QACN,CAAC;IACH,CAAC,CAAC;IAEF,IAAM,aAAa,GAAG;QACpB,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,IAAI;gBACP,OAAO;oBACL,OAAO,EAAE,UAAU;oBACnB,QAAQ,EAAE,MAAM;oBAChB,YAAY,EAAE,KAAK;iBACpB,CAAC;YACJ,KAAK,IAAI;gBACP,OAAO;oBACL,OAAO,EAAE,WAAW;oBACpB,QAAQ,EAAE,MAAM;oBAChB,YAAY,EAAE,KAAK;iBACpB,CAAC;YACJ;gBACE,OAAO;oBACL,OAAO,EAAE,UAAU;oBACnB,QAAQ,EAAE,MAAM;oBAChB,YAAY,EAAE,KAAK;iBACpB,CAAC;QACN,CAAC;IACH,CAAC,CAAC;IAEF,IAAM,UAAU,gCACd,OAAO,EAAE,cAAc,EACvB,cAAc,EAAE,MAAM,EACtB,SAAS,EAAE,QAAiB,EAC5B,UAAU,EAAE,KAAK,EACjB,MAAM,EAAE,SAAS,EACjB,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,IAC/B,gBAAgB,EAAE,GAClB,aAAa,EAAE,GACf,KAAK,CACT,CAAC;IAEF,IAAI,IAAI,EAAE,CAAC;QACT,OAAO,CACL,qBAAG,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,IAAM,KAAK,cACxC,QAAQ,IACP,CACL,CAAC;IACJ,CAAC;IAED,OAAO,CACL,0BAAQ,KAAK,EAAE,UAAU,IAAM,KAAK,cACjC,QAAQ,IACF,CACV,CAAC;AACJ,CAAC,CAAC"}

package/dist/email/index.d.ts

@@ -0,0 +1,7 @@
+export { EmailButton } from './button';
+export { EmailText, EmailHeading, EmailCaption, EmailMuted } from './typography';
+export { EmailLayout, EmailContainer, EmailHeader, EmailFooter } from './layout';
+export type { EmailButtonProps } from './button';
+export type { EmailTextProps } from './typography';
+export type { EmailLayoutProps, EmailContainerProps, EmailHeaderProps, EmailFooterProps } from './layout';
+//# sourceMappingURL=index.d.ts.map

package/dist/email/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/email/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACjF,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAGjF,YAAY,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACjD,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,YAAY,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC"}

package/dist/email/index.js

@@ -0,0 +1,5 @@
+// Email-compatible components
+export { EmailButton } from './button';
+export { EmailText, EmailHeading, EmailCaption, EmailMuted } from './typography';
+export { EmailLayout, EmailContainer, EmailHeader, EmailFooter } from './layout';
+//# sourceMappingURL=index.js.map

package/dist/email/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/email/index.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACjF,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}

package/dist/email/layout.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+export interface EmailLayoutProps {
+    children: React.ReactNode;
+    preheader?: string;
+}
+export declare const EmailLayout: React.FC<EmailLayoutProps>;
+export interface EmailContainerProps {
+    children: React.ReactNode;
+    style?: React.CSSProperties;
+}
+export declare const EmailContainer: React.FC<EmailContainerProps>;
+export interface EmailHeaderProps {
+    logoUrl?: string;
+    logoAlt?: string;
+    logoWidth?: string;
+    logoHeight?: string;
+}
+export declare const EmailHeader: React.FC<EmailHeaderProps>;
+export interface EmailFooterProps {
+    children?: React.ReactNode;
+}
+export declare const EmailFooter: React.FC<EmailFooterProps>;
+//# sourceMappingURL=layout.d.ts.map

package/dist/email/layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../src/components/email/layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA+BlD,CAAC;AAEF,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAexD,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAoClD,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA4DlD,CAAC"}

package/dist/email/layout.js

@@ -0,0 +1,99 @@
+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, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export var EmailLayout = function (_a) {
+    var children = _a.children, preheader = _a.preheader;
+    return (_jsxs(_Fragment, { children: [preheader && (_jsx("div", { style: {
+                    color: 'transparent',
+                    display: 'none',
+                    height: '0',
+                    maxHeight: '0',
+                    maxWidth: '0',
+                    opacity: '0',
+                    overflow: 'hidden',
+                    visibility: 'hidden',
+                    width: '0',
+                }, children: preheader })), _jsx("div", { style: {
+                    backgroundColor: '#F4F4F5',
+                    fontFamily: 'Helvetica-Neue, Helvetica, Arial, sans-serif',
+                    fontSize: '16px',
+                    lineHeight: '1.3',
+                    margin: '0',
+                    padding: '0',
+                }, children: children })] }));
+};
+export var EmailContainer = function (_a) {
+    var children = _a.children, style = _a.style;
+    return (_jsx("div", { style: __assign({ maxWidth: '600px', margin: '0 auto', padding: '24px', backgroundColor: '#ffffff', border: '1px solid #eaebed', borderRadius: '16px' }, style), children: children }));
+};
+export var EmailHeader = function (_a) {
+    var _b = _a.logoUrl, logoUrl = _b === void 0 ? "http://cdn.mcauto-images-production.sendgrid.net/a704493bc4576a45/e4e1b526-0ef3-4511-a7a8-bc94353e9b3b/201x67.png" : _b, _c = _a.logoAlt, logoAlt = _c === void 0 ? "Float" : _c, _d = _a.logoWidth, logoWidth = _d === void 0 ? "100px" : _d, _e = _a.logoHeight, logoHeight = _e === void 0 ? "auto" : _e;
+    return (_jsx("div", { style: {
+            width: '100px',
+            textAlign: 'center',
+            marginBottom: '24px',
+        }, children: _jsx("a", { href: "https://float.tech", style: {
+                color: '#4A49A6',
+                fontWeight: 'bold',
+                textDecoration: 'none'
+            }, children: _jsx("img", { src: logoUrl, alt: logoAlt, width: logoWidth, height: logoHeight, style: {
+                    display: 'block',
+                    margin: '0 auto',
+                    border: '0',
+                    outline: 'none',
+                    textDecoration: 'none',
+                    height: 'auto',
+                    maxWidth: '200px',
+                    width: '100%',
+                } }) }) }));
+};
+export var EmailFooter = function (_a) {
+    var children = _a.children;
+    return (_jsx("div", { style: {
+            clear: 'both',
+            paddingTop: '24px',
+            textAlign: 'center',
+            width: '100%',
+        }, children: children || (_jsxs(_Fragment, { children: [_jsxs("p", { style: {
+                        color: '#9a9ea6',
+                        fontFamily: 'Helvetica-Neue, Helvetica, Arial, sans-serif',
+                        fontSize: '14px',
+                        fontWeight: 'normal',
+                        margin: '0',
+                        marginBottom: '16px',
+                        paddingBottom: '0px',
+                        textAlign: 'center',
+                    }, children: ["Float helps financial institutions interact seamlessly through shared digital workflows and standardized APIs across the transaction lifecycle.", ' ', _jsx("a", { href: "https://float.tech", style: {
+                                color: '#4A49A6',
+                                fontSize: '14px',
+                                fontWeight: 'bold',
+                                paddingBottom: '0px',
+                                textAlign: 'center',
+                                textDecoration: 'underline',
+                            }, children: "Learn more" }), "."] }), _jsx("a", { href: "https://float.tech", style: {
+                        color: '#4A49A6',
+                        fontSize: '14px',
+                        fontWeight: 'bold',
+                        paddingBottom: '0px',
+                        textAlign: 'center',
+                        textDecoration: 'underline',
+                    }, children: _jsx("img", { src: "http://cdn.mcauto-images-production.sendgrid.net/a704493bc4576a45/6a3db2b3-d35b-423f-8aac-830de81fb114/32x32.png", alt: "Float Logo", width: "32", height: "32", style: {
+                            display: 'inline-block',
+                            marginBottom: '16px',
+                        } }) }), _jsxs("div", { style: {
+                        color: '#9a9ea6',
+                        fontFamily: 'Helvetica-Neue, Helvetica, Arial, sans-serif',
+                        fontSize: '14px',
+                        paddingBottom: '0px',
+                    }, children: [_jsx("div", { children: "Float Technologies Inc." }), _jsx("div", { children: "SoHo, New York" })] })] })) }));
+};
+//# sourceMappingURL=layout.js.map

package/dist/email/layout.js.map

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

package/dist/email/typography.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface EmailTextProps {
+    children: React.ReactNode;
+    variant?: 'body' | 'heading' | 'caption' | 'lead' | 'muted';
+    style?: React.CSSProperties;
+}
+export declare const EmailText: React.FC<EmailTextProps>;
+export declare const EmailHeading: React.FC<EmailTextProps>;
+export declare const EmailCaption: React.FC<EmailTextProps>;
+export declare const EmailMuted: React.FC<EmailTextProps>;
+//# sourceMappingURL=typography.d.ts.map

package/dist/email/typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/components/email/typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;IAC5D,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAmD9C,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAEjD,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAEjD,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAE/C,CAAC"}

package/dist/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/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/hooks/use-media-query.d.ts

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

package/dist/hooks/use-media-query.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-media-query.d.ts","sourceRoot":"","sources":["../../src/hooks/use-media-query.ts"],"names":[],"mappings":"AAEA,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAoBpD"}

package/dist/hooks/use-media-query.js

@@ -0,0 +1,17 @@
+import { useEffect, useState } from "react";
+export function useMediaQuery(query) {
+    var _a = useState(false), matches = _a[0], setMatches = _a[1];
+    useEffect(function () {
+        var media = window.matchMedia(query);
+        // Set initial value
+        setMatches(media.matches);
+        // Create event listener
+        var listener = function (e) { return setMatches(e.matches); };
+        // Add listener
+        media.addEventListener("change", listener);
+        // Clean up
+        return function () { return media.removeEventListener("change", listener); };
+    }, [query]);
+    return matches;
+}
+//# sourceMappingURL=use-media-query.js.map

package/dist/hooks/use-media-query.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-media-query.js","sourceRoot":"","sources":["../../src/hooks/use-media-query.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,UAAU,aAAa,CAAC,KAAa;IACnC,IAAA,KAAwB,QAAQ,CAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAC;IAE9C,SAAS,CAAC;QACR,IAAM,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QAEvC,oBAAoB;QACpB,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAE1B,wBAAwB;QACxB,IAAM,QAAQ,GAAG,UAAC,CAAsB,IAAK,OAAA,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,EAArB,CAAqB,CAAC;QAEnE,eAAe;QACf,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAE3C,WAAW;QACX,OAAO,cAAM,OAAA,KAAK,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,EAA7C,CAA6C,CAAC;IAC7D,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export * from './components/ui';
+export * from './components/email';
+export * from './components/typography';
+export * from './lib/utils';
+export * from './tokens';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC"}

package/dist/index.js

@@ -0,0 +1,7 @@
+// Main design system exports
+export * from './components/ui';
+export * from './components/email';
+export * from './components/typography';
+export * from './lib/utils';
+export * from './tokens';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,6BAA6B;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC"}

package/dist/lib/theme-utils.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Utility functions for theme handling
+ */
+/**
+ * Supported color theme values
+ */
+export type ThemeColor = 'brand' | 'error' | 'warning' | 'success';
+/**
+ * Supported component variant types
+ */
+export type ComponentVariant = 'primary' | 'secondary' | 'tertiary';
+/**
+ * Map design system colors to shadcn variants
+ *
+ * @param color - The design system color
+ * @returns The corresponding shadcn variant
+ */
+export declare const mapColorToShadcnVariant: (color: ThemeColor) => "secondary" | "default" | "destructive";
+/**
+ * Map design system variants to shadcn variants
+ *
+ * @param variant - The design system variant
+ * @returns The corresponding shadcn variant
+ */
+export declare const mapVariantToShadcnVariant: (variant: ComponentVariant) => "default" | "outline" | "ghost";
+/**
+ * Generate Tailwind classes for color/variant combinations
+ *
+ * @param color - The design system color
+ * @param variant - The design system variant
+ * @returns String of Tailwind classes
+ */
+export declare const getColorVariantClasses: (color: ThemeColor, variant: ComponentVariant) => string;
+/**
+ * Determine if the current theme is dark
+ *
+ * @param theme - The current theme
+ * @param systemTheme - The system theme
+ * @returns True if the theme is dark
+ */
+export declare const isDarkTheme: (theme: string | undefined, systemTheme: string | undefined) => boolean;
+//# sourceMappingURL=theme-utils.d.ts.map

package/dist/lib/theme-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-utils.d.ts","sourceRoot":"","sources":["../../src/lib/theme-utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AAEnE;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;AAEpE;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,GAAI,OAAO,UAAU,4CASxD,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,yBAAyB,GAAI,SAAS,gBAAgB,oCAOlE,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB,GACjC,OAAO,UAAU,EACjB,SAAS,gBAAgB,KACxB,MAuBF,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,GAAI,OAAO,MAAM,GAAG,SAAS,EAAE,aAAa,MAAM,GAAG,SAAS,KAAG,OAKxF,CAAC"}

package/dist/lib/theme-utils.js

@@ -0,0 +1,78 @@
+/**
+ * Utility functions for theme handling
+ */
+/**
+ * Map design system colors to shadcn variants
+ *
+ * @param color - The design system color
+ * @returns The corresponding shadcn variant
+ */
+export var mapColorToShadcnVariant = function (color) {
+    switch (color) {
+        case 'brand': return 'default';
+        case 'error': return 'destructive';
+        case 'warning':
+        case 'success':
+            return 'secondary'; // Will need additional classes
+        default: return 'default';
+    }
+};
+/**
+ * Map design system variants to shadcn variants
+ *
+ * @param variant - The design system variant
+ * @returns The corresponding shadcn variant
+ */
+export var mapVariantToShadcnVariant = function (variant) {
+    switch (variant) {
+        case 'primary': return 'default';
+        case 'secondary': return 'outline';
+        case 'tertiary': return 'ghost';
+        default: return 'default';
+    }
+};
+/**
+ * Generate Tailwind classes for color/variant combinations
+ *
+ * @param color - The design system color
+ * @param variant - The design system variant
+ * @returns String of Tailwind classes
+ */
+export var getColorVariantClasses = function (color, variant) {
+    var _a;
+    var colorVariantMap = {
+        primary: {
+            brand: 'bg-brand-600 hover:bg-brand-700 text-white focus-visible:ring-brand-500',
+            error: 'bg-error-600 hover:bg-error-700 text-white focus-visible:ring-error-500',
+            warning: 'bg-warning-600 hover:bg-warning-700 text-white focus-visible:ring-warning-500',
+            success: 'bg-success-600 hover:bg-success-700 text-white focus-visible:ring-success-500',
+        },
+        secondary: {
+            brand: 'border-brand-300 text-brand-700 hover:bg-brand-50 focus-visible:ring-brand-500',
+            error: 'border-error-300 text-error-700 hover:bg-error-50 focus-visible:ring-error-500',
+            warning: 'border-warning-300 text-warning-700 hover:bg-warning-50 focus-visible:ring-warning-500',
+            success: 'border-success-300 text-success-700 hover:bg-success-50 focus-visible:ring-success-500',
+        },
+        tertiary: {
+            brand: 'text-brand-700 hover:bg-brand-50 focus-visible:ring-brand-500',
+            error: 'text-error-700 hover:bg-error-50 focus-visible:ring-error-500',
+            warning: 'text-warning-700 hover:bg-warning-50 focus-visible:ring-warning-500',
+            success: 'text-success-700 hover:bg-success-50 focus-visible:ring-success-500',
+        }
+    };
+    return ((_a = colorVariantMap[variant]) === null || _a === void 0 ? void 0 : _a[color]) || '';
+};
+/**
+ * Determine if the current theme is dark
+ *
+ * @param theme - The current theme
+ * @param systemTheme - The system theme
+ * @returns True if the theme is dark
+ */
+export var isDarkTheme = function (theme, systemTheme) {
+    if (theme === 'system') {
+        return systemTheme === 'dark';
+    }
+    return theme === 'dark';
+};
+//# sourceMappingURL=theme-utils.js.map

package/dist/lib/theme-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-utils.js","sourceRoot":"","sources":["../../src/lib/theme-utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AAYH;;;;;GAKG;AACH,MAAM,CAAC,IAAM,uBAAuB,GAAG,UAAC,KAAiB;IACvD,QAAQ,KAAK,EAAE,CAAC;QACd,KAAK,OAAO,CAAC,CAAC,OAAO,SAAS,CAAC;QAC/B,KAAK,OAAO,CAAC,CAAC,OAAO,aAAa,CAAC;QACnC,KAAK,SAAS,CAAC;QACf,KAAK,SAAS;YACZ,OAAO,WAAW,CAAC,CAAC,+BAA+B;QACrD,OAAO,CAAC,CAAC,OAAO,SAAS,CAAC;IAC5B,CAAC;AACH,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,IAAM,yBAAyB,GAAG,UAAC,OAAyB;IACjE,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,SAAS,CAAC,CAAC,OAAO,SAAS,CAAC;QACjC,KAAK,WAAW,CAAC,CAAC,OAAO,SAAS,CAAC;QACnC,KAAK,UAAU,CAAC,CAAC,OAAO,OAAO,CAAC;QAChC,OAAO,CAAC,CAAC,OAAO,SAAS,CAAC;IAC5B,CAAC;AACH,CAAC,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,CAAC,IAAM,sBAAsB,GAAG,UACpC,KAAiB,EACjB,OAAyB;;IAEzB,IAAM,eAAe,GAAyD;QAC5E,OAAO,EAAE;YACP,KAAK,EAAE,yEAAyE;YAChF,KAAK,EAAE,yEAAyE;YAChF,OAAO,EAAE,+EAA+E;YACxF,OAAO,EAAE,+EAA+E;SACzF;QACD,SAAS,EAAE;YACT,KAAK,EAAE,gFAAgF;YACvF,KAAK,EAAE,gFAAgF;YACvF,OAAO,EAAE,wFAAwF;YACjG,OAAO,EAAE,wFAAwF;SAClG;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,+DAA+D;YACtE,KAAK,EAAE,+DAA+D;YACtE,OAAO,EAAE,qEAAqE;YAC9E,OAAO,EAAE,qEAAqE;SAC/E;KACF,CAAC;IAEF,OAAO,CAAA,MAAA,eAAe,CAAC,OAAO,CAAC,0CAAG,KAAK,CAAC,KAAI,EAAE,CAAC;AACjD,CAAC,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,KAAyB,EAAE,WAA+B;IACpF,IAAI,KAAK,KAAK,QAAQ,EAAE,CAAC;QACvB,OAAO,WAAW,KAAK,MAAM,CAAC;IAChC,CAAC;IACD,OAAO,KAAK,KAAK,MAAM,CAAC;AAC1B,CAAC,CAAC"}

package/dist/lib/types.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Generic types to support polymorphic components
+ */
+export type AsProp<C extends React.ElementType> = {
+    /**
+     * An override of the default HTML tag.
+     * @default based on component default
+     */
+    as?: C;
+};
+export type PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);
+export type PolymorphicComponentProps<C extends React.ElementType, Props = {}> = React.PropsWithChildren<Props & AsProp<C>> & Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
+export type PolymorphicComponentPropsWithRef<C extends React.ElementType, Props = {}> = PolymorphicComponentProps<C, Props> & {
+    ref?: PolymorphicRef<C>;
+};
+export type PolymorphicRef<C extends React.ElementType> = React.ComponentPropsWithRef<C>["ref"];
+export type PolymorphicComponentWithRef<Props, DefaultElementType extends React.ElementType> = <C extends React.ElementType = DefaultElementType>(props: PolymorphicComponentPropsWithRef<C, Props>) => React.ReactElement | null;
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/lib/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,MAAM,MAAM,MAAM,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI;IAC9C;;;OAGG;IACH,EAAE,CAAC,EAAE,CAAC,CAAC;CACR,CAAC;AAGF,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,EAAE,CAAC,IAAI,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAGhF,MAAM,MAAM,yBAAyB,CACnC,CAAC,SAAS,KAAK,CAAC,WAAW,EAC3B,KAAK,GAAG,EAAE,IACR,KAAK,CAAC,iBAAiB,CAAC,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,GAC5C,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;AAGjE,MAAM,MAAM,gCAAgC,CAC1C,CAAC,SAAS,KAAK,CAAC,WAAW,EAC3B,KAAK,GAAG,EAAE,IACR,yBAAyB,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAA;CAAE,CAAC;AAGtE,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IACpD,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AAGxC,MAAM,MAAM,2BAA2B,CACrC,KAAK,EACL,kBAAkB,SAAS,KAAK,CAAC,WAAW,IAC1C,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,kBAAkB,EACnD,KAAK,EAAE,gCAAgC,CAAC,CAAC,EAAE,KAAK,CAAC,KAC9C,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC"}

package/dist/lib/types.js

@@ -0,0 +1,5 @@
+/**
+ * Generic types to support polymorphic components
+ */
+export {};
+//# sourceMappingURL=types.js.map

package/dist/lib/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/lib/types.ts"],"names":[],"mappings":"AAAA;;GAEG"}

package/dist/lib/utils.d.ts

@@ -0,0 +1,34 @@
+import { type ClassValue } from 'clsx';
+/**
+ * Combines multiple class values into a single className string
+ * with proper Tailwind CSS class merging.
+ *
+ * @param inputs - Class values to merge
+ * @returns Merged className string
+ */
+export declare function cn(...inputs: ClassValue[]): string;
+/**
+ * Utility function to generate a unique ID.
+ * Useful for ensuring unique IDs for form elements.
+ *
+ * @param prefix - Optional prefix for the ID
+ * @returns A unique ID string
+ */
+export declare function generateId(prefix?: string): string;
+/**
+ * Type guard to check if a value is not null or undefined
+ *
+ * @param value - Value to check
+ * @returns True if value is not null or undefined
+ */
+export declare function isNotNullOrUndefined<T>(value: T | null | undefined): value is T;
+/**
+ * Returns only the props that are safe to spread onto a DOM element
+ * by filtering out custom props
+ *
+ * @param props - The props object
+ * @param propNames - Names of custom props to filter out
+ * @returns Object with only DOM-safe props
+ */
+export declare function filterDOMProps<T extends Record<string, any>, K extends keyof T>(props: T, propNames: K[]): Omit<T, K>;
+//# sourceMappingURL=utils.d.ts.map

package/dist/lib/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAC;AAG7C;;;;;;GAMG;AACH,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC;AAED;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,MAAM,SAAO,GAAG,MAAM,CAGhD;AAED;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI,GAAG,SAAS,GAAG,KAAK,IAAI,CAAC,CAE/E;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,EAC7E,KAAK,EAAE,CAAC,EACR,SAAS,EAAE,CAAC,EAAE,GACb,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAIZ"}