thread-ui 0.1.2 → 0.1.5

package/dist/components/ui/toggle/toggle.types.d.ts

@@ -0,0 +1,7 @@
+import { UtilityColorOptions } from '../../../types';
+export type ToggleProps = {
+    isOn: boolean;
+    onToggle: () => void;
+    color?: UtilityColorOptions;
+};
+//# sourceMappingURL=toggle.types.d.ts.map

package/dist/components/ui/toggle/toggle.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.types.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/toggle/toggle.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAErD,MAAM,MAAM,WAAW,GAAG;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,mBAAmB,CAAC;CAC5B,CAAC"}

package/dist/components/ui/toggle/toggle.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=toggle.types.js.map

package/dist/components/ui/toggle/toggle.types.js.map

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

package/dist/defaults/container/container.d.ts

@@ -0,0 +1,6 @@
+import { CSSProperties } from 'react';
+/**
+ * Default Container
+ */
+export declare const CONTAINER_STYLES: CSSProperties;
+//# sourceMappingURL=container.d.ts.map

package/dist/defaults/container/container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../src/defaults/container/container.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,aAO9B,CAAC"}

package/dist/defaults/container/container.js

@@ -0,0 +1,12 @@
+/**
+ * Default Container
+ */
+export const CONTAINER_STYLES = {
+    width: '100%',
+    marginRight: 'auto',
+    marginLeft: 'auto',
+    maxWidth: '1400px',
+    paddingRight: '2rem',
+    paddingLeft: '2rem',
+};
+//# sourceMappingURL=container.js.map

package/dist/defaults/container/container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../src/defaults/container/container.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAkB;IAC9C,KAAK,EAAE,MAAM;IACb,WAAW,EAAE,MAAM;IACnB,UAAU,EAAE,MAAM;IAClB,QAAQ,EAAE,QAAQ;IAClB,YAAY,EAAE,MAAM;IACpB,WAAW,EAAE,MAAM;CACnB,CAAC"}

package/dist/defaults/container/index.d.ts

@@ -0,0 +1,2 @@
+export { CONTAINER_STYLES } from './container';
+//# sourceMappingURL=index.d.ts.map

package/dist/defaults/container/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/defaults/container/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC"}

package/dist/defaults/container/index.js

@@ -0,0 +1,2 @@
+export { CONTAINER_STYLES } from './container';
+//# sourceMappingURL=index.js.map

package/dist/defaults/container/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/defaults/container/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC"}

package/dist/defaults/index.d.ts

@@ -1,2 +1,2 @@
-export { DEFAULT_THEME } from './theme/default-theme';
+export { CONTAINER_STYLES } from './container';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/defaults/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/defaults/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC"}

package/dist/defaults/index.js

@@ -1,3 +1,2 @@
-// Theme
-export { DEFAULT_THEME } from './theme/default-theme';
+export { CONTAINER_STYLES } from './container';
 //# sourceMappingURL=index.js.map

package/dist/defaults/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/defaults/index.ts"],"names":[],"mappings":"AAAA,QAAQ;AACR,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/defaults/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC"}

package/dist/functions/index.d.ts

@@ -0,0 +1,3 @@
+export * from './make-styles';
+export * from './theme/index';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/functions/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC"}

package/dist/functions/index.js

@@ -0,0 +1,3 @@
+export * from './make-styles';
+export * from './theme/index';
+//# sourceMappingURL=index.js.map

package/dist/functions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/functions/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC"}

package/dist/functions/make-styles/index.d.ts

@@ -0,0 +1,2 @@
+export { makeStyles, makeStyleObject, useThreadStyles, useThreadStyleObjects } from './make-styles';
+//# sourceMappingURL=index.d.ts.map

package/dist/functions/make-styles/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/functions/make-styles/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC"}

package/dist/functions/make-styles/index.js

@@ -0,0 +1,2 @@
+export { makeStyles, makeStyleObject, useThreadStyles, useThreadStyleObjects } from './make-styles';
+//# sourceMappingURL=index.js.map

