@helpdice/theme 1.0.4 → 1.0.5

package/dist/css-baseline/css-baseline.d.ts

@@ -1,9 +1,10 @@
 import React, { ReactElement } from 'react';
+import flush from 'styled-jsx';
 export type FlushToReact = <T>(opts?: {
     nonce?: string;
 }) => Array<ReactElement<T>>;
 type MemoCssBaselineComponent<P = {}> = React.NamedExoticComponent<P> & {
-    flush: FlushToReact;
+    flush: typeof flush.StyleRegistry;
 };
 declare const MemoCssBaseline: MemoCssBaselineComponent<React.PropsWithChildren<unknown>>;
 export default MemoCssBaseline;

package/dist/css-baseline/index.js

@@ -842,14 +842,31 @@ var Themes = {
 };
 
 /* "use client" */
-
 var defaultTheme = Themes.getPresetStaticTheme();
 var ThemeContext = /*#__PURE__*/React.createContext(defaultTheme);
+
+// export const useTheme = (): HUIThemes => React.useContext<HUIThemes>(ThemeContext)
+
 var useTheme = function useTheme() {
-  return React.useContext(ThemeContext);
+  var context = React.useContext(ThemeContext);
+  if (!context) {
+    throw new Error('useTheme must be used within a ThemeProvider');
+  }
+  return context;
 };
 
-// import flush from 'styled-jsx'
+var styledJsx;
+var hasRequiredStyledJsx;
+
+function requireStyledJsx () {
+	if (hasRequiredStyledJsx) return styledJsx;
+	hasRequiredStyledJsx = 1;
+	styledJsx = requireIndex();
+	return styledJsx;
+}
+
+var styledJsxExports = requireStyledJsx();
+var flush = /*@__PURE__*/getDefaultExportFromCjs(styledJsxExports);
 
 // export type FlushToReact = <T>(opts?: { nonce?: string }) => Array<ReactElement<T>>
 
