@helpdice/ui 1.6.7 → 1.6.9

package/dist/Placeholder/index.js

@@ -1402,7 +1402,7 @@ var withScale = function withScale(Render) {
   return ScaleFC;
 };
 
-var _excluded$1 = ["children", "tag", "className", "type"];
+var _excluded$1 = ["children", "tag", "className", "color"];
 var getTypeColor = function getTypeColor(type, palette) {
   var colors = {
     "default": 'inherit',
@@ -1418,8 +1418,8 @@ var TextChild = function TextChild(_ref) {
     tag = _ref.tag,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'default' : _ref$type,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'default' : _ref$color,
     props = _objectWithoutProperties(_ref, _excluded$1);
   var Component = tag;
   var theme = useTheme();
@@ -1431,9 +1431,9 @@ var TextChild = function TextChild(_ref) {
   var my = getScaleProps(['margin', 'marginTop', 'marginBottom', 'my', 'mt', 'mb']);
   var px = getScaleProps(['padding', 'paddingLeft', 'paddingRight', 'pl', 'pr', 'px']);
   var py = getScaleProps(['padding', 'paddingTop', 'paddingBottom', 'pt', 'pb', 'py']);
-  var color = React.useMemo(function () {
-    return getTypeColor(type, theme.palette);
-  }, [type, theme.palette]);
+  var _color = React.useMemo(function () {
+    return getTypeColor(color, theme.palette);
+  }, [color, theme.palette]);
   var classNames = React.useMemo(function () {
     var keys = [{
       value: mx,
@@ -1458,11 +1458,11 @@ var TextChild = function TextChild(_ref) {
     return "".concat(scaleClassNames, " ").concat(className).trim();
   }, [mx, my, px, py, font, className]);
   return /*#__PURE__*/React.createElement(Component, _extends({}, props, {
-    className: _JSXStyle.dynamic([["3155699851", [tag, color, SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.font(1, 'inherit'), SCALES.ml(0, 'revert'), SCALES.mr(0, 'revert'), SCALES.mt(0, 'revert'), SCALES.mb(0, 'revert'), SCALES.pl(0, 'revert'), SCALES.pr(0, 'revert'), SCALES.pt(0, 'revert'), SCALES.pb(0, 'revert')]]]) + " " + (props && props.className != null && props.className || classNames || "")
+    className: _JSXStyle.dynamic([["4133320328", [tag, _color, SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.font(1, 'inherit'), SCALES.ml(0, 'revert'), SCALES.mr(0, 'revert'), SCALES.mt(0, 'revert'), SCALES.mb(0, 'revert'), SCALES.pl(0, 'revert'), SCALES.pr(0, 'revert'), SCALES.pt(0, 'revert'), SCALES.pb(0, 'revert')]]]) + " " + (props && props.className != null && props.className || classNames || "")
   }), children, /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "3155699851",
-    dynamic: [tag, color, SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.font(1, 'inherit'), SCALES.ml(0, 'revert'), SCALES.mr(0, 'revert'), SCALES.mt(0, 'revert'), SCALES.mb(0, 'revert'), SCALES.pl(0, 'revert'), SCALES.pr(0, 'revert'), SCALES.pt(0, 'revert'), SCALES.pb(0, 'revert')]
-  }, "".concat(tag, ".__jsx-style-dynamic-selector{color:").concat(color, ";width:").concat(SCALES.width(1, 'auto'), ";height:").concat(SCALES.height(1, 'auto'), ";}.font.__jsx-style-dynamic-selector{font-size:").concat(SCALES.font(1, 'inherit'), ";}.mx.__jsx-style-dynamic-selector{margin-left:").concat(SCALES.ml(0, 'revert'), ";margin-right:").concat(SCALES.mr(0, 'revert'), ";}.my.__jsx-style-dynamic-selector{margin-top:").concat(SCALES.mt(0, 'revert'), ";margin-bottom:").concat(SCALES.mb(0, 'revert'), ";}.px.__jsx-style-dynamic-selector{padding-left:").concat(SCALES.pl(0, 'revert'), ";padding-right:").concat(SCALES.pr(0, 'revert'), ";}.py.__jsx-style-dynamic-selector{padding-top:").concat(SCALES.pt(0, 'revert'), ";padding-bottom:").concat(SCALES.pb(0, 'revert'), ";}")));
+    id: "4133320328",
+    dynamic: [tag, _color, SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.font(1, 'inherit'), SCALES.ml(0, 'revert'), SCALES.mr(0, 'revert'), SCALES.mt(0, 'revert'), SCALES.mb(0, 'revert'), SCALES.pl(0, 'revert'), SCALES.pr(0, 'revert'), SCALES.pt(0, 'revert'), SCALES.pb(0, 'revert')]
+  }, "".concat(tag, ".__jsx-style-dynamic-selector{color:").concat(_color, ";width:").concat(SCALES.width(1, 'auto'), ";height:").concat(SCALES.height(1, 'auto'), ";}.font.__jsx-style-dynamic-selector{font-size:").concat(SCALES.font(1, 'inherit'), ";}.mx.__jsx-style-dynamic-selector{margin-left:").concat(SCALES.ml(0, 'revert'), ";margin-right:").concat(SCALES.mr(0, 'revert'), ";}.my.__jsx-style-dynamic-selector{margin-top:").concat(SCALES.mt(0, 'revert'), ";margin-bottom:").concat(SCALES.mb(0, 'revert'), ";}.px.__jsx-style-dynamic-selector{padding-left:").concat(SCALES.pl(0, 'revert'), ";padding-right:").concat(SCALES.pr(0, 'revert'), ";}.py.__jsx-style-dynamic-selector{padding-top:").concat(SCALES.pt(0, 'revert'), ";padding-bottom:").concat(SCALES.pb(0, 'revert'), ";}")));
 };
 TextChild.displayName = 'TextChild';
 

package/dist/auto-complete/auto-complete.d.ts

@@ -27,7 +27,39 @@ interface Props {
 }
 type NativeAttrs = Omit<React.InputHTMLAttributes<any>, keyof Props>;
 export type AutoCompleteProps = Props & NativeAttrs & ReactElement;
-declare const AutoCompleteComponent: React.ForwardRefExoticComponent<Props & NativeAttrs & React.ReactElement<any, string | React.JSXElementConstructor<any>> & {
+declare const AutoComplete: React.ForwardRefExoticComponent<Omit<Props & NativeAttrs & React.ReactElement<any, string | React.JSXElementConstructor<any>> & {
     children?: React.ReactNode | undefined;
-} & React.RefAttributes<HTMLInputElement>>;
-export default AutoCompleteComponent;
+} & React.RefAttributes<HTMLInputElement> & {
+    width?: string | number;
+    height?: string | number;
+    padding?: string | number;
+    margin?: string | number;
+    w?: string | number;
+    h?: string | number;
+    paddingLeft?: string | number;
+    paddingRight?: string | number;
+    paddingTop?: string | number;
+    paddingBottom?: string | number;
+    pl?: string | number;
+    pr?: string | number;
+    pt?: string | number;
+    pb?: string | number;
+    marginLeft?: string | number;
+    marginRight?: string | number;
+    marginTop?: string | number;
+    marginBottom?: string | number;
+    ml?: string | number;
+    mr?: string | number;
+    mt?: string | number;
+    mb?: string | number;
+    px?: string | number;
+    py?: string | number;
+    mx?: string | number;
+    my?: string | number;
+    font?: string | number;
+    unit?: string;
+    scale?: number;
+    children?: any;
+    className?: string;
+} & React.InputHTMLAttributes<any>, "ref"> & React.RefAttributes<unknown>>;
+export default AutoComplete;

package/dist/auto-complete/index.js

@@ -998,7 +998,7 @@ var InputBlockLabelComponent = function InputBlockLabelComponent(_ref) {
     dynamic: [theme.palette.accents_6]
   }, "label.__jsx-style-dynamic-selector{display:block;font-weight:normal;color:".concat(theme.palette.accents_6, ";padding:0 0 0 1px;margin-bottom:0.5em;font-size:1em;line-height:1.5;}label.__jsx-style-dynamic-selector>*:first-child{margin-top:0;}label.__jsx-style-dynamic-selector>*:last-child{margin-bottom:0;}")));
 };