package/dist/functions/make-styles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/functions/make-styles/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC"}

package/dist/functions/make-styles/make-styles.d.ts

@@ -0,0 +1,54 @@
+import { CSSProperties } from 'react';
+type ResponsiveValue<T> = {
+    sm: T;
+    md?: T;
+    lg?: T;
+    xl?: T;
+    xxl?: T;
+};
+type CSSPropertiesWithCustomValues = {
+    [K in keyof CSSProperties]: CSSProperties[K] | string | number;
+};
+/**
+ * Extension of CSSProperties, with option to pass in responsive object
+ */
+type ResponsiveStyles = {
+    [K in keyof CSSProperties]?: CSSProperties[K] | ResponsiveValue<CSSProperties[K] | string | number>;
+};
+/**
+ * Extension of ResponsiveStyles, with nested Hover and Dark mode Properties
+ */
+type MakeStylesProps = ResponsiveStyles & {
+    hover?: CSSPropertiesWithCustomValues;
+    dark?: MakeStylesProps;
+};
+/**
+ * Generate CSS Classes through Emotion CSS
+ * @param styles Responsive CSSProperties with optional dark mode support
+ * @returns CSS Class Name
+ */
+export declare const makeStyles: (styles: MakeStylesProps) => string;
+/**
+ * Generate object CSS Classes through Emotion CSS
+ * @param styles Responsive CSSProperties
+ * @returns Dictionary of CSS Class Names
+ */
+export declare const makeStyleObject: (styles: Record<string, MakeStylesProps>) => {
+    [k: string]: string;
+};
+/**
+ * Generate memoized CSS Classes through Emotion CSS
+ * @param styles Responsive CSSProperties
+ * @returns CSS Class Name
+ */
+export declare const useThreadStyles: (styles: MakeStylesProps) => string;
+/**
+ * Generate memoized object CSS Classes through Emotion CSS
+ * @param styles Responsive CSSProperties
+ * @returns Dictionary of CSS Class Names
+ */
+export declare const useThreadStyleObjects: (styles: Record<string, MakeStylesProps>) => {
+    [k: string]: string;
+};
+export {};
+//# sourceMappingURL=make-styles.d.ts.map

package/dist/functions/make-styles/make-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"make-styles.d.ts","sourceRoot":"","sources":["../../../src/functions/make-styles/make-styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAW,MAAM,OAAO,CAAC;AAY/C,KAAK,eAAe,CAAC,CAAC,IAAI;IACzB,EAAE,EAAE,CAAC,CAAC;IACN,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,GAAG,CAAC,EAAE,CAAC,CAAC;CACR,CAAC;AAGF,KAAK,6BAA6B,GAAG;KACnC,CAAC,IAAI,MAAM,aAAa,GAAG,aAAa,CAAC,CAAC,CAAC,GAAG,MAAM,GAAG,MAAM;CAC9D,CAAC;AAEF;;GAEG;AACH,KAAK,gBAAgB,GAAG;KACtB,CAAC,IAAI,MAAM,aAAa,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,eAAe,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,MAAM,GAAG,MAAM,CAAC;CACnG,CAAC;AAEF;;GAEG;AACH,KAAK,eAAe,GAAG,gBAAgB,GAAG;IACzC,KAAK,CAAC,EAAE,6BAA6B,CAAC;IACtC,IAAI,CAAC,EAAE,eAAe,CAAC;CACvB,CAAC;AAmEF;;;;GAIG;AACH,eAAO,MAAM,UAAU,WAAY,eAAe,WAsBjD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,eAAe,WAAY,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC;;CAEtE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,eAAe,WAAY,eAAe,WAEtD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,WAAY,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC;;CAI5E,CAAC"}

package/dist/functions/make-styles/make-styles.js