@@ -864,5 +881,6 @@ var CssBaseline = function CssBaseline(_ref) {
   }, "html,body{background-color:".concat(theme.palette.background, ";color:").concat(theme.palette.foreground, ";}html{font-size:16px;--helpdice-icons-background:").concat(theme.palette.background, ";}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:1rem;line-height:1.5;margin:0;padding:0;min-height:100%;position:relative;overflow-x:hidden;font-family:").concat(theme.font.sans, ";}#__next{overflow-x:hidden;}*,*:before,*:after{box-sizing:inherit;text-rendering:geometricPrecision;-webkit-tap-highlight-color:transparent;}p,small{font-weight:400;color:inherit;-webkit-letter-spacing:-0.005625em;-moz-letter-spacing:-0.005625em;-ms-letter-spacing:-0.005625em;letter-spacing:-0.005625em;font-family:").concat(theme.font.sans, ";}p{margin:1em 0;font-size:1em;line-height:1.625em;}small{margin:0;line-height:1.5;font-size:0.875em;}b{font-weight:600;}span{font-size:inherit;color:inherit;font-weight:inherit;}img{max-width:100%;}a{cursor:pointer;font-size:inherit;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-box-align:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:").concat(theme.palette.link, ";-webkit-text-decoration:").concat(theme.expressiveness.linkStyle, ";text-decoration:").concat(theme.expressiveness.linkStyle, ";}a:hover{-webkit-text-decoration:").concat(theme.expressiveness.linkHoverStyle, ";text-decoration:").concat(theme.expressiveness.linkHoverStyle, ";}ul,ol{padding:0;list-style-type:none;margin:").concat(theme.layout.gapHalf, " ").concat(theme.layout.gapHalf, " ").concat(theme.layout.gapHalf, " ").concat(theme.layout.gap, ";color:").concat(theme.palette.foreground, ";}ol{list-style-type:decimal;}li{margin-bottom:0.625em;font-size:1em;line-height:1.625em;}h1,h2,h3,h4,h5,h6{color:inherit;margin:0 0 0.7rem 0;}h1{font-size:3rem;-webkit-letter-spacing:-0.02em;-moz-letter-spacing:-0.02em;-ms-letter-spacing:-0.02em;letter-spacing:-0.02em;line-height:1.5;font-weight:700;}h2{font-size:2.25rem;-webkit-letter-spacing:-0.02em;-moz-letter-spacing:-0.02em;-ms-letter-spacing:-0.02em;letter-spacing:-0.02em;font-weight:600;}h3{font-size:1.5rem;-webkit-letter-spacing:-0.02em;-moz-letter-spacing:-0.02em;-ms-letter-spacing:-0.02em;letter-spacing:-0.02em;font-weight:600;}h4{font-size:1.25rem;-webkit-letter-spacing:-0.02em;-moz-letter-spacing:-0.02em;-ms-letter-spacing:-0.02em;letter-spacing:-0.02em;font-weight:600;}h5{font-size:1rem;-webkit-letter-spacing:-0.01em;-moz-letter-spacing:-0.01em;-ms-letter-spacing:-0.01em;letter-spacing:-0.01em;font-weight:600;}h6{font-size:0.875rem;-webkit-letter-spacing:-0.005em;-moz-letter-spacing:-0.005em;-ms-letter-spacing:-0.005em;letter-spacing:-0.005em;font-weight:600;}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;margin:0;}button:focus,input:focus,select:focus,textarea:focus{outline:none;}code{color:").concat(theme.palette.code, ";font-family:").concat(theme.font.mono, ";font-size:0.9em;white-space:pre-wrap;}code:before,code:after{content:'\\`';}pre{padding:calc(").concat(theme.layout.gap, " * 0.9) ").concat(theme.layout.gap, ";margin:").concat(theme.layout.gap, " 0;border:1px solid ").concat(theme.palette.accents_2, ";border-radius:").concat(theme.layout.radius, ";font-family:").concat(theme.font.mono, ";white-space:pre;overflow:auto;line-height:1.5;text-align:left;font-size:14px;-webkit-overflow-scrolling:touch;}pre code{color:").concat(theme.palette.foreground, ";font-size:1em;line-height:1.25em;white-space:pre;}pre code:before,pre code:after{display:none;}pre p{margin:0;}pre::-webkit-scrollbar{display:none;width:0;height:0;background:transparent;}hr{border-color:").concat(theme.palette.accents_2, ";}details{background-color:").concat(theme.palette.accents_1, ";border:none;}details:focus,details:hover,details:active{outline:none;}summary{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;list-style:none;outline:none;}summary::marker,summary::before,summary::-webkit-details-marker{display:none;}summary::-moz-list-bullet{font-size:0;}summary:focus,summary:hover,summary:active{outline:none;list-style:none;}blockquote{padding:calc(0.667 * ").concat(theme.layout.gap, ") ").concat(theme.layout.gap, ";color:").concat(theme.palette.accents_5, ";background-color:").concat(theme.palette.accents_1, ";border-radius:").concat(theme.layout.radius, ";margin:1.5em 0;border:1px solid ").concat(theme.palette.border, ";}blockquote *:first-child{margin-top:0;}blockquote *:last-child{margin-bottom:0;}::selection{background-color:").concat(theme.palette.selection, ";color:").concat(theme.palette.foreground, ";}")));
 };
 var MemoCssBaseline = /*#__PURE__*/React.memo(CssBaseline);
+MemoCssBaseline.flush = flush.StyleRegistry;
 
 exports.default = MemoCssBaseline;

package/dist/index.d.ts

@@ -21,3 +21,4 @@ export { default as Expand } from './shared/expand';
 export { default as Dropdown } from './shared/dropdown';
 export { default as CssTransition } from './shared/css-transition';
 export { default as Backdrop } from './shared/backdrop';
+export { addColorAlpha, colorToRgbValues } from './utils/color';

package/dist/index.js

@@ -414,11 +414,17 @@ var Themes = {
 };
 
 /* "use client" */
-
 var defaultTheme = Themes.getPresetStaticTheme();
 var ThemeContext = /*#__PURE__*/React.createContext(defaultTheme);
