@tydavidson/design-system 1.0.0

package/README.md

@@ -0,0 +1,153 @@
+# component-library
+
+## Development Commands
+
+This project uses [mise](https://mise.jdx.dev/) for task management. Below are the available commands:
+
+### Build
+```bash
+mise build
+```
+Build the project.
+
+### LLM Tasks
+The following LLM-powered development tasks are available:
+
+```bash
+mise llm_bundle
+```
+LLM-powered bundling task.
+
+```bash
+mise llm_code_review
+```
+Run an LLM-powered code review.
+
+```bash
+mise llm_copy
+```
+LLM copy task.
+
+```bash
+mise llm_github_issues
+```
+LLM task for GitHub issues management.
+
+```bash
+mise llm_missing_tests
+```
+Identify missing tests using LLM.
+
+```bash
+mise llm_readme
+```
+Generate or update README using LLM.
+
+### Running Tasks
+You can run any task using either:
+```bash
+mise run <task_name>
+# or the shorthand:
+mise <task_name>
+```
+
+To see all available tasks:
+```bash
+mise tasks
+```
+
+## Design System
+
+This project uses a comprehensive design system with semantic CSS variables and component-specific styling patterns.
+
+### CSS Variable Naming Conventions
+
+We use two complementary naming patterns for our CSS variables:
+
+#### 1. Global Semantic Variables
+For application-level styling, we use semantic variables organized by property type:
+
+```css
+/* Pattern: --{property}-{context}-{hierarchy} */
+--bg-primary              /* Primary background */
+--bg-secondary            /* Secondary background */
+--bg-brand-primary        /* Brand context, primary level */
+--text-primary            /* Primary text color */
+--text-error-primary      /* Error context, primary level */
+--border-primary          /* Primary border color */
+--border-brand            /* Brand context border */
+```
+
+**Usage in application code:**
+```tsx
+<div className="bg-bg-primary text-text-primary border-border-secondary">
+  Application content
+</div>
+```
+
+#### 2. Component-Specific Variables
+For reusable components, we use component-first naming:
+
+```css
+/* Pattern: --{component}-{property}-{variant}-{state} */
+--button-bg-primary           /* Button background, primary variant */
+--button-bg-primary-hover     /* Button background, primary variant, hover state */
+--input-border-focus          /* Input border, focus state */
+--dropdown-item-bg-brand-hover /* Dropdown item background, brand variant, hover state */
+```
+
+**Usage in component libraries:**
+```tsx
+<button className="bg-[var(--button-bg-primary)] hover:bg-[var(--button-bg-primary-hover)]">
+  Click me
+</button>
+```
+
+### Key Benefits
+
+- **🎯 Component Grouping**: All variables for a component are grouped together (e.g., `--button-*`)
+- **⚡ Developer Experience**: Autocomplete shows all related variables when typing component name
+- **🔄 Third-party Override**: Can override third-party library variables with same names
+- **📐 Semantic Consistency**: Aligns with global design system patterns
+- **🎨 Maintainability**: Clear organization and naming conventions
+
+### Examples by Component
+
+**Button Variables:**
+```css
+--button-bg-primary, --button-bg-secondary, --button-bg-destructive
+--button-text-primary, --button-text-link, --button-text-ghost
+--button-border-outline, --button-icon-size-sm
+```
+
+**Input Variables:**
+```css
+--input-bg, --input-bg-disabled
+--input-text, --input-text-placeholder
+--input-border, --input-border-hover, --input-border-focus
+```
+
+**Dropdown Variables:**
+```css
+--dropdown-bg, --dropdown-text, --dropdown-border
+--dropdown-item-bg-hover, --dropdown-item-text-brand-hover
+--dropdown-separator-bg
+```
+
+### Documentation
+
+For detailed implementation guidelines, migration instructions, and complete variable references, see:
+- [`docs/component-specific-colors.md`](docs/component-specific-colors.md) - Component-specific styling system
+- [`src/app/globals.css`](src/app/globals.css) - Global semantic variables
+- [`src/styles/components/`](src/styles/components/) - Component-specific CSS files
+
+### Quick Start
+
+1. **For application styling**: Use semantic utilities like `bg-bg-primary`, `text-text-secondary`
+2. **For component styling**: Use component variables like `--button-bg-primary`, `--input-border-focus`
+3. **Adding new components**: Follow the `--{component}-{property}-{variant}` pattern
+4. **Dark mode**: All variables automatically support light/dark themes
+
+---
+
+*This design system enables consistent, maintainable, and scalable styling across the entire application while providing excellent developer experience.*

package/dist/components/SidebarNav.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+export declare function SidebarNav({ organizations, currentOrg, setCurrentOrg }: {
+    organizations: Array<{
+        id: string;
+        name: string;
+        logo: React.ElementType;
+        avatarUrl: string;
+        avatarFallback: string;
+    }>;
+    currentOrg: string;
+    setCurrentOrg: React.Dispatch<React.SetStateAction<string>>;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SidebarNav.d.ts.map

package/dist/components/SidebarNav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNav.d.ts","sourceRoot":"","sources":["../../src/components/SidebarNav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA6C/B,wBAAgB,UAAU,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,EAAE,EAAE;IACvE,aAAa,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,KAAK,CAAC,WAAW,CAAC;QAAC,SAAS,EAAE,MAAM,CAAC;QAAC,cAAc,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACvH,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;CAC7D,2CA+IA"}

package/dist/components/SidebarNav.js

@@ -0,0 +1,63 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useSidebar } from "@/components/ui/sidebar";
+import { useTheme } from "@/themes/theme-context";
+import Link from "next/link";
+import { Sidebar, SidebarHeader, SidebarContent, SidebarGroup, SidebarGroupContent, SidebarMenu, SidebarMenuItem, SidebarMenuButton, SidebarFooter, SidebarTrigger } from "@/components/ui/sidebar";
+import { OrgSwitcher } from "@/components/ui/org-switcher";
+import { ArrowRightToLine, Sun, Moon, Info, Home, Palette, Layers } from "lucide-react";
+import { Avatar, AvatarImage, AvatarFallback } from "@/components/ui/avatar";
+import { Button } from "@/components/ui/button";
+var navItems = [
+    {
+        title: "Home",
+        icon: Home,
+        url: "/",
+    },
+    {
+        title: "Color",
+        icon: Palette,
+        url: "/design-system",
+    },
+    {
+        title: "Components",
+        icon: Layers,
+        url: "/components",
+    },
+    {
+        title: "Test Page",
+        icon: Info,
+        url: "/test",
+    },
+];
+// SidebarNav component: contains all sidebar logic/content
+export function SidebarNav(_a) {
+    var organizations = _a.organizations, currentOrg = _a.currentOrg, setCurrentOrg = _a.setCurrentOrg;
+    var _b = useSidebar(), state = _b.state, toggleSidebar = _b.toggleSidebar;
+    var isDark = useTheme().isDark;
+    return (_jsxs(Sidebar, { collapsible: "icon", className: "float-sidebar h-screen", onClick: function (e) {
+            var interactiveTags = ['BUTTON', 'A', 'INPUT', 'SELECT', 'TEXTAREA', 'LABEL'];
+            var target = e.target;
+            if (interactiveTags.includes(target.tagName) ||
+                target.closest('button') ||
+                target.closest('a') ||
+                target.closest('[role="button"]') ||
+                target.closest('.sidebar-menu-button') ||
+                target.closest('.org-switcher-root')) {
+                return;
+            }
+            toggleSidebar();
+        }, children: [_jsx(SidebarHeader, { className: "flex justify-between items-center", children: _jsx(OrgSwitcher, { organizations: organizations }) }), _jsx(SidebarContent, { className: "py-4", children: _jsx(SidebarGroup, { children: _jsx(SidebarGroupContent, { children: _jsx(SidebarMenu, { children: navItems.map(function (item) { return (_jsx(SidebarMenuItem, { children: _jsx(SidebarMenuButton, { asChild: true, tooltip: item.title, children: _jsxs(Link, { href: item.url, children: [item.icon && _jsx(item.icon, { className: "h-4 w-4" }), _jsx("span", { className: "transition-all duration-200 max-w-[120px] opacity-100 ml-2 group-data-[state=collapsed]/sidebar:max-w-0 group-data-[state=collapsed]/sidebar:opacity-0 group-data-[state=collapsed]/sidebar:ml-0 overflow-hidden whitespace-nowrap", children: item.title })] }) }) }, item.title)); }) }) }) }) }), _jsxs(SidebarFooter, { className: "relative min-h-[60px]", children: [_jsxs("div", { className: "absolute inset-0 flex items-center justify-between gap-2 px-4 py-2 transition-opacity duration-200 ".concat(state === "collapsed" ? "opacity-0 pointer-events-none" : "opacity-100"), children: [_jsxs(Avatar, { className: "h-8 w-8", children: [_jsx(AvatarImage, { src: "/avatars/tydavidson.png", alt: "User" }), _jsx(AvatarFallback, { children: "JD" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { variant: "ghost", size: "icon", children: _jsx(Info, { className: "h-5 w-5" }) }), _jsx(Button, { variant: "ghost", size: "icon", "aria-label": "Toggle theme", onClick: function () {
+                                            if (typeof window !== "undefined") {
+                                                var html = document.documentElement;
+                                                var isCurrentlyDark = html.classList.contains("dark");
+                                                html.classList.toggle("dark", !isCurrentlyDark);
+                                            }
+                                        }, children: isDark ? (_jsx(Sun, { className: "h-5 w-5" })) : (_jsx(Moon, { className: "h-5 w-5" })) })] })] }), _jsxs("div", { className: "absolute inset-0 flex flex-col items-center justify-end pb-4 transition-opacity duration-200 ".concat(state === "collapsed" ? "opacity-100" : "opacity-0 pointer-events-none"), children: [_jsx(SidebarGroup, { className: "w-full flex flex-col items-center", children: _jsxs(SidebarMenu, { className: "flex flex-col items-center gap-1 w-full", children: [_jsx(SidebarMenuItem, { children: _jsx(SidebarMenuButton, { asChild: true, children: _jsx(SidebarTrigger, { className: "h-8 w-8 rounded-full mb-4 bg-bg-tertiary", "aria-label": "Expand sidebar", children: _jsx(ArrowRightToLine, { className: "h-4 w-4" }) }) }) }), _jsx(SidebarMenuItem, { children: _jsx(SidebarMenuButton, { asChild: true, children: _jsx("button", { "aria-label": "Toggle theme", className: "h-8 w-8 flex items-center justify-center rounded-full", onClick: function () {
+                                                        if (typeof window !== "undefined") {
+                                                            var html = document.documentElement;
+                                                            var isCurrentlyDark = html.classList.contains("dark");
+                                                            html.classList.toggle("dark", !isCurrentlyDark);
+                                                        }
+                                                    }, children: isDark ? (_jsx(Sun, { className: "h-5 w-5" })) : (_jsx(Moon, { className: "h-5 w-5" })) }) }) }), _jsx(SidebarMenuItem, { children: _jsx(SidebarMenuButton, { asChild: true, children: _jsx("button", { "aria-label": "Info", children: _jsx(Info, { className: "h-4 w-4" }) }) }) })] }) }), _jsxs(Avatar, { className: "h-8 w-8 mt-3", children: [_jsx(AvatarImage, { src: "/avatars/tydavidson.png", alt: "User" }), _jsx(AvatarFallback, { children: "JD" })] })] })] })] }));
+}
+//# sourceMappingURL=SidebarNav.js.map

package/dist/components/SidebarNav.js.map

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

package/dist/components/SidebarNavClient.d.ts

@@ -0,0 +1,2 @@
+export default function SidebarNavClient(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SidebarNavClient.d.ts.map

package/dist/components/SidebarNavClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNavClient.d.ts","sourceRoot":"","sources":["../../src/components/SidebarNavClient.tsx"],"names":[],"mappings":"AA+BA,MAAM,CAAC,OAAO,UAAU,gBAAgB,4CASvC"}

package/dist/components/SidebarNavClient.js

@@ -0,0 +1,35 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { SidebarNav } from "@/components/SidebarNav";
+import LogoStateStreet from "@/assets/logos/Logo_State_Street.svg";
+import LogoAlta from "@/assets/logos/Logo_Alta.svg";
+import LogoGS from "@/assets/logos/Logo_GS.svg";
+var organizations = [
+    {
+        id: "alta-capital",
+        name: "Alta Capital",
+        logo: LogoAlta,
+        avatarUrl: "/avatars/tydavidson.png",
+        avatarFallback: "AC"
+    },
+    {
+        id: "state-street",
+        name: "State Street",
+        logo: LogoStateStreet,
+        avatarUrl: "/avatars/tydavidson.png",
+        avatarFallback: "SS"
+    },
+    {
+        id: "gs",
+        name: "Goldman Sachs",
+        logo: LogoGS,
+        avatarUrl: "/avatars/tydavidson.png",
+        avatarFallback: "GS"
+    }
+];
+export default function SidebarNavClient() {
+    var _a = React.useState(organizations[0].id), currentOrg = _a[0], setCurrentOrg = _a[1];
+    return (_jsx(SidebarNav, { organizations: organizations, currentOrg: currentOrg, setCurrentOrg: setCurrentOrg }));
+}
+//# sourceMappingURL=SidebarNavClient.js.map

package/dist/components/SidebarNavClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNavClient.js","sourceRoot":"","sources":["../../src/components/SidebarNavClient.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,eAAe,MAAM,sCAAsC,CAAC;AACnE,OAAO,QAAQ,MAAM,8BAA8B,CAAC;AACpD,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAEhD,IAAM,aAAa,GAAG;IACpB;QACE,EAAE,EAAE,cAAc;QAClB,IAAI,EAAE,cAAc;QACpB,IAAI,EAAE,QAAQ;QACd,SAAS,EAAE,yBAAyB;QACpC,cAAc,EAAE,IAAI;KACrB;IACD;QACE,EAAE,EAAE,cAAc;QAClB,IAAI,EAAE,cAAc;QACpB,IAAI,EAAE,eAAe;QACrB,SAAS,EAAE,yBAAyB;QACpC,cAAc,EAAE,IAAI;KACrB;IACD;QACE,EAAE,EAAE,IAAI;QACR,IAAI,EAAE,eAAe;QACrB,IAAI,EAAE,MAAM;QACZ,SAAS,EAAE,yBAAyB;QACpC,cAAc,EAAE,IAAI;KACrB;CACF,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,gBAAgB;IAChC,IAAA,KAA8B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAhE,UAAU,QAAA,EAAE,aAAa,QAAuC,CAAC;IACxE,OAAO,CACL,KAAC,UAAU,IACT,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC;AACJ,CAAC"}

package/dist/components/email/button.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface EmailButtonProps {
+    variant?: 'primary' | 'secondary' | 'ghost' | 'outline' | 'link' | 'destructive';
+    size?: 'sm' | 'md' | 'lg';
+    children: React.ReactNode;
+    href?: string;
+    style?: React.CSSProperties;
+    fullWidth?: boolean;
+}
+export declare const EmailButton: React.FC<EmailButtonProps>;
+//# sourceMappingURL=button.d.ts.map

package/dist/components/email/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/email/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,aAAa,CAAC;IACjF,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmGlD,CAAC"}

package/dist/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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/components/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"}