@@ -0,0 +1,115 @@
+import { css } from '@emotion/css';
+import { useMemo } from 'react';
+const BREAKPOINTS = {
+    sm: 0,
+    md: 768,
+    lg: 1024,
+    xl: 1280,
+    xxl: 1536,
+};
+// Check if a value is a responsive object
+const isResponsiveValue = (value) => {
+    return value !== null && typeof value === 'object' && 'sm' in value;
+};
+/**
+ * Process styles into emotion-compatible object with media queries
+ */
+const processStyles = (styles) => {
+    const { hover, ...baseStyles } = styles;
+    // Create the base style object
+    const baseStyleObject = {};
+    // Media query style objects
+    const mediaQueries = {
+        sm: {},
+        md: {},
+        lg: {},
+        xl: {},
+        xxl: {},
+    };
+    // Process each style property
+    Object.entries(baseStyles).forEach(([key, value]) => {
+        if (isResponsiveValue(value)) {
+            // Handle responsive values
+            Object.entries(value).forEach(([breakpoint, breakpointValue]) => {
+                const bpKey = breakpoint;
+                if (breakpointValue !== undefined) {
+                    mediaQueries[bpKey][key] = breakpointValue;
+                }
+            });
+        }
+        else {
+            // Handle direct values
+            baseStyleObject[key] = value;
+        }
+    });
+    // Merge sm styles into base styles
+    Object.assign(baseStyleObject, mediaQueries.sm);
+    // Create the final style object with media queries
+    const emotionStyleObject = {
+        ...baseStyleObject,
+    };
+    // Add media queries for other breakpoints
+    Object.entries(BREAKPOINTS).forEach(([breakpoint, minWidth]) => {
+        if (breakpoint === 'sm')
+            return; // Skip sm as it's included in base styles
+        const bpKey = breakpoint;
+        if (Object.keys(mediaQueries[bpKey]).length > 0) {
+            emotionStyleObject[`@media (min-width: ${minWidth}px)`] = mediaQueries[bpKey];
+        }
+    });
+    // Add hover styles if provided
+    if (hover) {
+        emotionStyleObject['&:hover'] = hover;
+    }
+    return emotionStyleObject;
+};
+/**
+ * Generate CSS Classes through Emotion CSS
+ * @param styles Responsive CSSProperties with optional dark mode support
+ * @returns CSS Class Name
+ */
+export const makeStyles = (styles) => {
+    const { dark, ...lightStyles } = styles;
+    // Process light mode styles
+    const emotionStyleObject = processStyles(lightStyles);
+    // Process dark mode styles if provided
+    if (dark) {
+        const darkStyleObject = processStyles(dark);
+        // Add explicit dark theme selector (matches your [data-theme='dark'] approach)
+        emotionStyleObject['[data-theme="dark"] &'] = darkStyleObject;
+        // Add system preference dark mode selector (matches your prefers-color-scheme approach)
+        emotionStyleObject['@media (prefers-color-scheme: dark)'] = {
+            ':root:not([data-theme]) &': darkStyleObject,
+        };
+    }
+    // Generate the className using Emotion's css function
+    const className = css(emotionStyleObject);
+    return className;
+};
+/**
+ * Generate object CSS Classes through Emotion CSS
+ * @param styles Responsive CSSProperties
+ * @returns Dictionary of CSS Class Names
+ */
+export const makeStyleObject = (styles) => {
+    return Object.fromEntries(Object.entries(styles).map(([key, value]) => [key, makeStyles(value)]));
+};
+/**
+ * Generate memoized CSS Classes through Emotion CSS
+ * @param styles Responsive CSSProperties
+ * @returns CSS Class Name
+ */
+export const useThreadStyles = (styles) => {
+    return useMemo(() => makeStyles(styles), [JSON.stringify(styles)]);
+};
+/**
+ * Generate memoized object CSS Classes through Emotion CSS
+ * @param styles Responsive CSSProperties
+ * @returns Dictionary of CSS Class Names
+ */
+export const useThreadStyleObjects = (styles) => {
+    return useMemo(() => {
+        return Object.fromEntries(Object.entries(styles).map(([key, value]) => [key, makeStyles(value)]));
+    }, [JSON.stringify(styles)]);
+};
+//# sourceMappingURL=make-styles.js.map