+
+// export const useTheme = (): HUIThemes => React.useContext<HUIThemes>(ThemeContext)
+
 var useTheme = function useTheme() {
-  return React.useContext(ThemeContext);
+  var context = React.useContext(ThemeContext);
+  if (!context) {
+    throw new Error('useTheme must be used within a ThemeProvider');
+  }
+  return context;
 };
 
 /* "use client" */
@@ -1442,7 +1448,18 @@ var HuiProvider = function HuiProvider(_ref) {
   }, children, /*#__PURE__*/React.createElement(ToastContainer, null)));
 };
 
-// import flush from 'styled-jsx'
+var styledJsx;
+var hasRequiredStyledJsx;
+
+function requireStyledJsx () {
+	if (hasRequiredStyledJsx) return styledJsx;
+	hasRequiredStyledJsx = 1;
+	styledJsx = requireIndex();
+	return styledJsx;
+}
+
+var styledJsxExports = requireStyledJsx();
+var flush = /*@__PURE__*/getDefaultExportFromCjs(styledJsxExports);
 
 // export type FlushToReact = <T>(opts?: { nonce?: string }) => Array<ReactElement<T>>
 
@@ -1457,6 +1474,7 @@ var CssBaseline = function CssBaseline(_ref) {
   }, "html,body{background-color:".concat(theme.palette.background, ";color:").concat(theme.palette.foreground, ";}html{font-size:16px;--helpdice-icons-background:").concat(theme.palette.background, ";}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:1rem;line-height:1.5;margin:0;padding:0;min-height:100%;position:relative;overflow-x:hidden;font-family:").concat(theme.font.sans, ";}#__next{overflow-x:hidden;}*,*:before,*:after{box-sizing:inherit;text-rendering:geometricPrecision;-webkit-tap-highlight-color:transparent;}p,small{font-weight:400;color:inherit;-webkit-letter-spacing:-0.005625em;-moz-letter-spacing:-0.005625em;-ms-letter-spacing:-0.005625em;letter-spacing:-0.005625em;font-family:").concat(theme.font.sans, ";}p{margin:1em 0;font-size:1em;line-height:1.625em;}small{margin:0;line-height:1.5;font-size:0.875em;}b{font-weight:600;}span{font-size:inherit;color:inherit;font-weight:inherit;}img{max-width:100%;}a{cursor:pointer;font-size:inherit;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-box-align:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:").concat(theme.palette.link, ";-webkit-text-decoration:").concat(theme.expressiveness.linkStyle, ";text-decoration:").concat(theme.expressiveness.linkStyle, ";}a:hover{-webkit-text-decoration:").concat(theme.expressiveness.linkHoverStyle, ";text-decoration:").concat(theme.expressiveness.linkHoverStyle, ";}ul,ol{padding:0;list-style-type:none;margin:").concat(theme.layout.gapHalf, " ").concat(theme.layout.gapHalf, " ").concat(theme.layout.gapHalf, " ").concat(theme.layout.gap, ";color:").concat(theme.palette.foreground, ";}ol{list-style-type:decimal;}li{margin-bottom:0.625em;font-size:1em;line-height:1.625em;}h1,h2,h3,h4,h5,h6{color:inherit;margin:0 0 0.7rem 0;}h1{font-size:3rem;-webkit-letter-spacing:-0.02em;-moz-letter-spacing:-0.02em;-ms-letter-spacing:-0.02em;letter-spacing:-0.02em;line-height:1.5;font-weight:700;}h2{font-size:2.25rem;-webkit-letter-spacing:-0.02em;-moz-letter-spacing:-0.02em;-ms-letter-spacing:-0.02em;letter-spacing:-0.02em;font-weight:600;}h3{font-size:1.5rem;-webkit-letter-spacing:-0.02em;-moz-letter-spacing:-0.02em;-ms-letter-spacing:-0.02em;letter-spacing:-0.02em;font-weight:600;}h4{font-size:1.25rem;-webkit-letter-spacing:-0.02em;-moz-letter-spacing:-0.02em;-ms-letter-spacing:-0.02em;letter-spacing:-0.02em;font-weight:600;}h5{font-size:1rem;-webkit-letter-spacing:-0.01em;-moz-letter-spacing:-0.01em;-ms-letter-spacing:-0.01em;letter-spacing:-0.01em;font-weight:600;}h6{font-size:0.875rem;-webkit-letter-spacing:-0.005em;-moz-letter-spacing:-0.005em;-ms-letter-spacing:-0.005em;letter-spacing:-0.005em;font-weight:600;}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;margin:0;}button:focus,input:focus,select:focus,textarea:focus{outline:none;}code{color:").concat(theme.palette.code, ";font-family:").concat(theme.font.mono, ";font-size:0.9em;white-space:pre-wrap;}code:before,code:after{content:'\\`';}pre{padding:calc(").concat(theme.layout.gap, " * 0.9) ").concat(theme.layout.gap, ";margin:").concat(theme.layout.gap, " 0;border:1px solid ").concat(theme.palette.accents_2, ";border-radius:").concat(theme.layout.radius, ";font-family:").concat(theme.font.mono, ";white-space:pre;overflow:auto;line-height:1.5;text-align:left;font-size:14px;-webkit-overflow-scrolling:touch;}pre code{color:").concat(theme.palette.foreground, ";font-size:1em;line-height:1.25em;white-space:pre;}pre code:before,pre code:after{display:none;}pre p{margin:0;}pre::-webkit-scrollbar{display:none;width:0;height:0;background:transparent;}hr{border-color:").concat(theme.palette.accents_2, ";}details{background-color:").concat(theme.palette.accents_1, ";border:none;}details:focus,details:hover,details:active{outline:none;}summary{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;list-style:none;outline:none;}summary::marker,summary::before,summary::-webkit-details-marker{display:none;}summary::-moz-list-bullet{font-size:0;}summary:focus,summary:hover,summary:active{outline:none;list-style:none;}blockquote{padding:calc(0.667 * ").concat(theme.layout.gap, ") ").concat(theme.layout.gap, ";color:").concat(theme.palette.accents_5, ";background-color:").concat(theme.palette.accents_1, ";border-radius:").concat(theme.layout.radius, ";margin:1.5em 0;border:1px solid ").concat(theme.palette.border, ";}blockquote *:first-child{margin-top:0;}blockquote *:last-child{margin-bottom:0;}::selection{background-color:").concat(theme.palette.selection, ";color:").concat(theme.palette.foreground, ";}")));
 };
 var MemoCssBaseline = /*#__PURE__*/React.memo(CssBaseline);
