@docsplain-kit/utilities 0.0.34 → 0.0.36

package/theme/theme-utils.js

@@ -0,0 +1,82 @@
+"use strict";
+exports.__esModule = true;
+exports.createColorGetter = exports.createThemeSelector = exports.DARK_BORDERS = exports.DARK_TEXT = exports.DARK_BACKGROUNDS = exports.isDarkTheme = exports.themeClass = exports.useThemeSafe = void 0;
+var react_1 = require("react");
+var context_1 = require("./context");
+/**
+ * Theme Utility Functions
+ *
+ * Self-contained theme helpers for utilities components (no dependency on core).
+ * Use UtilitiesThemeProvider at the app root with the same theme as your UI kit.
+ */
+/**
+ * Helper to safely get theme from UtilitiesThemeProvider.
+ * Returns 'light' if not in provider context.
+ */
+var useThemeSafe = function () {
+    var theme = (0, react_1.useContext)(context_1.ThemeContext);
+    return theme !== null && theme !== void 0 ? theme : 'light';
+};
+exports.useThemeSafe = useThemeSafe;
+/**
+ * Get theme-aware class conditionally (hook).
+ *
+ * @example
+ * themeClass('bg-white', 'bg-control-800')
+ * // Returns 'bg-white' in light, 'bg-control-800' in dark
+ */
+var themeClass = function (lightClass, darkClass) {
+    var theme = (0, exports.useThemeSafe)();
+    return theme === 'dark' ? darkClass : lightClass;
+};
+exports.themeClass = themeClass;
+/**
+ * Quick check if currently in dark theme
+ */
+var isDarkTheme = function () { return (0, exports.useThemeSafe)() === 'dark'; };
+exports.isDarkTheme = isDarkTheme;
+/**
+ * Common background colors for dark mode
+ */
+exports.DARK_BACKGROUNDS = {
+    page: 'bg-control-900',
+    card: 'bg-control-800',
+    elevated: 'bg-control-700',
+    overlay: 'bg-black/50',
+    subtle: 'bg-control-800/50'
+};
+/**
+ * Common text colors for dark mode
+ */
+exports.DARK_TEXT = {
+    primary: 'text-control-100',
+    secondary: 'text-control-400',
+    muted: 'text-control-500',
+    disabled: 'text-control-600'
+};
+/**
+ * Common border colors for dark mode
+ */
+exports.DARK_BORDERS = {
+    "default": 'border-control-700',
+    subtle: 'border-control-800',
+    strong: 'border-control-600'
+};
+/**
+ * Creates a theme selector function for component styles
+ */
+function createThemeSelector(lightStyles, darkStyles) {
+    return function (theme) { return (theme === 'dark' ? darkStyles : lightStyles); };
+}
+exports.createThemeSelector = createThemeSelector;
+/**
+ * Merges light and dark color objects into a theme-aware getter
+ */
+function createColorGetter(lightColors, darkColors) {
+    return function (theme, key) {
+        var colors = theme === 'dark' ? darkColors : lightColors;
+        return colors[key];
+    };
+}
+exports.createColorGetter = createColorGetter;
+//# sourceMappingURL=theme-utils.js.map

package/theme/theme-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-utils.js","sourceRoot":"","sources":["../../theme/theme-utils.ts"],"names":[],"mappings":";;;AAAA,+BAAmC;AACnC,qCAAyC;AAGzC;;;;;GAKG;AAEH;;;GAGG;AACI,IAAM,YAAY,GAAG;IAC1B,IAAM,KAAK,GAAG,IAAA,kBAAU,EAAC,sBAAY,CAAC,CAAC;IACvC,OAAO,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,OAAO,CAAC;AAC1B,CAAC,CAAC;AAHW,QAAA,YAAY,gBAGvB;AAEF;;;;;;GAMG;AACI,IAAM,UAAU,GAAG,UAAC,UAAkB,EAAE,SAAiB;IAC9D,IAAM,KAAK,GAAG,IAAA,oBAAY,GAAE,CAAC;IAC7B,OAAO,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC;AACnD,CAAC,CAAC;AAHW,QAAA,UAAU,cAGrB;AAEF;;GAEG;AACI,IAAM,WAAW,GAAG,cAAe,OAAA,IAAA,oBAAY,GAAE,KAAK,MAAM,EAAzB,CAAyB,CAAC;AAAvD,QAAA,WAAW,eAA4C;AAEpE;;GAEG;AACU,QAAA,gBAAgB,GAAG;IAC9B,IAAI,EAAE,gBAAgB;IACtB,IAAI,EAAE,gBAAgB;IACtB,QAAQ,EAAE,gBAAgB;IAC1B,OAAO,EAAE,aAAa;IACtB,MAAM,EAAE,mBAAmB;CAC5B,CAAC;AAEF;;GAEG;AACU,QAAA,SAAS,GAAG;IACvB,OAAO,EAAE,kBAAkB;IAC3B,SAAS,EAAE,kBAAkB;IAC7B,KAAK,EAAE,kBAAkB;IACzB,QAAQ,EAAE,kBAAkB;CAC7B,CAAC;AAEF;;GAEG;AACU,QAAA,YAAY,GAAG;IAC1B,SAAO,EAAE,oBAAoB;IAC7B,MAAM,EAAE,oBAAoB;IAC5B,MAAM,EAAE,oBAAoB;CAC7B,CAAC;AAEF;;GAEG;AACH,SAAgB,mBAAmB,CAAI,WAAc,EAAE,UAAa;IAClE,OAAO,UAAC,KAAY,IAAQ,OAAA,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,EAA7C,CAA6C,CAAC;AAC5E,CAAC;AAFD,kDAEC;AAED;;GAEG;AACH,SAAgB,iBAAiB,CAC/B,WAA8B,EAC9B,UAA6B;IAE7B,OAAO,UAAC,KAAY,EAAE,GAAM;QAC1B,IAAM,MAAM,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC;QAC3D,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC;IACrB,CAAC,CAAC;AACJ,CAAC;AARD,8CAQC"}

package/theme/types.d.ts

@@ -0,0 +1,7 @@
+export type Theme = 'light' | 'dark';
+export interface UtilitiesThemeProviderProps {
+    theme?: Theme;
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}

package/theme/types.js

@@ -0,0 +1,3 @@
+"use strict";
+exports.__esModule = true;
+//# sourceMappingURL=types.js.map

package/theme/types.js.map

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