package/dist/functions/make-styles/make-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"make-styles.js","sourceRoot":"","sources":["../../../src/functions/make-styles/make-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,EAAiB,OAAO,EAAE,MAAM,OAAO,CAAC;AAE/C,MAAM,WAAW,GAAG;IACnB,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,GAAG,EAAE,IAAI;CACA,CAAC;AAgCX,0CAA0C;AAC1C,MAAM,iBAAiB,GAAG,CAAC,KAAU,EAAiC,EAAE;IACvE,OAAO,KAAK,KAAK,IAAI,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,IAAI,IAAI,KAAK,CAAC;AACrE,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,aAAa,GAAG,CAAC,MAAqC,EAAE,EAAE;IAC/D,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,GAAG,MAAM,CAAC;IAExC,+BAA+B;IAC/B,MAAM,eAAe,GAAwB,EAAE,CAAC;IAEhD,4BAA4B;IAC5B,MAAM,YAAY,GAA+C;QAChE,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,GAAG,EAAE,EAAE;KACP,CAAC;IAEF,8BAA8B;IAC9B,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QACnD,IAAI,iBAAiB,CAAC,KAAK,CAAC,EAAE,CAAC;YAC9B,2BAA2B;YAC3B,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,EAAE,eAAe,CAAC,EAAE,EAAE;gBAC/D,MAAM,KAAK,GAAG,UAA2B,CAAC;gBAC1C,IAAI,eAAe,KAAK,SAAS,EAAE,CAAC;oBACnC,YAAY,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,GAAG,eAAe,CAAC;gBAC5C,CAAC;YACF,CAAC,CAAC,CAAC;QACJ,CAAC;aAAM,CAAC;YACP,uBAAuB;YACvB,eAAe,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;QAC9B,CAAC;IACF,CAAC,CAAC,CAAC;IAEH,mCAAmC;IACnC,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE,YAAY,CAAC,EAAE,CAAC,CAAC;IAEhD,mDAAmD;IACnD,MAAM,kBAAkB,GAAwB;QAC/C,GAAG,eAAe;KAClB,CAAC;IAEF,0CAA0C;IAC1C,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,EAAE,QAAQ,CAAC,EAAE,EAAE;QAC9D,IAAI,UAAU,KAAK,IAAI;YAAE,OAAO,CAAC,0CAA0C;QAE3E,MAAM,KAAK,GAAG,UAA2B,CAAC;QAC1C,IAAI,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACjD,kBAAkB,CAAC,sBAAsB,QAAQ,KAAK,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;QAC/E,CAAC;IACF,CAAC,CAAC,CAAC;IAEH,+BAA+B;IAC/B,IAAI,KAAK,EAAE,CAAC;QACX,kBAAkB,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC;IACvC,CAAC;IAED,OAAO,kBAAkB,CAAC;AAC3B,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,MAAuB,EAAE,EAAE;IACrD,MAAM,EAAE,IAAI,EAAE,GAAG,WAAW,EAAE,GAAG,MAAM,CAAC;IAExC,4BAA4B;IAC5B,MAAM,kBAAkB,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC;IAEtD,uCAAuC;IACvC,IAAI,IAAI,EAAE,CAAC;QACV,MAAM,eAAe,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;QAE5C,+EAA+E;QAC/E,kBAAkB,CAAC,uBAAuB,CAAC,GAAG,eAAe,CAAC;QAE9D,wFAAwF;QACxF,kBAAkB,CAAC,qCAAqC,CAAC,GAAG;YAC3D,2BAA2B,EAAE,eAAe;SAC5C,CAAC;IACH,CAAC;IAED,sDAAsD;IACtD,MAAM,SAAS,GAAG,GAAG,CAAC,kBAAkB,CAAC,CAAC;IAC1C,OAAO,SAAS,CAAC;AAClB,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,MAAuC,EAAE,EAAE;IAC1E,OAAO,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;AACnG,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,MAAuB,EAAE,EAAE;IAC1D,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AACpE,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,MAAuC,EAAE,EAAE;IAChF,OAAO,OAAO,CAAC,GAAG,EAAE;QACnB,OAAO,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IACnG,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AAC9B,CAAC,CAAC"}