+MemoCssBaseline.flush = flush.StyleRegistry;
 
 var getElementOffset = function getElementOffset(el) {
   if (!el) return {
@@ -2090,6 +2108,41 @@ var Backdrop = /*#__PURE__*/React.memo(function (_ref) {
 });
 Backdrop.displayName = 'Backdrop';
 
+var hexToRgb = function hexToRgb(color) {
+  var fullReg = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
+  var full = color.replace(fullReg, function (_, r, g, b) {
+    return "".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);
+  });
+  var values = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(full);
+  if (!values) {
+    throw new Error("Helpdice UI: Unsupported ".concat(color, " color."));
+  }
+  return [Number.parseInt(values[1], 16), Number.parseInt(values[2], 16), Number.parseInt(values[3], 16)];
+};
+var colorToRgbValues = function colorToRgbValues(color) {
+  if (color.charAt(0) === '#') return hexToRgb(color);
+  var safeColor = color.replace(/ /g, '');
+  var colorType = color.substr(0, 4);
+  var regArray = safeColor.match(/\((.+)\)/);
+  if (!colorType.startsWith('rgb') || !regArray) {
+    console.log(color);
+    throw new Error("Helpdice UI: Only support [\"RGB\", \"RGBA\", \"HEX\"] color.");
+  }
+  return regArray[1].split(',').map(function (str) {
+    return Number.parseFloat(str);
+  });
+};
+var addColorAlpha = function addColorAlpha(color, alpha) {
+  if (!/^#|rgb|RGB/.test(color)) return color;
+  var _colorToRgbValues = colorToRgbValues(color),
+    _colorToRgbValues2 = _slicedToArray(_colorToRgbValues, 3),
+    r = _colorToRgbValues2[0],
+    g = _colorToRgbValues2[1],
+    b = _colorToRgbValues2[2];
+  var safeAlpha = alpha > 1 ? 1 : alpha < 0 ? 0 : alpha;
+  return "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(safeAlpha, ")");
+};
+
 exports.Backdrop = Backdrop;
 exports.CssBaseline = MemoCssBaseline;
 exports.CssTransition = CssTransition;
@@ -2099,6 +2152,8 @@ exports.Expand = Expand;
 exports.Highlight = Highlight;
 exports.Themes = Themes;
 exports.UiProvider = HuiProvider;
+exports.addColorAlpha = addColorAlpha;
+exports.colorToRgbValues = colorToRgbValues;
 exports.useAllThemes = useAllThemes;
 exports.useClasses = useClasses;
 exports.useCurrentState = useCurrentState;

package/dist/ui-provider/index.js

@@ -395,11 +395,17 @@ var Themes = {
 };
 
 /* "use client" */
-
 var defaultTheme = Themes.getPresetStaticTheme();
 var ThemeContext = /*#__PURE__*/React.createContext(defaultTheme);
+
+// export const useTheme = (): HUIThemes => React.useContext<HUIThemes>(ThemeContext)
+
 var useTheme = function useTheme() {
-  return React.useContext(ThemeContext);
+  var context = React.useContext(ThemeContext);
+  if (!context) {
+    throw new Error('useTheme must be used within a ThemeProvider');
+  }
+  return context;
 };
 
 /* "use client" */

package/dist/use-media-query/index.js

@@ -344,11 +344,17 @@ var Themes = {
 };
 
 /* "use client" */
-
 var defaultTheme = Themes.getPresetStaticTheme();
 var ThemeContext = /*#__PURE__*/React.createContext(defaultTheme);
+
+// export const useTheme = (): HUIThemes => React.useContext<HUIThemes>(ThemeContext)
+
 var useTheme = function useTheme() {
-  return React.useContext(ThemeContext);
+  var context = React.useContext(ThemeContext);
+  if (!context) {
+    throw new Error('useTheme must be used within a ThemeProvider');
+  }
+  return context;
 };
 
 var tuple = function tuple() {

package/dist/use-theme/index.js

@@ -299,11 +299,17 @@ var Themes = {
 };
 
 /* "use client" */
-
 var defaultTheme = Themes.getPresetStaticTheme();
 var ThemeContext = /*#__PURE__*/React.createContext(defaultTheme);
+
+// export const useTheme = (): HUIThemes => React.useContext<HUIThemes>(ThemeContext)
+
 var useTheme = function useTheme() {
-  return React.useContext(ThemeContext);
+  var context = React.useContext(ThemeContext);
+  if (!context) {
+    throw new Error('useTheme must be used within a ThemeProvider');
+  }
+  return context;
 };
 
 exports.default = useTheme;

package/dist/utils/color.d.ts

@@ -0,0 +1,2 @@
+export declare const colorToRgbValues: (color: string) => number[];
+export declare const addColorAlpha: (color: string, alpha: number) => string;

package/esm/css-baseline/css-baseline.d.ts

@@ -1,9 +1,10 @@
 import React, { ReactElement } from 'react';
+import flush from 'styled-jsx';
 export type FlushToReact = <T>(opts?: {
     nonce?: string;
 }) => Array<ReactElement<T>>;
 type MemoCssBaselineComponent<P = {}> = React.NamedExoticComponent<P> & {
-    flush: FlushToReact;
+    flush: typeof flush.StyleRegistry;
 };
 declare const MemoCssBaseline: MemoCssBaselineComponent<React.PropsWithChildren<unknown>>;
 export default MemoCssBaseline;

package/esm/css-baseline/css-baseline.js

@@ -2,8 +2,7 @@ import _JSXStyle from "../styled-jsx.es.js";
 /* "use client" */
 import React from 'react';
 import useTheme from '../use-theme';
-// import flush from 'styled-jsx'
-
+import flush from 'styled-jsx';
 // export type FlushToReact = <T>(opts?: { nonce?: string }) => Array<ReactElement<T>>
 
 // export type FlushToHTML = (opts?: { nonce?: string }) => string
@@ -17,7 +16,7 @@ var CssBaseline = function CssBaseline(_ref) {
   }, "html,body{background-color:".concat(theme.palette.background, ";color:").concat(theme.palette.foreground, ";}html{font-size:16px;--helpdice-icons-background:").concat(theme.palette.background, ";}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:1rem;line-height:1.5;margin:0;padding:0;min-height:100%;position:relative;overflow-x:hidden;font-family:").concat(theme.font.sans, ";}#__next{overflow-x:hidden;}*,*:before,*:after{box-sizing:inherit;text-rendering:geometricPrecision;-webkit-tap-highlight-color:transparent;}p,small{font-weight:400;color:inherit;-webkit-letter-spacing:-0.005625em;-moz-letter-spacing:-0.005625em;-ms-letter-spacing:-0.005625em;letter-spacing:-0.005625em;font-family:").concat(theme.font.sans, ";}p{margin:1em 0;font-size:1em;line-height:1.625em;}small{margin:0;line-height:1.5;font-size:0.875em;}b{font-weight:600;}span{font-size:inherit;color:inherit;font-weight:inherit;}img{max-width:100%;}a{cursor:pointer;font-size:inherit;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-box-align:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:").concat(theme.palette.link, ";-webkit-text-decoration:").concat(theme.expressiveness.linkStyle, ";text-decoration:").concat(theme.expressiveness.linkStyle, ";}a:hover{-webkit-text-decoration:").concat(theme.expressiveness.linkHoverStyle, ";text-decoration:").concat(theme.expressiveness.linkHoverStyle, ";}ul,ol{padding:0;list-style-type:none;margin:").concat(theme.layout.gapHalf, " ").concat(theme.layout.gapHalf, " ").concat(theme.layout.gapHalf, " ").concat(theme.layout.gap, ";color:").concat(theme.palette.foreground, ";}ol{list-style-type:decimal;}li{margin-bottom:0.625em;font-size:1em;line-height:1.625em;}h1,h2,h3,h4,h5,h6{color:inherit;margin:0 0 0.7rem 0;}h1{font-size:3rem;-webkit-letter-spacing:-0.02em;-moz-letter-spacing:-0.02em;-ms-letter-spacing:-0.02em;letter-spacing:-0.02em;line-height:1.5;font-weight:700;}h2{font-size:2.25rem;-webkit-letter-spacing:-0.02em;-moz-letter-spacing:-0.02em;-ms-letter-spacing:-0.02em;letter-spacing:-0.02em;font-weight:600;}h3{font-size:1.5rem;-webkit-letter-spacing:-0.02em;-moz-letter-spacing:-0.02em;-ms-letter-spacing:-0.02em;letter-spacing:-0.02em;font-weight:600;}h4{font-size:1.25rem;-webkit-letter-spacing:-0.02em;-moz-letter-spacing:-0.02em;-ms-letter-spacing:-0.02em;letter-spacing:-0.02em;font-weight:600;}h5{font-size:1rem;-webkit-letter-spacing:-0.01em;-moz-letter-spacing:-0.01em;-ms-letter-spacing:-0.01em;letter-spacing:-0.01em;font-weight:600;}h6{font-size:0.875rem;-webkit-letter-spacing:-0.005em;-moz-letter-spacing:-0.005em;-ms-letter-spacing:-0.005em;letter-spacing:-0.005em;font-weight:600;}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;margin:0;}button:focus,input:focus,select:focus,textarea:focus{outline:none;}code{color:").concat(theme.palette.code, ";font-family:").concat(theme.font.mono, ";font-size:0.9em;white-space:pre-wrap;}code:before,code:after{content:'\\`';}pre{padding:calc(").concat(theme.layout.gap, " * 0.9) ").concat(theme.layout.gap, ";margin:").concat(theme.layout.gap, " 0;border:1px solid ").concat(theme.palette.accents_2, ";border-radius:").concat(theme.layout.radius, ";font-family:").concat(theme.font.mono, ";white-space:pre;overflow:auto;line-height:1.5;text-align:left;font-size:14px;-webkit-overflow-scrolling:touch;}pre code{color:").concat(theme.palette.foreground, ";font-size:1em;line-height:1.25em;white-space:pre;}pre code:before,pre code:after{display:none;}pre p{margin:0;}pre::-webkit-scrollbar{display:none;width:0;height:0;background:transparent;}hr{border-color:").concat(theme.palette.accents_2, ";}details{background-color:").concat(theme.palette.accents_1, ";border:none;}details:focus,details:hover,details:active{outline:none;}summary{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;list-style:none;outline:none;}summary::marker,summary::before,summary::-webkit-details-marker{display:none;}summary::-moz-list-bullet{font-size:0;}summary:focus,summary:hover,summary:active{outline:none;list-style:none;}blockquote{padding:calc(0.667 * ").concat(theme.layout.gap, ") ").concat(theme.layout.gap, ";color:").concat(theme.palette.accents_5, ";background-color:").concat(theme.palette.accents_1, ";border-radius:").concat(theme.layout.radius, ";margin:1.5em 0;border:1px solid ").concat(theme.palette.border, ";}blockquote *:first-child{margin-top:0;}blockquote *:last-child{margin-bottom:0;}::selection{background-color:").concat(theme.palette.selection, ";color:").concat(theme.palette.foreground, ";}")));
 };
 var MemoCssBaseline = /*#__PURE__*/React.memo(CssBaseline);
