@tydavidson/design-system 1.0.0

package/dist/lib/utils.js

@@ -0,0 +1,62 @@
+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 { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+/**
+ * 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 function cn() {
+    var inputs = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        inputs[_i] = arguments[_i];
+    }
+    return twMerge(clsx(inputs));
+}
+/**
+ * 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 function generateId(prefix) {
+    if (prefix === void 0) { prefix = 'id'; }
+    var randomId = Math.random().toString(36).substring(2, 9);
+    return "".concat(prefix, "-").concat(randomId);
+}
+/**
+ * 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 function isNotNullOrUndefined(value) {
+    return value !== null && value !== undefined;
+}
+/**
+ * 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 function filterDOMProps(props, propNames) {
+    var result = __assign({}, props);
+    propNames.forEach(function (name) { return delete result[name]; });
+    return result;
+}
+//# sourceMappingURL=utils.js.map

package/dist/lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,MAAM,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC;;;;;;GAMG;AACH,MAAM,UAAU,EAAE;IAAC,gBAAuB;SAAvB,UAAuB,EAAvB,qBAAuB,EAAvB,IAAuB;QAAvB,2BAAuB;;IACxC,OAAO,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;AAC/B,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,UAAU,CAAC,MAAa;IAAb,uBAAA,EAAA,aAAa;IACtC,IAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC5D,OAAO,UAAG,MAAM,cAAI,QAAQ,CAAE,CAAC;AACjC,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,oBAAoB,CAAI,KAA2B;IACjE,OAAO,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,CAAC;AAC/C,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,cAAc,CAC5B,KAAQ,EACR,SAAc;IAEd,IAAM,MAAM,gBAAQ,KAAK,CAAE,CAAC;IAC5B,SAAS,CAAC,OAAO,CAAC,UAAA,IAAI,IAAI,OAAA,OAAO,MAAM,CAAC,IAAI,CAAC,EAAnB,CAAmB,CAAC,CAAC;IAC/C,OAAO,MAAM,CAAC;AAChB,CAAC"}

package/dist/styles/constants/button-colors.d.ts

@@ -0,0 +1,59 @@
+export declare const BUTTON_COLORS: {
+    readonly primary: {
+        readonly bg: "var(--button-bg-primary)";
+        readonly bgHover: "var(--button-bg-primary-hover)";
+        readonly border: "var(--button-border-primary)";
+        readonly borderHover: "var(--button-border-primary-hover)";
+        readonly fg: "var(--button-text-primary)";
+        readonly fgHover: "var(--button-text-primary-hover)";
+    };
+    readonly primaryError: {
+        readonly bg: "var(--button-bg-primary-error)";
+        readonly bgHover: "var(--button-bg-primary-error-hover)";
+        readonly border: "var(--button-border-primary-error)";
+        readonly borderHover: "var(--button-border-primary-error-hover)";
+        readonly fg: "var(--button-fg-primary-error)";
+        readonly fgHover: "var(--button-fg-primary-error-hover)";
+    };
+    readonly secondary: {
+        readonly bg: "var(--button-bg-secondary)";
+        readonly bgHover: "var(--button-bg-secondary-hover)";
+        readonly border: "var(--button-border-secondary)";
+        readonly borderHover: "var(--button-border-secondary-hover)";
+        readonly fg: "var(--button-text-secondary)";
+        readonly fgHover: "var(--button-text-secondary-hover)";
+    };
+    readonly secondaryColor: {
+        readonly bg: "var(--button-bg-secondary-color)";
+        readonly bgHover: "var(--button-bg-secondary-color-hover)";
+        readonly border: "var(--button-border-secondary-color)";
+        readonly borderHover: "var(--button-border-secondary-color-hover)";
+        readonly fg: "var(--button-fg-secondary-color)";
+        readonly fgHover: "var(--button-fg-secondary-color-hover)";
+    };
+    readonly secondaryError: {
+        readonly bg: "var(--button-bg-secondary-error)";
+        readonly bgHover: "var(--button-bg-secondary-error-hover)";
+        readonly border: "var(--button-border-secondary-error)";
+        readonly borderHover: "var(--button-border-secondary-error-hover)";
+        readonly fg: "var(--button-fg-secondary-error)";
+        readonly fgHover: "var(--button-fg-secondary-error-hover)";
+    };
+    readonly tertiary: {
+        readonly bgHover: "var(--button-bg-tertiary-hover)";
+        readonly fg: "var(--button-text-tertiary)";
+        readonly fgHover: "var(--button-text-tertiary-hover)";
+    };
+    readonly tertiaryColor: {
+        readonly bgHover: "var(--button-bg-tertiary-color-hover)";
+        readonly fg: "var(--button-fg-tertiary-color)";
+        readonly fgHover: "var(--button-fg-tertiary-color-hover)";
+    };
+    readonly tertiaryError: {
+        readonly bgHover: "var(--button-bg-tertiary-error-hover)";
+        readonly fg: "var(--button-fg-tertiary-error)";
+        readonly fgHover: "var(--button-fg-tertiary-error-hover)";
+    };
+};
+export type ButtonVariant = keyof typeof BUTTON_COLORS;
+//# sourceMappingURL=button-colors.d.ts.map

package/dist/styles/constants/button-colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-colors.d.ts","sourceRoot":"","sources":["../../../src/styles/constants/button-colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwDhB,CAAC;AAEX,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,aAAa,CAAC"}

package/dist/styles/constants/button-colors.js

@@ -0,0 +1,58 @@
+export var BUTTON_COLORS = {
+    primary: {
+        bg: 'var(--button-bg-primary)',
+        bgHover: 'var(--button-bg-primary-hover)',
+        border: 'var(--button-border-primary)',
+        borderHover: 'var(--button-border-primary-hover)',
+        fg: 'var(--button-text-primary)',
+        fgHover: 'var(--button-text-primary-hover)',
+    },
+    primaryError: {
+        bg: 'var(--button-bg-primary-error)',
+        bgHover: 'var(--button-bg-primary-error-hover)',
+        border: 'var(--button-border-primary-error)',
+        borderHover: 'var(--button-border-primary-error-hover)',
+        fg: 'var(--button-fg-primary-error)',
+        fgHover: 'var(--button-fg-primary-error-hover)',
+    },
+    secondary: {
+        bg: 'var(--button-bg-secondary)',
+        bgHover: 'var(--button-bg-secondary-hover)',
+        border: 'var(--button-border-secondary)',
+        borderHover: 'var(--button-border-secondary-hover)',
+        fg: 'var(--button-text-secondary)',
+        fgHover: 'var(--button-text-secondary-hover)',
+    },
+    secondaryColor: {
+        bg: 'var(--button-bg-secondary-color)',
+        bgHover: 'var(--button-bg-secondary-color-hover)',
+        border: 'var(--button-border-secondary-color)',
+        borderHover: 'var(--button-border-secondary-color-hover)',
+        fg: 'var(--button-fg-secondary-color)',
+        fgHover: 'var(--button-fg-secondary-color-hover)',
+    },
+    secondaryError: {
+        bg: 'var(--button-bg-secondary-error)',
+        bgHover: 'var(--button-bg-secondary-error-hover)',
+        border: 'var(--button-border-secondary-error)',
+        borderHover: 'var(--button-border-secondary-error-hover)',
+        fg: 'var(--button-fg-secondary-error)',
+        fgHover: 'var(--button-fg-secondary-error-hover)',
+    },
+    tertiary: {
+        bgHover: 'var(--button-bg-tertiary-hover)',
+        fg: 'var(--button-text-tertiary)',
+        fgHover: 'var(--button-text-tertiary-hover)',
+    },
+    tertiaryColor: {
+        bgHover: 'var(--button-bg-tertiary-color-hover)',
+        fg: 'var(--button-fg-tertiary-color)',
+        fgHover: 'var(--button-fg-tertiary-color-hover)',
+    },
+    tertiaryError: {
+        bgHover: 'var(--button-bg-tertiary-error-hover)',
+        fg: 'var(--button-fg-tertiary-error)',
+        fgHover: 'var(--button-fg-tertiary-error-hover)',
+    },
+};
+//# sourceMappingURL=button-colors.js.map

package/dist/styles/constants/button-colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-colors.js","sourceRoot":"","sources":["../../../src/styles/constants/button-colors.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,aAAa,GAAG;IAC3B,OAAO,EAAE;QACP,EAAE,EAAE,0BAA0B;QAC9B,OAAO,EAAE,gCAAgC;QACzC,MAAM,EAAE,8BAA8B;QACtC,WAAW,EAAE,oCAAoC;QACjD,EAAE,EAAE,4BAA4B;QAChC,OAAO,EAAE,kCAAkC;KAC5C;IACD,YAAY,EAAE;QACZ,EAAE,EAAE,gCAAgC;QACpC,OAAO,EAAE,sCAAsC;QAC/C,MAAM,EAAE,oCAAoC;QAC5C,WAAW,EAAE,0CAA0C;QACvD,EAAE,EAAE,gCAAgC;QACpC,OAAO,EAAE,sCAAsC;KAChD;IACD,SAAS,EAAE;QACT,EAAE,EAAE,4BAA4B;QAChC,OAAO,EAAE,kCAAkC;QAC3C,MAAM,EAAE,gCAAgC;QACxC,WAAW,EAAE,sCAAsC;QACnD,EAAE,EAAE,8BAA8B;QAClC,OAAO,EAAE,oCAAoC;KAC9C;IACD,cAAc,EAAE;QACd,EAAE,EAAE,kCAAkC;QACtC,OAAO,EAAE,wCAAwC;QACjD,MAAM,EAAE,sCAAsC;QAC9C,WAAW,EAAE,4CAA4C;QACzD,EAAE,EAAE,kCAAkC;QACtC,OAAO,EAAE,wCAAwC;KAClD;IACD,cAAc,EAAE;QACd,EAAE,EAAE,kCAAkC;QACtC,OAAO,EAAE,wCAAwC;QACjD,MAAM,EAAE,sCAAsC;QAC9C,WAAW,EAAE,4CAA4C;QACzD,EAAE,EAAE,kCAAkC;QACtC,OAAO,EAAE,wCAAwC;KAClD;IACD,QAAQ,EAAE;QACR,OAAO,EAAE,iCAAiC;QAC1C,EAAE,EAAE,6BAA6B;QACjC,OAAO,EAAE,mCAAmC;KAC7C;IACD,aAAa,EAAE;QACb,OAAO,EAAE,uCAAuC;QAChD,EAAE,EAAE,iCAAiC;QACrC,OAAO,EAAE,uCAAuC;KACjD;IACD,aAAa,EAAE;QACb,OAAO,EAAE,uCAAuC;QAChD,EAAE,EAAE,iCAAiC;QACrC,OAAO,EAAE,uCAAuC;KACjD;CACO,CAAC"}

package/dist/themes/catalog.d.ts

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

package/dist/themes/catalog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"catalog.d.ts","sourceRoot":"","sources":["../../src/themes/catalog.tsx"],"names":[],"mappings":"AAmBA,MAAM,CAAC,OAAO,UAAU,gBAAgB,4CAiDvC"}

package/dist/themes/catalog.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// src/app/components/catalog.tsx
+import { Button, Card, CardHeader, CardTitle, CardContent } from "@/components/ui";
+// Sample icons
+import { PlusIcon } from "@heroicons/react/24/outline";
+export default function ComponentCatalog() {
+    // Component examples with different variants
+    var colorOptions = [
+        "brand", "error", "warning", "success"
+    ];
+    var variantOptions = [
+        "primary", "secondary", "tertiary"
+    ];
+    return (_jsxs("div", { className: "container mx-auto p-8", children: [_jsx("h1", { className: "text-display-xl font-bold mb-8", children: "Component Catalog" }), _jsxs("section", { className: "mb-12", children: [_jsx("h2", { className: "text-display-md font-semibold mb-6", children: "Buttons" }), _jsx("div", { className: "grid grid-cols-4 gap-6", children: colorOptions.map(function (color) { return (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsxs(CardTitle, { children: [color.charAt(0).toUpperCase() + color.slice(1), " Buttons"] }) }), _jsx(CardContent, { className: "space-y-4", children: variantOptions.map(function (variant) { return (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { color: color, variant: variant, children: variant }), _jsx(Button, { color: color, variant: variant, leftIcon: _jsx(PlusIcon, { className: "w-4 h-4" }), children: "With Icon" })] }, "".concat(color, "-").concat(variant))); }) })] }, color)); }) })] })] }));
+}
+//# sourceMappingURL=catalog.js.map

package/dist/themes/catalog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"catalog.js","sourceRoot":"","sources":["../../src/themes/catalog.tsx"],"names":[],"mappings":";AAAA,iCAAiC;AACjC,OAAO,EACL,MAAM,EACN,IAAI,EACJ,UAAU,EACV,SAAS,EACT,WAAW,EAGZ,MAAM,iBAAiB,CAAC;AAEzB,eAAe;AACf,OAAO,EAEL,QAAQ,EAGT,MAAM,6BAA6B,CAAC;AAErC,MAAM,CAAC,OAAO,UAAU,gBAAgB;IACtC,6CAA6C;IAC7C,IAAM,YAAY,GAAqD;QACrE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS;KACvC,CAAC;IAEF,IAAM,cAAc,GAAgD;QAClE,SAAS,EAAE,WAAW,EAAE,UAAU;KACnC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,uBAAuB,aACpC,aAAI,SAAS,EAAC,gCAAgC,kCAAuB,EAErE,mBAAS,SAAS,EAAC,OAAO,aACxB,aAAI,SAAS,EAAC,oCAAoC,wBAAa,EAC/D,cAAK,SAAS,EAAC,wBAAwB,YACpC,YAAY,CAAC,GAAG,CAAC,UAAA,KAAK,IAAI,OAAA,CACzB,MAAC,IAAI,eACH,KAAC,UAAU,cACT,MAAC,SAAS,eAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,gBAAqB,GACpE,EACb,KAAC,WAAW,IAAC,SAAS,EAAC,WAAW,YAC/B,cAAc,CAAC,GAAG,CAAC,UAAA,OAAO,IAAI,OAAA,CAC7B,eAAiC,SAAS,EAAC,yBAAyB,aAClE,KAAC,MAAM,IACL,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,YAEf,OAAO,GACD,EACT,KAAC,MAAM,IACL,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,KAAC,QAAQ,IAAC,SAAS,EAAC,SAAS,GAAG,0BAGnC,KAbD,UAAG,KAAK,cAAI,OAAO,CAAE,CAczB,CACP,EAhB8B,CAgB9B,CAAC,GACU,KAtBL,KAAK,CAuBT,CACR,EAzB0B,CAyB1B,CAAC,GACE,IACE,IAGN,CACP,CAAC;AACJ,CAAC"}

package/dist/themes/index.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/themes/index.ts"],"names":[],"mappings":""}

package/dist/themes/index.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.js.map

package/dist/themes/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/themes/index.ts"],"names":[],"mappings":""}

package/dist/themes/theme-context.d.ts

@@ -0,0 +1,30 @@
+import React from "react";
+/**
+ * Theme context type definition
+ */
+type ThemeContextType = {
+    /** Current theme name (light, dark, system) */
+    theme: string;
+    /** Method to change the theme */
+    setTheme: (theme: string) => void;
+    /** Current resolved theme (light or dark) accounting for system preference */
+    resolvedTheme: string;
+    /** Whether the client-side code has been initialized */
+    isClient: boolean;
+    /** Whether the current theme is dark */
+    isDark: boolean;
+};
+/**
+ * ThemeContextProvider wraps the app and provides theme context
+ */
+export declare function ThemeContextProvider({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Custom hook to access theme context
+ *
+ * @returns Theme context object
+ */
+export declare function useTheme(): ThemeContextType;
+export {};
+//# sourceMappingURL=theme-context.d.ts.map

package/dist/themes/theme-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-context.d.ts","sourceRoot":"","sources":["../../src/themes/theme-context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAyD,MAAM,OAAO,CAAA;AAI7E;;GAEG;AACH,KAAK,gBAAgB,GAAG;IACtB,+CAA+C;IAC/C,KAAK,EAAE,MAAM,CAAC;IAEd,iCAAiC;IACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAElC,8EAA8E;IAC9E,aAAa,EAAE,MAAM,CAAC;IAEtB,wDAAwD;IACxD,QAAQ,EAAE,OAAO,CAAC;IAElB,wCAAwC;IACxC,MAAM,EAAE,OAAO,CAAC;CACjB,CAAA;AAID;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACT,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,2CAuBA;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,qBAQvB"}

package/dist/themes/theme-context.js

@@ -0,0 +1,40 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useState } from "react";
+import { useTheme as useNextTheme } from "next-themes";
+import { isDarkTheme } from "@/lib/theme-utils";
+var ThemeContext = createContext(undefined);
+/**
+ * ThemeContextProvider wraps the app and provides theme context
+ */
+export function ThemeContextProvider(_a) {
+    var children = _a.children;
+    var _b = useState(false), isClient = _b[0], setIsClient = _b[1];
+    var _c = useNextTheme(), theme = _c.theme, setTheme = _c.setTheme, resolvedTheme = _c.resolvedTheme, systemTheme = _c.systemTheme;
+    // Handle client-side hydration
+    useEffect(function () {
+        setIsClient(true);
+    }, []);
+    // Determine if the theme is dark
+    var isDark = isDarkTheme(theme, systemTheme);
+    return (_jsx(ThemeContext.Provider, { value: {
+            theme: theme || "system",
+            setTheme: setTheme,
+            resolvedTheme: resolvedTheme || "light",
+            isClient: isClient,
+            isDark: isDark,
+        }, children: children }));
+}
+/**
+ * Custom hook to access theme context
+ *
+ * @returns Theme context object
+ */
+export function useTheme() {
+    var context = useContext(ThemeContext);
+    if (context === undefined) {
+        throw new Error("useTheme must be used within a ThemeContextProvider");
+    }
+    return context;
+}
+//# sourceMappingURL=theme-context.js.map

package/dist/themes/theme-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-context.js","sourceRoot":"","sources":["../../src/themes/theme-context.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC7E,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,aAAa,CAAA;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAsB/C,IAAM,YAAY,GAAG,aAAa,CAA+B,SAAS,CAAC,CAAC;AAE5E;;GAEG;AACH,MAAM,UAAU,oBAAoB,CAAC,EAIpC;QAHC,QAAQ,cAAA;IAIF,IAAA,KAA0B,QAAQ,CAAC,KAAK,CAAC,EAAxC,QAAQ,QAAA,EAAE,WAAW,QAAmB,CAAC;IAC1C,IAAA,KAAkD,YAAY,EAAE,EAA9D,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,aAAa,mBAAA,EAAE,WAAW,iBAAmB,CAAC;IAEvE,+BAA+B;IAC/B,SAAS,CAAC;QACR,WAAW,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,iCAAiC;IACjC,IAAM,MAAM,GAAG,WAAW,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;IAE/C,OAAO,CACL,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE;YAC5B,KAAK,EAAE,KAAK,IAAI,QAAQ;YACxB,QAAQ,UAAA;YACR,aAAa,EAAE,aAAa,IAAI,OAAO;YACvC,QAAQ,UAAA;YACR,MAAM,QAAA;SACP,YACE,QAAQ,GACa,CACzB,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,QAAQ;IACtB,IAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAEzC,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,MAAM,IAAI,KAAK,CAAC,qDAAqD,CAAC,CAAC;IACzE,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/dist/themes/theme-provider.d.ts

@@ -0,0 +1,9 @@
+import type { ThemeProviderProps } from "next-themes/dist/types";
+/**
+ * ThemeProvider component for handling theme state
+ *
+ * This wraps the next-themes provider with sensible defaults
+ * for handling light/dark themes and system preferences
+ */
+export declare function ThemeProvider({ children, ...props }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=theme-provider.d.ts.map

package/dist/themes/theme-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider.d.ts","sourceRoot":"","sources":["../../src/themes/theme-provider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAEhE;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAYpB"}

package/dist/themes/theme-provider.js

@@ -0,0 +1,36 @@
+"use client";
+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 { ThemeProvider as NextThemesProvider } from "next-themes";
+/**
+ * ThemeProvider component for handling theme state
+ *
+ * This wraps the next-themes provider with sensible defaults
+ * for handling light/dark themes and system preferences
+ */
+export function ThemeProvider(_a) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (_jsx(NextThemesProvider, __assign({ attribute: "class", defaultTheme: "system", enableSystem: true, disableTransitionOnChange: true }, props, { children: children })));
+}
+//# sourceMappingURL=theme-provider.js.map

package/dist/themes/theme-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider.js","sourceRoot":"","sources":["../../src/themes/theme-provider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;;;;;;;;;;;;;;;;;;;;;;;AAGZ,OAAO,EAAE,aAAa,IAAI,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAGjE;;;;;GAKG;AACH,MAAM,UAAU,aAAa,CAAC,EAGT;IAFnB,IAAA,QAAQ,cAAA,EACL,KAAK,cAFoB,YAG7B,CADS;IAER,OAAO,CACL,KAAC,kBAAkB,aACjB,SAAS,EAAC,OAAO,EACjB,YAAY,EAAC,QAAQ,EACrB,YAAY,QACZ,yBAAyB,UACrB,KAAK,cAER,QAAQ,IACU,CACtB,CAAA;AACH,CAAC"}

package/dist/tokens/colors.d.ts

@@ -0,0 +1,135 @@
+/**
+ * Color token definitions based on the design system
+ */
+export declare const colors: {
+    brand: {
+        25: string;
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    error: {
+        25: string;
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    warning: {
+        25: string;
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    success: {
+        25: string;
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    gray: {
+        25: string;
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        950: string;
+    };
+    text: {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        disabled: string;
+        brand: string;
+        'on-brand': string;
+        error: string;
+        warning: string;
+        success: string;
+    };
+    background: {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        brand: string;
+        error: string;
+        warning: string;
+        success: string;
+        card: string;
+    };
+    border: {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        brand: string;
+        error: string;
+        warning: string;
+        success: string;
+    };
+    focus: {
+        ring: string;
+        brand: string;
+        error: string;
+        warning: string;
+        success: string;
+    };
+    button: {
+        primary: {
+            bg: string;
+            text: string;
+            hover: string;
+            focus: string;
+        };
+        secondary: {
+            bg: string;
+            text: string;
+            border: string;
+            hover: string;
+            focus: string;
+        };
+        tertiary: {
+            bg: string;
+            text: string;
+            hover: string;
+            focus: string;
+        };
+    };
+};
+export type Colors = typeof colors;
+//# sourceMappingURL=colors.d.ts.map

package/dist/tokens/colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/tokens/colors.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsIlB,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG,OAAO,MAAM,CAAC"}

package/dist/tokens/colors.js

@@ -0,0 +1,137 @@
+/**
+ * Color token definitions based on the design system
+ */
+export var colors = {
+    // Base colors
+    brand: {
+        25: 'hsl(var(--brand-25))',
+        50: 'hsl(var(--brand-50))',
+        100: 'hsl(var(--brand-100))',
+        200: 'hsl(var(--brand-200))',
+        300: 'hsl(var(--brand-300))',
+        400: 'hsl(var(--brand-400))',
+        500: 'hsl(var(--brand-500))',
+        600: 'hsl(var(--brand-600))',
+        700: 'hsl(var(--brand-700))',
+        800: 'hsl(var(--brand-800))',
+        900: 'hsl(var(--brand-900))',
+        950: 'hsl(var(--brand-950))',
+    },
+    error: {
+        25: 'hsl(var(--error-25))',
+        50: 'hsl(var(--error-50))',
+        100: 'hsl(var(--error-100))',
+        200: 'hsl(var(--error-200))',
+        300: 'hsl(var(--error-300))',
+        400: 'hsl(var(--error-400))',
+        500: 'hsl(var(--error-500))',
+        600: 'hsl(var(--error-600))',
+        700: 'hsl(var(--error-700))',
+        800: 'hsl(var(--error-800))',
+        900: 'hsl(var(--error-900))',
+        950: 'hsl(var(--error-950))',
+    },
+    warning: {
+        25: 'hsl(var(--warning-25))',
+        50: 'hsl(var(--warning-50))',
+        100: 'hsl(var(--warning-100))',
+        200: 'hsl(var(--warning-200))',
+        300: 'hsl(var(--warning-300))',
+        400: 'hsl(var(--warning-400))',
+        500: 'hsl(var(--warning-500))',
+        600: 'hsl(var(--warning-600))',
+        700: 'hsl(var(--warning-700))',
+        800: 'hsl(var(--warning-800))',
+        900: 'hsl(var(--warning-900))',
+        950: 'hsl(var(--warning-950))',
+    },
+    success: {
+        25: 'hsl(var(--success-25))',
+        50: 'hsl(var(--success-50))',
+        100: 'hsl(var(--success-100))',
+        200: 'hsl(var(--success-200))',
+        300: 'hsl(var(--success-300))',
+        400: 'hsl(var(--success-400))',
+        500: 'hsl(var(--success-500))',
+        600: 'hsl(var(--success-600))',
+        700: 'hsl(var(--success-700))',
+        800: 'hsl(var(--success-800))',
+        900: 'hsl(var(--success-900))',
+        950: 'hsl(var(--success-950))',
+    },
+    gray: {
+        25: 'hsl(var(--gray-25))',
+        50: 'hsl(var(--gray-50))',
+        100: 'hsl(var(--gray-100))',
+        200: 'hsl(var(--gray-200))',
+        300: 'hsl(var(--gray-300))',
+        400: 'hsl(var(--gray-400))',
+        500: 'hsl(var(--gray-500))',
+        600: 'hsl(var(--gray-600))',
+        700: 'hsl(var(--gray-700))',
+        800: 'hsl(var(--gray-800))',
+        900: 'hsl(var(--gray-900))',
+        950: 'hsl(var(--gray-950))',
+    },
+    // Semantic tokens
+    text: {
+        primary: 'hsl(var(--foreground))',
+        secondary: 'hsl(var(--muted-foreground))',
+        tertiary: 'hsl(var(--muted-foreground))',
+        disabled: 'hsl(var(--muted-foreground))',
+        brand: 'hsl(var(--brand-700))',
+        'on-brand': 'hsl(var(--brand-50))',
+        error: 'hsl(var(--error-600))',
+        warning: 'hsl(var(--warning-600))',
+        success: 'hsl(var(--success-600))',
+    },
+    background: {
+        primary: 'hsl(var(--background))',
+        secondary: 'hsl(var(--secondary))',
+        tertiary: 'hsl(var(--muted))',
+        brand: 'hsl(var(--brand-50))',
+        error: 'hsl(var(--error-50))',
+        warning: 'hsl(var(--warning-50))',
+        success: 'hsl(var(--success-50))',
+        card: 'hsl(var(--card))',
+    },
+    border: {
+        primary: 'hsl(var(--border))',
+        secondary: 'hsl(var(--input))',
+        tertiary: 'hsl(var(--accent))',
+        brand: 'hsl(var(--brand-300))',
+        error: 'hsl(var(--error-300))',
+        warning: 'hsl(var(--warning-300))',
+        success: 'hsl(var(--success-300))',
+    },
+    focus: {
+        ring: 'hsl(var(--ring))',
+        brand: 'hsl(var(--brand-500))',
+        error: 'hsl(var(--error-500))',
+        warning: 'hsl(var(--warning-500))',
+        success: 'hsl(var(--success-500))',
+    },
+    // Component-specific
+    button: {
+        primary: {
+            bg: 'hsl(var(--brand-600))',
+            text: 'white',
+            hover: 'hsl(var(--brand-700))',
+            focus: 'hsl(var(--brand-500))',
+        },
+        secondary: {
+            bg: 'transparent',
+            text: 'hsl(var(--brand-700))',
+            border: 'hsl(var(--brand-300))',
+            hover: 'hsl(var(--brand-50))',
+            focus: 'hsl(var(--brand-500))',
+        },
+        tertiary: {
+            bg: 'transparent',
+            text: 'hsl(var(--brand-700))',
+            hover: 'hsl(var(--brand-50))',
+            focus: 'hsl(var(--brand-500))',
+        },
+    },
+};
+//# sourceMappingURL=colors.js.map

package/dist/tokens/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../src/tokens/colors.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,CAAC,IAAM,MAAM,GAAG;IACpB,cAAc;IACd,KAAK,EAAE;QACL,EAAE,EAAE,sBAAsB;QAC1B,EAAE,EAAE,sBAAsB;QAC1B,GAAG,EAAE,uBAAuB;QAC5B,GAAG,EAAE,uBAAuB;QAC5B,GAAG,EAAE,uBAAuB;QAC5B,GAAG,EAAE,uBAAuB;QAC5B,GAAG,EAAE,uBAAuB;QAC5B,GAAG,EAAE,uBAAuB;QAC5B,GAAG,EAAE,uBAAuB;QAC5B,GAAG,EAAE,uBAAuB;QAC5B,GAAG,EAAE,uBAAuB;QAC5B,GAAG,EAAE,uBAAuB;KAC7B;IACD,KAAK,EAAE;QACL,EAAE,EAAE,sBAAsB;QAC1B,EAAE,EAAE,sBAAsB;QAC1B,GAAG,EAAE,uBAAuB;QAC5B,GAAG,EAAE,uBAAuB;QAC5B,GAAG,EAAE,uBAAuB;QAC5B,GAAG,EAAE,uBAAuB;QAC5B,GAAG,EAAE,uBAAuB;QAC5B,GAAG,EAAE,uBAAuB;QAC5B,GAAG,EAAE,uBAAuB;QAC5B,GAAG,EAAE,uBAAuB;QAC5B,GAAG,EAAE,uBAAuB;QAC5B,GAAG,EAAE,uBAAuB;KAC7B;IACD,OAAO,EAAE;QACP,EAAE,EAAE,wBAAwB;QAC5B,EAAE,EAAE,wBAAwB;QAC5B,GAAG,EAAE,yBAAyB;QAC9B,GAAG,EAAE,yBAAyB;QAC9B,GAAG,EAAE,yBAAyB;QAC9B,GAAG,EAAE,yBAAyB;QAC9B,GAAG,EAAE,yBAAyB;QAC9B,GAAG,EAAE,yBAAyB;QAC9B,GAAG,EAAE,yBAAyB;QAC9B,GAAG,EAAE,yBAAyB;QAC9B,GAAG,EAAE,yBAAyB;QAC9B,GAAG,EAAE,yBAAyB;KAC/B;IACD,OAAO,EAAE;QACP,EAAE,EAAE,wBAAwB;QAC5B,EAAE,EAAE,wBAAwB;QAC5B,GAAG,EAAE,yBAAyB;QAC9B,GAAG,EAAE,yBAAyB;QAC9B,GAAG,EAAE,yBAAyB;QAC9B,GAAG,EAAE,yBAAyB;QAC9B,GAAG,EAAE,yBAAyB;QAC9B,GAAG,EAAE,yBAAyB;QAC9B,GAAG,EAAE,yBAAyB;QAC9B,GAAG,EAAE,yBAAyB;QAC9B,GAAG,EAAE,yBAAyB;QAC9B,GAAG,EAAE,yBAAyB;KAC/B;IACD,IAAI,EAAE;QACJ,EAAE,EAAE,qBAAqB;QACzB,EAAE,EAAE,qBAAqB;QACzB,GAAG,EAAE,sBAAsB;QAC3B,GAAG,EAAE,sBAAsB;QAC3B,GAAG,EAAE,sBAAsB;QAC3B,GAAG,EAAE,sBAAsB;QAC3B,GAAG,EAAE,sBAAsB;QAC3B,GAAG,EAAE,sBAAsB;QAC3B,GAAG,EAAE,sBAAsB;QAC3B,GAAG,EAAE,sBAAsB;QAC3B,GAAG,EAAE,sBAAsB;QAC3B,GAAG,EAAE,sBAAsB;KAC5B;IAED,kBAAkB;IAClB,IAAI,EAAE;QACJ,OAAO,EAAE,wBAAwB;QACjC,SAAS,EAAE,8BAA8B;QACzC,QAAQ,EAAE,8BAA8B;QACxC,QAAQ,EAAE,8BAA8B;QACxC,KAAK,EAAE,uBAAuB;QAC9B,UAAU,EAAE,sBAAsB;QAClC,KAAK,EAAE,uBAAuB;QAC9B,OAAO,EAAE,yBAAyB;QAClC,OAAO,EAAE,yBAAyB;KACnC;IACD,UAAU,EAAE;QACV,OAAO,EAAE,wBAAwB;QACjC,SAAS,EAAE,uBAAuB;QAClC,QAAQ,EAAE,mBAAmB;QAC7B,KAAK,EAAE,sBAAsB;QAC7B,KAAK,EAAE,sBAAsB;QAC7B,OAAO,EAAE,wBAAwB;QACjC,OAAO,EAAE,wBAAwB;QACjC,IAAI,EAAE,kBAAkB;KACzB;IACD,MAAM,EAAE;QACN,OAAO,EAAE,oBAAoB;QAC7B,SAAS,EAAE,mBAAmB;QAC9B,QAAQ,EAAE,oBAAoB;QAC9B,KAAK,EAAE,uBAAuB;QAC9B,KAAK,EAAE,uBAAuB;QAC9B,OAAO,EAAE,yBAAyB;QAClC,OAAO,EAAE,yBAAyB;KACnC;IACD,KAAK,EAAE;QACL,IAAI,EAAE,kBAAkB;QACxB,KAAK,EAAE,uBAAuB;QAC9B,KAAK,EAAE,uBAAuB;QAC9B,OAAO,EAAE,yBAAyB;QAClC,OAAO,EAAE,yBAAyB;KACnC;IAED,qBAAqB;IACrB,MAAM,EAAE;QACN,OAAO,EAAE;YACP,EAAE,EAAE,uBAAuB;YAC3B,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,uBAAuB;YAC9B,KAAK,EAAE,uBAAuB;SAC/B;QACD,SAAS,EAAE;YACT,EAAE,EAAE,aAAa;YACjB,IAAI,EAAE,uBAAuB;YAC7B,MAAM,EAAE,uBAAuB;YAC/B,KAAK,EAAE,sBAAsB;YAC7B,KAAK,EAAE,uBAAuB;SAC/B;QACD,QAAQ,EAAE;YACR,EAAE,EAAE,aAAa;YACjB,IAAI,EAAE,uBAAuB;YAC7B,KAAK,EAAE,sBAAsB;YAC7B,KAAK,EAAE,uBAAuB;SAC/B;KACF;CACF,CAAC"}