package/dist/functions/theme/index.d.ts

@@ -0,0 +1,4 @@
+export { ThreadTheme } from './thread-theme';
+export { ThemeProvider, useTheme, useThemeToggle } from './theme-provider/theme-provider';
+export type { ThemeContextType, ThemeProviderProps } from './theme-provider';
+//# sourceMappingURL=index.d.ts.map

package/dist/functions/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/functions/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAC1F,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/functions/theme/index.js

@@ -0,0 +1,3 @@
+export { ThreadTheme } from './thread-theme';
+export { ThemeProvider, useTheme, useThemeToggle } from './theme-provider/theme-provider';
+//# sourceMappingURL=index.js.map

package/dist/functions/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/functions/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC"}

package/dist/functions/theme/theme-provider/index.d.ts

@@ -0,0 +1,3 @@
+export type { ThemeContextType, ThemeProviderProps } from './theme-provider.types';
+export { ThemeProvider, useTheme, useThemeToggle } from './theme-provider';
+//# sourceMappingURL=index.d.ts.map

package/dist/functions/theme/theme-provider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/functions/theme/theme-provider/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACnF,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/functions/theme/theme-provider/index.js

@@ -0,0 +1,2 @@
+export { ThemeProvider, useTheme, useThemeToggle } from './theme-provider';
+//# sourceMappingURL=index.js.map

package/dist/functions/theme/theme-provider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/functions/theme/theme-provider/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/functions/theme/theme-provider/set-theme.d.ts

@@ -0,0 +1,8 @@
+import { ThemeConfig } from '../../../types';
+/**
+ * Override default Thread Theme with custom inputs
+ * @param userTheme Partial of Theme Object
+ * @returns CSS String
+ */
+export declare const setTheme: (userTheme: ThemeConfig) => string;
+//# sourceMappingURL=set-theme.d.ts.map

package/dist/functions/theme/theme-provider/set-theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"set-theme.d.ts","sourceRoot":"","sources":["../../../../src/functions/theme/theme-provider/set-theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGtC;;;;GAIG;AACH,eAAO,MAAM,QAAQ,cAAe,WAAW,WA2D9C,CAAC"}

package/dist/functions/theme/theme-provider/set-theme.js

@@ -0,0 +1,59 @@
+import { ThreadTheme, DarkModeVariables } from '../thread-theme';
+/**
+ * Override default Thread Theme with custom inputs
+ * @param userTheme Partial of Theme Object
+ * @returns CSS String
+ */
+export const setTheme = (userTheme) => {
+    const lightVariables = [];
+    const darkVariables = [];
+    const collectCSSVariables = (userObject, themeObject, targetArray) => {
+        if (!userObject)
+            return;
+        Object.entries(userObject).forEach(([key, value]) => {
+            const themeValue = themeObject?.[key];
+            if (!themeValue)
+                return;
+            if (value && typeof value === 'object' && typeof themeValue === 'object') {
+                collectCSSVariables(value, themeValue, targetArray);
+            }
+            else if (value !== undefined && typeof themeValue === 'string') {
+                targetArray.push(`${themeValue}: ${value}`);
+            }
+        });
+    };
+    const { darkMode, ...lightMode } = userTheme;
+    // Collect light mode variables
+    collectCSSVariables(lightMode, ThreadTheme, lightVariables);
+    // FIXED: Collect dark mode variables with correct theme object
+    if (darkMode) {
+        collectCSSVariables(darkMode, DarkModeVariables, darkVariables);
+    }
+    // Create CSS string with proper selectors
+    let cssString = '';
+    if (lightVariables.length > 0) {
+        cssString += `:root { ${lightVariables.join('; ')} }\n`;
+    }
+    if (darkVariables.length > 0) {
+        cssString += `:root[data-theme="dark"] { ${darkVariables.join('; ')} }\n`;
+    }
+    // Apply the CSS
+    if (typeof document !== 'undefined') {
+        let styleElement = document.getElementById('thread-ui-custom-theme');
+        if (!styleElement) {
+            styleElement = document.createElement('style');
+            styleElement.id = 'thread-ui-custom-theme';
+            document.head.appendChild(styleElement);
+        }
+        styleElement.textContent = cssString;
+        // Persist theme config
+        try {
+            localStorage.setItem('thread-ui-theme-config', JSON.stringify(userTheme));
+        }
+        catch (e) {
+            console.warn('Failed to persist theme:', e);
+        }
+    }
+    return cssString;
+};
+//# sourceMappingURL=set-theme.js.map