-// MemoCssBaseline.flush = flush.StyleRegistry
+MemoCssBaseline.flush = flush.StyleRegistry;
 // MemoCssBaseline.flushToHTML = flushToReact
 
 export default MemoCssBaseline;

package/esm/index.d.ts

@@ -21,3 +21,4 @@ export { default as Expand } from './shared/expand';
 export { default as Dropdown } from './shared/dropdown';
 export { default as CssTransition } from './shared/css-transition';
 export { default as Backdrop } from './shared/backdrop';
+export { addColorAlpha, colorToRgbValues } from './utils/color';

package/esm/index.js

@@ -16,4 +16,5 @@ export { default as Ellipsis } from './shared/ellipsis';
 export { default as Expand } from './shared/expand';
 export { default as Dropdown } from './shared/dropdown';
 export { default as CssTransition } from './shared/css-transition';
-export { default as Backdrop } from './shared/backdrop';
+export { default as Backdrop } from './shared/backdrop';
+export { addColorAlpha, colorToRgbValues } from './utils/color';

package/esm/use-theme/theme-context.js

@@ -1,9 +1,15 @@
 /* "use client" */
-
 import React from 'react';
 import Themes from '../themes';
 var defaultTheme = Themes.getPresetStaticTheme();
 export var ThemeContext = /*#__PURE__*/React.createContext(defaultTheme);
+
+// export const useTheme = (): HUIThemes => React.useContext<HUIThemes>(ThemeContext)
+
 export var useTheme = function useTheme() {
-  return React.useContext(ThemeContext);
+  var context = React.useContext(ThemeContext);
+  if (!context) {
+    throw new Error('useTheme must be used within a ThemeProvider');
+  }
+  return context;
 };

package/esm/utils/color.d.ts

@@ -0,0 +1,2 @@
+export declare const colorToRgbValues: (color: string) => number[];
+export declare const addColorAlpha: (color: string, alpha: number) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@helpdice/theme",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "main": "dist/index.js",
   "types": "esm/index.d.ts",
   "unpkg": "dist/index.min.js",