-InputBlockLabelComponent.displayName = 'GeistInputBlockLabel';
+InputBlockLabelComponent.displayName = 'InputBlockLabel';
 var InputBlockLabel = /*#__PURE__*/React.memo(InputBlockLabelComponent);
 
 var InputIconComponent = function InputIconComponent(_ref) {
@@ -1014,7 +1014,7 @@ var InputIconComponent = function InputIconComponent(_ref) {
     dynamic: [clickable ? 'pointer' : 'default', clickable ? 'auto' : 'none']
   }, ".input-icon.__jsx-style-dynamic-selector{box-sizing:border-box;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:calc(var(--input-height) - 2px);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:100%;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0;line-height:1;position:relative;cursor:".concat(clickable ? 'pointer' : 'default', ";pointer-events:").concat(clickable ? 'auto' : 'none', ";}.input-icon.__jsx-style-dynamic-selector svg{width:calc(var(--input-height) - 2px);height:calc(var(--input-height) - 2px);-webkit-transform:scale(0.44);-ms-transform:scale(0.44);transform:scale(0.44);}")));
 };
-InputIconComponent.displayName = 'GeistInputIcon';
+InputIconComponent.displayName = 'InputIcon';
 var InputIcon = /*#__PURE__*/React.memo(InputIconComponent);
 
 /* "use client" */