package/dist/functions/theme/theme-provider/set-theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"set-theme.js","sourceRoot":"","sources":["../../../../src/functions/theme/theme-provider/set-theme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEjE;;;;GAIG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,SAAsB,EAAE,EAAE;IAClD,MAAM,cAAc,GAAa,EAAE,CAAC;IACpC,MAAM,aAAa,GAAa,EAAE,CAAC;IAEnC,MAAM,mBAAmB,GAAG,CAAC,UAAe,EAAE,WAAgB,EAAE,WAAqB,EAAE,EAAE;QACxF,IAAI,CAAC,UAAU;YAAE,OAAO;QAExB,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;YACnD,MAAM,UAAU,GAAG,WAAW,EAAE,CAAC,GAAG,CAAC,CAAC;YACtC,IAAI,CAAC,UAAU;gBAAE,OAAO;YAExB,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE,CAAC;gBAC1E,mBAAmB,CAAC,KAAK,EAAE,UAAU,EAAE,WAAW,CAAC,CAAC;YACrD,CAAC;iBAAM,IAAI,KAAK,KAAK,SAAS,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE,CAAC;gBAClE,WAAW,CAAC,IAAI,CAAC,GAAG,UAAU,KAAK,KAAK,EAAE,CAAC,CAAC;YAC7C,CAAC;QACF,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,SAAS,CAAC;IAE7C,+BAA+B;IAC/B,mBAAmB,CAAC,SAAS,EAAE,WAAW,EAAE,cAAc,CAAC,CAAC;IAE5D,+DAA+D;IAC/D,IAAI,QAAQ,EAAE,CAAC;QACd,mBAAmB,CAAC,QAAQ,EAAE,iBAAiB,EAAE,aAAa,CAAC,CAAC;IACjE,CAAC;IAED,0CAA0C;IAC1C,IAAI,SAAS,GAAG,EAAE,CAAC;IAEnB,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAC/B,SAAS,IAAI,WAAW,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;IACzD,CAAC;IAED,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAC9B,SAAS,IAAI,8BAA8B,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;IAC3E,CAAC;IAED,gBAAgB;IAChB,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,CAAC;QACrC,IAAI,YAAY,GAAG,QAAQ,CAAC,cAAc,CAAC,wBAAwB,CAAC,CAAC;QACrE,IAAI,CAAC,YAAY,EAAE,CAAC;YACnB,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YAC/C,YAAY,CAAC,EAAE,GAAG,wBAAwB,CAAC;YAC3C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;QACzC,CAAC;QACD,YAAY,CAAC,WAAW,GAAG,SAAS,CAAC;QAErC,uBAAuB;QACvB,IAAI,CAAC;YACJ,YAAY,CAAC,OAAO,CAAC,wBAAwB,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;QAC3E,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACZ,OAAO,CAAC,IAAI,CAAC,0BAA0B,EAAE,CAAC,CAAC,CAAC;QAC7C,CAAC;IACF,CAAC;IAED,OAAO,SAAS,CAAC;AAClB,CAAC,CAAC"}

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

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+import { ThemeConfig } from '../../../types';
+type ThemeContextType = {
+    mode: 'light' | 'dark' | 'system';
+    setMode: (mode: 'light' | 'dark' | 'system') => void;
+    toggleMode: () => void;
+};
+interface ThemeProviderProps {
+    children: ReactNode;
+    theme?: ThemeConfig;
+    defaultMode?: 'light' | 'dark' | 'system';
+}
+export declare function ThemeProvider({ children, theme, defaultMode }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useTheme(): ThemeContextType;
+export declare function useThemeToggle(): () => void;
+export declare function useThemeConfig(): {
+    updateTheme: (newTheme: ThemeConfig) => void;
+    resetTheme: () => void;
+};
+export {};
+//# sourceMappingURL=theme-provider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider.d.ts","sourceRoot":"","sources":["../../../../src/functions/theme/theme-provider/theme-provider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkD,SAAS,EAAE,MAAM,OAAO,CAAC;AAElF,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGtC,KAAK,gBAAgB,GAAG;IACvB,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;IAClC,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,KAAK,IAAI,CAAC;IACrD,UAAU,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAyEF,UAAU,kBAAkB;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;CAC1C;AAED,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAsB,EAAE,EAAE,kBAAkB,2CAoG5F;AAGD,wBAAgB,QAAQ,qBAMvB;AAGD,wBAAgB,cAAc,UAhMX,IAAI,CAmMtB;AAGD,wBAAgB,cAAc;4BAEJ,WAAW;;EAkBpC"}

package/dist/functions/theme/theme-provider/theme-provider.js

@@ -0,0 +1,196 @@
+'use client';
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useState } from 'react';
+import { setTheme } from './set-theme';
+const ThemeContext = createContext({
+    mode: 'system',
+    setMode: () => { },
+    toggleMode: () => { },
+});
+// No-flash script as a string (will be injected)
+// Enhanced no-flash script for ThemeProvider
+const NO_FLASH_SCRIPT = `
+(function() {
+  try {
+    const getSystemTheme = () => window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+    const stored = localStorage.getItem('thread-ui-mode');
+    const mode = stored || 'system';
+    const actualMode = mode === 'system' ? getSystemTheme() : mode;
+    
+    // Apply theme class to prevent flash
+    document.documentElement.setAttribute('data-theme', actualMode);
+    document.documentElement.style.colorScheme = actualMode;
+    
+    // ENHANCED: Also restore custom theme CSS immediately
+    try {
+      const storedThemeConfig = localStorage.getItem('thread-ui-theme-config');
+      if (storedThemeConfig) {
+        const themeConfig = JSON.parse(storedThemeConfig);
+        
+        // Quick and dirty CSS variable application
+        const applyThemeVariables = (config, selector = ':root') => {
+          const styles = [];
+          
+          const flatten = (obj, prefix = '--thread-') => {
+            Object.entries(obj).forEach(([key, value]) => {
+              if (value && typeof value === 'object' && !Array.isArray(value)) {
+                flatten(value, prefix + key + '-');
+              } else if (typeof value === 'string') {
+                styles.push(prefix + key + ': ' + value);
+              }
+            });
+          };
+          
+          flatten(config);
+          
+          if (styles.length > 0) {
+            const styleEl = document.createElement('style');
+            styleEl.id = 'thread-ui-no-flash-theme';
+            styleEl.textContent = selector + ' { ' + styles.join('; ') + ' }';
+            document.head.appendChild(styleEl);
+          }
+        };
+        
+        // Apply light mode variables
+        const { darkMode, ...lightMode } = themeConfig;
+        if (Object.keys(lightMode).length > 0) {
+          applyThemeVariables(lightMode, ':root');
+        }
+        
+        // Apply dark mode variables if in dark mode
+        if (darkMode && actualMode === 'dark') {
+          applyThemeVariables(darkMode, ':root[data-theme="dark"]');
+        }
+      }
+    } catch (themeError) {
+      console.warn('Failed to restore theme in no-flash script:', themeError);
+    }
+    
+  } catch (e) {
+    document.documentElement.setAttribute('data-theme', 'light');
+  }
+})();
+`;
+export function ThemeProvider({ children, theme, defaultMode = 'system' }) {
+    const [mode, setModeState] = useState(defaultMode);
+    const [mounted, setMounted] = useState(false);
+    // Inject no-flash script on first mount
+    useEffect(() => {
+        // Only inject if not already present
+        if (typeof document !== 'undefined' && !document.getElementById('thread-ui-no-flash')) {
+            const script = document.createElement('script');
+            script.id = 'thread-ui-no-flash';
+            script.innerHTML = NO_FLASH_SCRIPT;
+            document.head.insertBefore(script, document.head.firstChild);
+        }
+        setMounted(true);
+    }, []);
+    // Initialize theme and mode from localStorage
+    useEffect(() => {
+        if (!mounted)
+            return;
+        const initializeTheme = () => {
+            try {
+                // Get stored mode preference
+                const storedMode = localStorage.getItem('thread-ui-mode');
+                const initialMode = storedMode || defaultMode;
+                setModeState(initialMode);
+                // FIXED: Restore custom theme from localStorage first
+                let appliedTheme;
+                try {
+                    const storedThemeConfig = localStorage.getItem('thread-ui-theme-config');
+                    if (storedThemeConfig) {
+                        appliedTheme = JSON.parse(storedThemeConfig);
+                        setTheme(appliedTheme);
+                    }
+                }
+                catch (e) {
+                    console.warn('Failed to restore stored theme config:', e);
+                }
+                // Apply theme prop if provided (this overrides stored theme)
+                if (theme) {
+                    setTheme(theme);
+                    appliedTheme = theme;
+                }
+                // Set up system theme listener for 'system' mode
+                const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
+                const handleSystemChange = () => {
+                    if (initialMode === 'system') {
+                        const systemMode = mediaQuery.matches ? 'dark' : 'light';
+                        document.documentElement.setAttribute('data-theme', systemMode);
+                        document.documentElement.style.colorScheme = systemMode;
+                    }
+                };
+                mediaQuery.addEventListener('change', handleSystemChange);
+                // Initial application
+                handleSystemChange();
+                return () => mediaQuery.removeEventListener('change', handleSystemChange);
+            }
+            catch (e) {
+                console.warn('Theme initialization failed:', e);
+            }
+        };
+        const cleanup = initializeTheme();
+        return cleanup;
+    }, [mounted, theme, defaultMode]);
+    const setMode = (newMode) => {
+        setModeState(newMode);
+        try {
+            localStorage.setItem('thread-ui-mode', newMode);
+        }
+        catch (e) {
+            console.warn('Failed to save theme mode:', e);
+        }
+        // Apply theme immediately
+        const actualMode = newMode === 'system' ? (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light') : newMode;
+        document.documentElement.setAttribute('data-theme', actualMode);
+        document.documentElement.style.colorScheme = actualMode;
+    };
+    const toggleMode = () => {
+        const currentActualMode = mode === 'system' ? (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light') : mode;
+        setMode(currentActualMode === 'light' ? 'dark' : 'light');
+    };
+    // Don't render until mounted to prevent hydration issues
+    if (!mounted) {
+        return _jsx(_Fragment, { children: children });
+    }
+    return _jsx(ThemeContext.Provider, { value: { mode, setMode, toggleMode }, children: children });
+}
+// Hook to access theme controls
+export function useTheme() {
+    const context = useContext(ThemeContext);
+    if (!context) {
+        throw new Error('useTheme must be used within a ThemeProvider');
+    }
+    return context;
+}
+// Hook for simple theme toggling
+export function useThemeToggle() {
+    const { toggleMode } = useTheme();
+    return toggleMode;
+}
+// Optional: Hook to update the theme configuration
+export function useThemeConfig() {
+    return {
+        updateTheme: (newTheme) => {
+            setTheme(newTheme);
+            try {
+                localStorage.setItem('thread-ui-theme-config', JSON.stringify(newTheme));
+            }
+            catch (e) {
+                console.warn('Failed to save theme config:', e);
+            }
+        },
+        resetTheme: () => {
+            try {
+                localStorage.removeItem('thread-ui-theme-config');
+                // Apply default theme
+                setTheme({});
+            }
+            catch (e) {
+                console.warn('Failed to reset theme:', e);
+            }
+        },
+    };
+}
+//# sourceMappingURL=theme-provider.js.map