@ttt-productions/theme-core 0.2.15 → 0.3.0

package/dist/react/index.d.ts

@@ -1,2 +1,4 @@
-export * from "./theme-provider.js";
+export { ThemeProvider } from "./theme-provider.js";
+export { ThemeSwitcher } from "./theme-switcher.js";
+export type { ThemeSwitcherProps, ThemeOption } from "./theme-switcher.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAEA,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,YAAY,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/react/index.js

@@ -1,3 +1,4 @@
 "use client";
-export * from "./theme-provider.js";
+export { ThemeProvider } from "./theme-provider.js";
+export { ThemeSwitcher } from "./theme-switcher.js";
 //# sourceMappingURL=index.js.map

package/dist/react/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/react/theme-switcher.d.ts

@@ -0,0 +1,38 @@
+import * as React from "react";
+export interface ThemeOption {
+    /** Theme value passed to next-themes' setTheme. */
+    value: string;
+    /** Human-readable label rendered in the menu. */
+    label: string;
+    /** Icon rendered next to the label and in the trigger when this theme is active. */
+    icon?: React.ReactNode;
+}
+export interface ThemeSwitcherProps {
+    /** Ordered list of selectable themes. */
+    themes: ThemeOption[];
+    /** Render prop for the trigger button. Receives the icon for the active theme. */
+    renderTrigger: (args: {
+        activeIcon: React.ReactNode;
+        srLabel: string;
+        disabled: boolean;
+    }) => React.ReactNode;
+    /** Render prop for the menu container. */
+    renderMenu: (args: {
+        children: React.ReactNode;
+    }) => React.ReactNode;
+    /** Render prop for each menu item. */
+    renderItem: (args: {
+        option: ThemeOption;
+        isActive: boolean;
+        onSelect: () => void;
+    }) => React.ReactNode;
+    /** Accessible label for the trigger. Defaults to "Toggle theme". */
+    srLabel?: string;
+}
+/**
+ * Headless, fully-render-prop-driven theme switcher.
+ * theme-core owns the next-themes integration and the "available themes" data shape.
+ * Consumers own all visual styling — wrap their own DropdownMenu / Button / Icon set.
+ */
+export declare function ThemeSwitcher({ themes, renderTrigger, renderMenu, renderItem, srLabel, }: ThemeSwitcherProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=theme-switcher.d.ts.map

package/dist/react/theme-switcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-switcher.d.ts","sourceRoot":"","sources":["../../src/react/theme-switcher.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,WAAW;IAC1B,mDAAmD;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,oFAAoF;IACpF,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,kBAAkB;IACjC,yCAAyC;IACzC,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,kFAAkF;IAClF,aAAa,EAAE,CAAC,IAAI,EAAE;QACpB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;QAC5B,OAAO,EAAE,MAAM,CAAC;QAChB,QAAQ,EAAE,OAAO,CAAC;KACnB,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB,0CAA0C;IAC1C,UAAU,EAAE,CAAC,IAAI,EAAE;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IACrE,sCAAsC;IACtC,UAAU,EAAE,CAAC,IAAI,EAAE;QACjB,MAAM,EAAE,WAAW,CAAC;QACpB,QAAQ,EAAE,OAAO,CAAC;QAClB,QAAQ,EAAE,MAAM,IAAI,CAAC;KACtB,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB,oEAAoE;IACpE,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,aAAa,EACb,UAAU,EACV,UAAU,EACV,OAAwB,GACzB,EAAE,kBAAkB,2CAyBpB"}

package/dist/react/theme-switcher.js

@@ -0,0 +1,27 @@
+"use client";
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { useTheme } from "next-themes";
+/**
+ * Headless, fully-render-prop-driven theme switcher.
+ * theme-core owns the next-themes integration and the "available themes" data shape.
+ * Consumers own all visual styling — wrap their own DropdownMenu / Button / Icon set.
+ */
+export function ThemeSwitcher({ themes, renderTrigger, renderMenu, renderItem, srLabel = "Toggle theme", }) {
+    const { theme, setTheme } = useTheme();
+    const [mounted, setMounted] = React.useState(false);
+    React.useEffect(() => setMounted(true), []);
+    const active = themes.find((t) => t.value === theme);
+    const activeIcon = active?.icon ?? null;
+    const trigger = renderTrigger({ activeIcon, srLabel, disabled: !mounted });
+    if (!mounted)
+        return _jsx(_Fragment, { children: trigger });
+    return (_jsx(_Fragment, { children: renderMenu({
+            children: themes.map((option) => renderItem({
+                option,
+                isActive: option.value === theme,
+                onSelect: () => setTheme(option.value),
+            })),
+        }) }));
+}
+//# sourceMappingURL=theme-switcher.js.map

package/dist/react/theme-switcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-switcher.js","sourceRoot":"","sources":["../../src/react/theme-switcher.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAgCvC;;;;GAIG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,MAAM,EACN,aAAa,EACb,UAAU,EACV,UAAU,EACV,OAAO,GAAG,cAAc,GACL;IACnB,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,CAAC;IACvC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IAE5C,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;IACrD,MAAM,UAAU,GAAG,MAAM,EAAE,IAAI,IAAI,IAAI,CAAC;IAExC,MAAM,OAAO,GAAG,aAAa,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC;IAE3E,IAAI,CAAC,OAAO;QAAE,OAAO,4BAAG,OAAO,GAAI,CAAC;IAEpC,OAAO,CACL,4BACG,UAAU,CAAC;YACV,QAAQ,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAC9B,UAAU,CAAC;gBACT,MAAM;gBACN,QAAQ,EAAE,MAAM,CAAC,KAAK,KAAK,KAAK;gBAChC,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC;aACvC,CAAC,CACH;SACF,CAAC,GACD,CACJ,CAAC;AACJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ttt-productions/theme-core",
-    "version": "0.2.15",
+    "version": "0.3.0",
     "description": "Theme provider + CSS token contract for TTT Productions apps",
     "repository": {
         "type": "git",