@@ -12226,11 +12226,12 @@ var AutoCompleteComponent = /*#__PURE__*/React.forwardRef(function (_ref, userRe
   }, ".auto-complete.__jsx-style-dynamic-selector{width:".concat(SCALES.width(1, 'max-content'), ";height:").concat(SCALES.height(1, 'auto'), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}.auto-complete.__jsx-style-dynamic-selector .loading{width:-webkit-max-content;width:-moz-max-content;width:max-content;}"))));
 });
 AutoCompleteComponent.displayName = 'AutoComplete';
+var AutoComplete = withScale(AutoCompleteComponent);
 
 /* "use client" */
-AutoCompleteComponent.Item = AutoCompleteItemComponent;
-AutoCompleteComponent.Option = AutoCompleteItemComponent;
-AutoCompleteComponent.Searching = AutoCompleteSearch;
-AutoCompleteComponent.Empty = AutoCompleteEmpty;
+AutoComplete.Item = AutoCompleteItemComponent;
+AutoComplete.Option = AutoCompleteItemComponent;
+AutoComplete.Searching = AutoCompleteSearch;
+AutoComplete.Empty = AutoCompleteEmpty;
 
-exports.default = AutoCompleteComponent;
+exports.default = AutoComplete;

package/dist/breadcrumbs/index.js

@@ -1295,7 +1295,7 @@ var LinkIconComponent = function LinkIconComponent() {
     id: "3409194595"
   }, ".icon.jsx-3409194595{margin:0 0 -1px 0.1875em;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;color:currentColor;}"));
 };
-LinkIconComponent.displayName = 'GeistLinkIcon';
+LinkIconComponent.displayName = 'LinkIcon';
 var LinkIcon = /*#__PURE__*/React.memo(LinkIconComponent);
 
 var _excluded$1 = ["href", "showColor", "underline", "children", "className", "block", "icon"];

package/dist/button/button.compact.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from 'react';
+import React, { CSSProperties } from 'react';
 type CompactButtonProps = {
     children?: React.ReactNode;
     iconRight?: React.ReactNode;
@@ -11,5 +11,5 @@ type CompactButtonProps = {
     target?: string;
     onClick?: () => void;
 };
-declare const _default: import("react").NamedExoticComponent<CompactButtonProps>;
+declare const _default: React.NamedExoticComponent<CompactButtonProps>;
 export default _default;

package/dist/button/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React$1 = require('react');
+var React = require('react');
 
 function _arrayLikeToArray(r, a) {
   (null == a || a > r.length) && (a = r.length);
@@ -193,11 +193,11 @@ var hasRequiredIndex;
 function requireIndex () {
 	if (hasRequiredIndex) return index;
 	hasRequiredIndex = 1;
-	var React = React$1;
+	var React$1 = React;
 
 	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-	var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+	var React__default = /*#__PURE__*/_interopDefaultLegacy(React$1);
 
 	/*
 	Based on Glamor's sheet
@@ -633,15 +633,15 @@ function requireIndex () {
 	        throw new Error("StyleSheetRegistry: " + message + ".");
 	    }
 	}
-	var StyleSheetContext = /*#__PURE__*/ React.createContext(null);
+	var StyleSheetContext = /*#__PURE__*/ React$1.createContext(null);
 	StyleSheetContext.displayName = "StyleSheetContext";
 	function createStyleRegistry() {
 	    return new StyleSheetRegistry();
 	}
 	function StyleRegistry(param) {
 	    var configuredRegistry = param.registry, children = param.children;
-	    var rootRegistry = React.useContext(StyleSheetContext);
-	    var ref = React.useState(function() {
+	    var rootRegistry = React$1.useContext(StyleSheetContext);
+	    var ref = React$1.useState(function() {
 	        return rootRegistry || configuredRegistry || createStyleRegistry();
 	    }), registry = ref[0];
 	    return /*#__PURE__*/ React__default["default"].createElement(StyleSheetContext.Provider, {
@@ -649,7 +649,7 @@ function requireIndex () {
 	    }, children);
 	}
 	function useStyleRegistry() {
-	    return React.useContext(StyleSheetContext);
+	    return React$1.useContext(StyleSheetContext);
 	}
 
 	// Opt-into the new `useInsertionEffect` API in React 18, fallback to `useLayoutEffect`.
@@ -738,9 +738,9 @@ var defaultContext$1 = {
   },
   unit: '16px'
 };
-var ScaleContext = /*#__PURE__*/React$1.createContext(defaultContext$1);
+var ScaleContext = /*#__PURE__*/React.createContext(defaultContext$1);
 var useScale = function useScale() {
-  return React$1.useContext(ScaleContext);
+  return React.useContext(ScaleContext);
 };
 
 var defaultFont = {
@@ -987,9 +987,9 @@ var Themes = {
 /* "use client" */
 
 var defaultTheme = Themes.getPresetStaticTheme();
-var ThemeContext = /*#__PURE__*/React$1.createContext(defaultTheme);
+var ThemeContext = /*#__PURE__*/React.createContext(defaultTheme);
 var useTheme = function useTheme() {
-  return React$1.useContext(ThemeContext);
+  return React.useContext(ThemeContext);
 };
 
 /* "use client" */
@@ -1051,7 +1051,7 @@ var reduceScaleCoefficient = function reduceScaleCoefficient(scale) {
   return scale > 1 ? 1 + diff : 1 - diff;
 };
 var withScale = function withScale(Render) {
-  var ScaleFC = /*#__PURE__*/React$1.forwardRef(function (_ref, ref) {
+  var ScaleFC = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16, _ref17, _ref18, _ref19, _ref20, _ref21, _ref22, _ref23, _ref24, _ref25, _ref26, _ref27, _ref28, _ref29, _ref30, _ref31, _ref32, _ref33;
     var children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded$3);
@@ -1127,9 +1127,9 @@ var withScale = function withScale(Render) {
       getScaleProps: generateGetScaleProps(props),
       getAllScaleProps: generateGetAllScaleProps(props)
     };
-    return /*#__PURE__*/React$1.createElement(ScaleContext.Provider, {
+    return /*#__PURE__*/React.createElement(ScaleContext.Provider, {
       value: value
-    }, /*#__PURE__*/React$1.createElement(Render, _extends({}, props, {
+    }, /*#__PURE__*/React.createElement(Render, _extends({}, props, {
       ref: ref
     }), children));
   });
@@ -1144,12 +1144,12 @@ var ButtonDrip = function ButtonDrip(_ref) {
     y = _ref$y === void 0 ? 0 : _ref$y,
     color = _ref.color,
     onCompleted = _ref.onCompleted;
-  var dripRef = React$1.useRef(null);
+  var dripRef = React.useRef(null);
   /* istanbul ignore next */
   var top = Number.isNaN(+y) ? 0 : y - 10;
   /* istanbul ignore next */
   var left = Number.isNaN(+x) ? 0 : x - 10;
-  React$1.useEffect(function () {
+  React.useEffect(function () {
     /* istanbul ignore next */
     if (!dripRef.current) return;
     dripRef.current.addEventListener('animationend', onCompleted);
@@ -1159,10 +1159,10 @@ var ButtonDrip = function ButtonDrip(_ref) {
       dripRef.current.removeEventListener('animationend', onCompleted);
     };
   });
-  return /*#__PURE__*/React$1.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     ref: dripRef,
     className: "jsx-3424889537" + " " + "drip"
-  }, /*#__PURE__*/React$1.createElement("svg", {
+  }, /*#__PURE__*/React.createElement("svg", {
     width: "20",
     height: "20",
     viewBox: "0 0 20 20",
@@ -1171,21 +1171,21 @@ var ButtonDrip = function ButtonDrip(_ref) {
       left: left
     },
     className: "jsx-3424889537"
-  }, /*#__PURE__*/React$1.createElement("g", {
+  }, /*#__PURE__*/React.createElement("g", {
     stroke: "none",
     strokeWidth: "1",
     fill: "none",
     fillRule: "evenodd",
     className: "jsx-3424889537"
-  }, /*#__PURE__*/React$1.createElement("g", {
+  }, /*#__PURE__*/React.createElement("g", {
     fill: color,
     className: "jsx-3424889537"
-  }, /*#__PURE__*/React$1.createElement("rect", {
+  }, /*#__PURE__*/React.createElement("rect", {
     width: "100%",
     height: "100%",
     rx: "10",
     className: "jsx-3424889537"
-  })))), /*#__PURE__*/React$1.createElement(_JSXStyle, {
+  })))), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "3424889537"
   }, ".drip.jsx-3424889537{position:absolute;left:0;right:0;top:0;bottom:0;}svg.jsx-3424889537{position:absolute;-webkit-animation:350ms ease-in expand-jsx-3424889537;animation:350ms ease-in expand-jsx-3424889537;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;width:1rem;height:1rem;}@-webkit-keyframes expand-jsx-3424889537{0%{opacity:0;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}30%{opacity:1;}80%{opacity:0.5;}100%{-webkit-transform:scale(28);-ms-transform:scale(28);transform:scale(28);opacity:0;}}@keyframes expand-jsx-3424889537{0%{opacity:0;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}30%{opacity:1;}80%{opacity:0.5;}100%{-webkit-transform:scale(28);-ms-transform:scale(28);transform:scale(28);opacity:0;}}"));
 };
@@ -1249,22 +1249,22 @@ var LoadingComponent = function LoadingComponent(_ref) {
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
   var classes = useClasses('loading-container', className);
-  var bgColor = React$1.useMemo(function () {
+  var bgColor = React.useMemo(function () {
     return getIconBgColor(type, theme.palette, color);
   }, [type, theme.palette, color]);
-  return /*#__PURE__*/React$1.createElement("div", _extends({}, props, {
+  return /*#__PURE__*/React.createElement("div", _extends({}, props, {
     className: _JSXStyle.dynamic([["2201634259", [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, '100%'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme.palette.accents_5, bgColor, spaceRatio]]]) + " " + (props && props.className != null && props.className || classes || "")
-  }), /*#__PURE__*/React$1.createElement("span", {
+  }), /*#__PURE__*/React.createElement("span", {
     className: _JSXStyle.dynamic([["2201634259", [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, '100%'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme.palette.accents_5, bgColor, spaceRatio]]]) + " " + "loading"
-  }, children && /*#__PURE__*/React$1.createElement("label", {
+  }, children && /*#__PURE__*/React.createElement("label", {
     className: _JSXStyle.dynamic([["2201634259", [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, '100%'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme.palette.accents_5, bgColor, spaceRatio]]])
-  }, children), /*#__PURE__*/React$1.createElement("i", {
+  }, children), /*#__PURE__*/React.createElement("i", {
     className: _JSXStyle.dynamic([["2201634259", [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, '100%'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme.palette.accents_5, bgColor, spaceRatio]]])
-  }), /*#__PURE__*/React$1.createElement("i", {
+  }), /*#__PURE__*/React.createElement("i", {
     className: _JSXStyle.dynamic([["2201634259", [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, '100%'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme.palette.accents_5, bgColor, spaceRatio]]])
-  }), /*#__PURE__*/React$1.createElement("i", {
+  }), /*#__PURE__*/React.createElement("i", {
     className: _JSXStyle.dynamic([["2201634259", [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, '100%'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme.palette.accents_5, bgColor, spaceRatio]]])
-  })), /*#__PURE__*/React$1.createElement(_JSXStyle, {
+  })), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "2201634259",
     dynamic: [SCALES.font(1), SCALES.width(1, '100%'), SCALES.height(1, '100%'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme.palette.accents_5, bgColor, spaceRatio]
   }, ".loading-container.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;font-size:".concat(SCALES.font(1), ";width:").concat(SCALES.width(1, '100%'), ";height:").concat(SCALES.height(1, '100%'), ";min-height:1em;padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}label.__jsx-style-dynamic-selector{margin-right:0.5em;color:").concat(theme.palette.accents_5, ";line-height:1;}label.__jsx-style-dynamic-selector *{margin:0;}.loading.__jsx-style-dynamic-selector{position:absolute;top:50%;left:50%;width:100%;height:100%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}i.__jsx-style-dynamic-selector{width:0.25em;height:0.25em;border-radius:50%;background-color:").concat(bgColor, ";margin:0 calc(0.25em / 2 * ").concat(spaceRatio, ");display:inline-block;-webkit-animation:loading-blink-__jsx-style-dynamic-selector 1.4s infinite both;animation:loading-blink-__jsx-style-dynamic-selector 1.4s infinite both;}i.__jsx-style-dynamic-selector:nth-child(2){-webkit-animation-delay:0.2s;animation-delay:0.2s;}i.__jsx-style-dynamic-selector:nth-child(3){-webkit-animation-delay:0.4s;animation-delay:0.4s;}@-webkit-keyframes loading-blink-__jsx-style-dynamic-selector{0%{opacity:0.2;}20%{opacity:1;}100%{opacity:0.2;}}@keyframes loading-blink-__jsx-style-dynamic-selector{0%{opacity:0.2;}20%{opacity:1;}100%{opacity:0.2;}}")));
@@ -1274,15 +1274,15 @@ var Loading = withScale(LoadingComponent);
 
 var ButtonLoading = function ButtonLoading(_ref) {
   var color = _ref.color;
-  return /*#__PURE__*/React$1.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "jsx-212623367" + " " + "btn-loading"
-  }, /*#__PURE__*/React$1.createElement(Loading, {
+  }, /*#__PURE__*/React.createElement(Loading, {
     color: color
-  }), /*#__PURE__*/React$1.createElement(_JSXStyle, {
+  }), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "212623367"
   }, ".btn-loading.jsx-212623367{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;background-color:var(--helpdice-ui-button-bg);}"));
 };
-ButtonLoading.displayName = 'GeistButtonLoading';
+ButtonLoading.displayName = 'ButtonLoading';
 
 var _excluded$1 = ["isRight", "isSingle", "children", "className"];
 var ButtonIcon = function ButtonIcon(_ref) {
@@ -1297,9 +1297,9 @@ var ButtonIcon = function ButtonIcon(_ref) {
     right: isRight,
     single: isSingle
   }, className);
-  return /*#__PURE__*/React$1.createElement("span", _extends({}, props, {
+  return /*#__PURE__*/React.createElement("span", _extends({}, props, {
     className: "jsx-2467502931" + " " + (props && props.className != null && props.className || classes || "")
-  }), children, /*#__PURE__*/React$1.createElement(_JSXStyle, {
+  }), children, /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "2467502931"
   }, ".icon.jsx-2467502931{position:absolute;left:var(--helpdice-ui-button-icon-padding);right:auto;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--helpdice-ui-button-color);z-index:1;}.right.jsx-2467502931{right:var(--helpdice-ui-button-icon-padding);left:auto;}.icon.jsx-2467502931 svg{background:transparent;height:calc(var(--helpdice-ui-button-height) / 2.35);width:calc(var(--helpdice-ui-button-height) / 2.35);}.single.jsx-2467502931{position:static;-webkit-transform:none;-ms-transform:none;transform:none;}"));
 };
@@ -1312,20 +1312,20 @@ var getButtonChildrenWithIcon = function getButtonChildrenWithIcon(auto, childre
   var isRight = Boolean(iconRight);
   var paddingForAutoMode = auto ? "calc(var(--helpdice-ui-button-height) / 2 + var(--helpdice-ui-button-icon-padding) * .5)" : 0;
   var classes = useClasses('text', isRight ? 'right' : 'left');
-  if (!hasIcon) return /*#__PURE__*/React$1.createElement("div", {
+  if (!hasIcon) return /*#__PURE__*/React.createElement("div", {
     className: "text"
   }, children);
-  if (React$1.Children.count(children) === 0) {
-    return /*#__PURE__*/React$1.createElement(ButtonIcon, {
+  if (React.Children.count(children) === 0) {
+    return /*#__PURE__*/React.createElement(ButtonIcon, {
       isRight: isRight,
       isSingle: true
     }, hasIcon);
   }
-  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(ButtonIcon, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ButtonIcon, {
     isRight: isRight
-  }, hasIcon), /*#__PURE__*/React$1.createElement("div", {
+  }, hasIcon), /*#__PURE__*/React.createElement("div", {
     className: _JSXStyle.dynamic([["3568181479", [paddingForAutoMode, paddingForAutoMode]]]) + " " + (classes || "")
-  }, children, /*#__PURE__*/React$1.createElement(_JSXStyle, {
+  }, children, /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "3568181479",
     dynamic: [paddingForAutoMode, paddingForAutoMode]
   }, ".left.__jsx-style-dynamic-selector{padding-left:".concat(paddingForAutoMode, ";}.right.__jsx-style-dynamic-selector{padding-right:").concat(paddingForAutoMode, ";}"))));
@@ -1347,9 +1347,9 @@ var defaultContext = {
   isButtonGroup: false,
   disabled: false
 };
-var ButtonGroupContext = /*#__PURE__*/React$1.createContext(defaultContext);
+var ButtonGroupContext = /*#__PURE__*/React.createContext(defaultContext);
 var useButtonGroupContext = function useButtonGroupContext() {
-  return React$1.useContext(ButtonGroupContext);
+  return React.useContext(ButtonGroupContext);
 };
 
 var hexToRgb = function hexToRgb(color) {
@@ -1489,7 +1489,7 @@ var getButtonGhostHoverColors = function getButtonGhostHoverColors(palette, _col
       color: 'white'
     }
   };
-  var withoutLightType = _color.replace('-light', '');
+  var withoutLightType = _color === null || _color === void 0 ? void 0 : _color.replace('-light', '');
   return colors[withoutLightType] || null;
 };
 var getButtonHoverColors = function getButtonHoverColors(palette, props) {
@@ -1575,23 +1575,23 @@ var getButtonDripColor = function getButtonDripColor(palette, props) {
 };
 
 var _excluded = ["children", "disabled", "color", "loading", "shadow", "ghost", "effect", "round", "onClick", "auto", "icon", "type", "iconRight", "className", "crossOrigin"];
-var ButtonComponent = /*#__PURE__*/React$1.forwardRef(function (btnProps, ref) {
+var ButtonComponent = /*#__PURE__*/React.forwardRef(function (btnProps, ref) {
   var theme = useTheme();
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
-  var buttonRef = React$1.useRef(null);
-  React$1.useImperativeHandle(ref, function () {
+  var buttonRef = React.useRef(null);
+  React.useImperativeHandle(ref, function () {
     return buttonRef.current;
   });
-  var _useState = React$1.useState(false),
+  var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     dripShow = _useState2[0],
     setDripShow = _useState2[1];
-  var _useState3 = React$1.useState(0),
+  var _useState3 = React.useState(0),
     _useState4 = _slicedToArray(_useState3, 2),
     dripX = _useState4[0],
     setDripX = _useState4[1];
-  var _useState5 = React$1.useState(0),
+  var _useState5 = React.useState(0),
     _useState6 = _slicedToArray(_useState5, 2),
     dripY = _useState6[0],
     setDripY = _useState6[1];
@@ -1625,21 +1625,21 @@ var ButtonComponent = /*#__PURE__*/React$1.forwardRef(function (btnProps, ref) {
     var props = _objectWithoutProperties(filteredProps, _excluded);
   /* eslint-enable @typescript-eslint/no-unused-vars */
 
-  var _useMemo = React$1.useMemo(function () {
+  var _useMemo = React.useMemo(function () {
       return getButtonColors(theme.palette, filteredProps);
     }, [theme.palette, filteredProps]),
     bg = _useMemo.bg,
     border = _useMemo.border,
     color = _useMemo.color;
-  var hover = React$1.useMemo(function () {
+  var hover = React.useMemo(function () {
     return getButtonHoverColors(theme.palette, filteredProps);
   }, [theme.palette, filteredProps]);
-  var _useMemo2 = React$1.useMemo(function () {
+  var _useMemo2 = React.useMemo(function () {
       return getButtonCursor(disabled, loading);
     }, [disabled, loading]),
     cursor = _useMemo2.cursor,
     events = _useMemo2.events;
-  var dripColor = React$1.useMemo(function () {
+  var dripColor = React.useMemo(function () {
     return getButtonDripColor(theme.palette, filteredProps);
   }, [theme.palette, filteredProps]);
 
@@ -1661,7 +1661,7 @@ var ButtonComponent = /*#__PURE__*/React$1.forwardRef(function (btnProps, ref) {
     }
     onClick && onClick(event);
   };
-  var childrenWithIcon = React$1.useMemo(function () {
+  var childrenWithIcon = React.useMemo(function () {
     return getButtonChildrenWithIcon(auto, children, {
       icon: icon,
       iconRight: iconRight
@@ -1669,21 +1669,21 @@ var ButtonComponent = /*#__PURE__*/React$1.forwardRef(function (btnProps, ref) {
   }, [auto, children, icon, iconRight]);
   var paddingLeft = auto ? SCALES.pl(1.15) : SCALES.pl(1.375),
     paddingRight = auto ? SCALES.pr(1.15) : SCALES.pr(1.375);
-  return /*#__PURE__*/React$1.createElement("button", _extends({
+  return /*#__PURE__*/React.createElement("button", _extends({
     ref: buttonRef,
     type: type,
     disabled: disabled,
     onClick: clickHandler
   }, props, {
     className: _JSXStyle.dynamic([["1558010596", [SCALES.height(2.5), round ? '50%' : theme.layout.radius, SCALES.font(0.875), color, bg, border, cursor, events, shadow ? theme.expressiveness.shadowSmall : 'none', SCALES.pl(0.727), SCALES.height(2.5), color, bg, auto ? 'min-content' : SCALES.width(10.5), auto ? 'auto' : 'initial', SCALES.height(2.5), SCALES.pt(0), paddingRight, SCALES.pb(0), paddingLeft, SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), hover.color, hover.color, hover.bg, hover.border, cursor, events, shadow ? theme.expressiveness.shadowMedium : 'none', shadow ? '-1px' : '0px']]]) + " " + (props && props.className != null && props.className || useClasses('btn', className) || "")
-  }), loading && /*#__PURE__*/React$1.createElement(ButtonLoading, {
+  }), loading && /*#__PURE__*/React.createElement(ButtonLoading, {
     color: color
-  }), childrenWithIcon, dripShow && /*#__PURE__*/React$1.createElement(ButtonDrip, {
+  }), childrenWithIcon, dripShow && /*#__PURE__*/React.createElement(ButtonDrip, {
     x: dripX,
     y: dripY,
     color: dripColor,
     onCompleted: dripCompletedHandle
-  }), /*#__PURE__*/React$1.createElement(_JSXStyle, {
+  }), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "1558010596",
     dynamic: [SCALES.height(2.5), round ? '50%' : theme.layout.radius, SCALES.font(0.875), color, bg, border, cursor, events, shadow ? theme.expressiveness.shadowSmall : 'none', SCALES.pl(0.727), SCALES.height(2.5), color, bg, auto ? 'min-content' : SCALES.width(10.5), auto ? 'auto' : 'initial', SCALES.height(2.5), SCALES.pt(0), paddingRight, SCALES.pb(0), paddingLeft, SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), hover.color, hover.color, hover.bg, hover.border, cursor, events, shadow ? theme.expressiveness.shadowMedium : 'none', shadow ? '-1px' : '0px']
   }, ".btn.__jsx-style-dynamic-selector{box-sizing:border-box;display:inline-block;line-height:".concat(SCALES.height(2.5), ";border-radius:").concat(round ? '50%' : theme.layout.radius, ";font-weight:400;font-size:").concat(SCALES.font(0.875), ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;text-transform:capitalize;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;white-space:nowrap;-webkit-transition:background-color 200ms ease 0ms,box-shadow 200ms ease 0ms, border 200ms ease 0ms,color 200ms ease 0ms;transition:background-color 200ms ease 0ms,box-shadow 200ms ease 0ms, border 200ms ease 0ms,color 200ms ease 0ms;position:relative;overflow:hidden;color:").concat(color, ";background-color:").concat(bg, ";border:1px solid ").concat(border, ";cursor:").concat(cursor, ";pointer-events:").concat(events, ";box-shadow:").concat(shadow ? theme.expressiveness.shadowSmall : 'none', ";--helpdice-ui-button-icon-padding:").concat(SCALES.pl(0.727), ";--helpdice-ui-button-height:").concat(SCALES.height(2.5), ";--helpdice-ui-button-color:").concat(color, ";--helpdice-ui-button-bg:").concat(bg, ";min-width:").concat(auto ? 'min-content' : SCALES.width(10.5), ";width:").concat(auto ? 'auto' : 'initial', ";height:").concat(SCALES.height(2.5), ";padding:").concat(SCALES.pt(0), " ").concat(paddingRight, " ").concat(SCALES.pb(0), " ").concat(paddingLeft, ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}.btn.__jsx-style-dynamic-selector:hover,.btn.__jsx-style-dynamic-selector:focus{color:").concat(hover.color, ";--helpdice-ui-button-color:").concat(hover.color, ";background-color:").concat(hover.bg, ";border-color:").concat(hover.border, ";cursor:").concat(cursor, ";pointer-events:").concat(events, ";box-shadow:").concat(shadow ? theme.expressiveness.shadowMedium : 'none', ";-webkit-transform:translate3d(0px,").concat(shadow ? '-1px' : '0px', ",0px);-ms-transform:translate3d(0px,").concat(shadow ? '-1px' : '0px', ",0px);transform:translate3d(0px,").concat(shadow ? '-1px' : '0px', ",0px);}.btn.__jsx-style-dynamic-selector .text{position:relative;z-index:1;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;line-height:inherit;top:-1px;}.btn.__jsx-style-dynamic-selector .text p,.btn.__jsx-style-dynamic-selector .text pre,.btn.__jsx-style-dynamic-selector .text div{margin:0;}")));
@@ -1767,7 +1767,7 @@ var CompactButton = function CompactButton(_ref) {
     iconRight: iconRight
   }, children);
 };
-var button_compact = /*#__PURE__*/React$1.memo(CompactButton);
+var button_compact = /*#__PURE__*/React.memo(CompactButton);
 
 /* "use client" */
 

package/dist/button-dropdown/index.js

@@ -1042,7 +1042,7 @@ var ButtonDropdownIcon = function ButtonDropdownIcon(_ref) {
     id: "3359574434"
   }, "svg.jsx-3359574434{-webkit-transform:scale(0.6);-ms-transform:scale(0.6);transform:scale(0.6);}"));
 };
-ButtonDropdownIcon.displayName = 'GeistButtonDropdownIcon';
+ButtonDropdownIcon.displayName = 'ButtonDropdownIcon';
 
 /* "use client" */
 

package/dist/card/index.js

@@ -1410,7 +1410,7 @@ var LinkIconComponent = function LinkIconComponent() {
     id: "3409194595"
   }, ".icon.jsx-3409194595{margin:0 0 -1px 0.1875em;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;color:currentColor;}"));
 };
-LinkIconComponent.displayName = 'GeistLinkIcon';
+LinkIconComponent.displayName = 'LinkIcon';
 var LinkIcon = /*#__PURE__*/React.memo(LinkIconComponent);
 
 var hexToRgb = function hexToRgb(color) {

package/dist/checkbox/index.js

@@ -1016,7 +1016,7 @@ var CheckboxIconComponent = function CheckboxIconComponent(_ref) {
     dynamic: [disabled ? 0.4 : 1, disabled ? 'not-allowed' : 'pointer']
   }, "svg.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:calc(0.86 * var(--checkbox-size));height:calc(0.86 * var(--checkbox-size));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:".concat(disabled ? 0.4 : 1, ";cursor:").concat(disabled ? 'not-allowed' : 'pointer', ";}")));
 };
-CheckboxIconComponent.displayName = 'GeistCheckboxIcon';
+CheckboxIconComponent.displayName = 'CheckboxIcon';
 var CheckboxIcon = /*#__PURE__*/React.memo(CheckboxIconComponent);
 
 var warningStack = {};

package/dist/code-block/index.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+type CodeProps = {
+    code: string;
+    language: string;
+    style?: any;
+    wrapLines?: boolean;
+    showLineNumbers?: boolean;
+};
+declare const CodeBlock: React.FC<CodeProps>;
+export default CodeBlock;

package/dist/image/index.js

@@ -1295,7 +1295,7 @@ var LinkIconComponent = function LinkIconComponent() {
     id: "3409194595"
   }, ".icon.jsx-3409194595{margin:0 0 -1px 0.1875em;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;color:currentColor;}"));
 };
-LinkIconComponent.displayName = 'GeistLinkIcon';
+LinkIconComponent.displayName = 'LinkIcon';
 var LinkIcon = /*#__PURE__*/React.memo(LinkIconComponent);
 
 var hexToRgb = function hexToRgb(color) {

package/dist/index.d.ts

@@ -126,6 +126,7 @@ export { useRect } from './utils/layouts';
 export type { ReactiveDomReact } from './utils/layouts';
 export { default as Highlight } from './shared/highlight';
 export type { HighlightProps } from './shared/highlight';
+export { default as CodeBlock } from './code-block';
 export { default as Skeleton } from './skeleton';
 export { CartProvider, useCart, createCartIdentifier } from './cart';
 export type { CartProviderState } from './cart';