@helpdice/ui 1.6.8 → 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/index.js

@@ -1282,7 +1282,7 @@ var ButtonLoading = function ButtonLoading(_ref) {
     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) {
@@ -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) {

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';

package/dist/index.js

@@ -2,6 +2,8 @@
 
 var React = require('react');
 var reactDom = require('react-dom');
+var reactSyntaxHighlighter = require('react-syntax-highlighter');
+var prism = require('react-syntax-highlighter/dist/cjs/styles/prism');
 var require$$0 = require('react-is');
 var isEqual = require('react-fast-compare');
 
@@ -1394,7 +1396,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) {
@@ -1410,7 +1412,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" */
@@ -1658,7 +1660,7 @@ var isChildElement = function isChildElement(parent, child) {
   }
   return false;
 };
-var isGeistElement = function isGeistElement(el) {
+var isUiElement = function isUiElement(el) {
   if (!el) return false;
   if (el !== null && el !== void 0 && el.dataset && el !== null && el !== void 0 && el.dataset['helpdice']) return true;
   el.attributes.getNamedItem('data-helpdice');
@@ -12751,12 +12753,13 @@ 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;
 
 var _excluded$1i = ["src", "stacked", "text", "isSquare", "className"];
 
@@ -13046,7 +13049,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$1g = ["href", "showColor", "underline", "children", "className", "block", "icon"];
@@ -13191,7 +13194,7 @@ var ButtonLoading = function ButtonLoading(_ref) {
     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$1e = ["isRight", "isSingle", "children", "className"];
 var ButtonIcon = function ButtonIcon(_ref) {
@@ -13363,7 +13366,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) {
@@ -13733,7 +13736,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" */
 
@@ -14413,7 +14416,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 getColors$7 = function getColors(palette, status) {
@@ -23766,7 +23769,7 @@ var ModalActionsComponent = function ModalActionsComponent(_ref) {
     dynamic: [theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, height]
   }, "footer.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden;width:100%;height:auto;position:absolute;bottom:0;left:0;right:0;border-top:1px solid ".concat(theme.palette.border, ";border-bottom-left-radius:").concat(theme.layout.radius, ";border-bottom-right-radius:").concat(theme.layout.radius, ";}footer.__jsx-style-dynamic-selector>button.btn + button.btn{border-left:1px solid ").concat(theme.palette.border, ";}div.__jsx-style-dynamic-selector{height:").concat(height, ";-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}")));
 };
-ModalActionsComponent.displayName = 'GeistModalActions';
+ModalActionsComponent.displayName = 'ModalActions';
 var ModalActions = /*#__PURE__*/React.memo(ModalActionsComponent);
 
 var ModalComponent = function ModalComponent(_ref) {
@@ -25156,7 +25159,7 @@ var RatingIcon = function RatingIcon() {
     d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"
   }));
 };
-RatingIcon.displayName = 'GeistRatingIcon';
+RatingIcon.displayName = 'RatingIcon';
 
 var _excluded$i = ["type", "className", "icon", "count", "value", "initialValue", "onValueChange", "locked", "onLockedChange"];
 tupleNumber(2, 3, 4, 5, 6, 7, 8, 9, 10);
@@ -25262,7 +25265,7 @@ var SelectIconComponent = function SelectIconComponent() {
     id: "2742933678"
   }, "svg.jsx-2742933678{color:inherit;stroke:currentColor;-webkit-transition:all 200ms ease;transition:all 200ms ease;width:1.214em;height:1.214em;}"));
 };
-SelectIconComponent.displayName = 'GeistSelectIcon';
+SelectIconComponent.displayName = 'SelectIcon';
 var SelectIcon = /*#__PURE__*/React.memo(SelectIconComponent);
 
 /* "use client" */
@@ -25357,7 +25360,7 @@ var SelectMultipleValue = function SelectMultipleValue(_ref) {
     dynamic: [theme.layout.radius, theme.palette.accents_2, disabled ? theme.palette.accents_4 : theme.palette.accents_6]
   }, ".item.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;justify-items:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1;padding:0 0.5em;font-size:var(--select-font-size);height:calc(var(--select-font-size) * 2);border-radius:".concat(theme.layout.radius, ";background-color:").concat(theme.palette.accents_2, ";color:").concat(disabled ? theme.palette.accents_4 : theme.palette.accents_6, ";}.item.__jsx-style-dynamic-selector>div:not(.clear-icon),.item.__jsx-style-dynamic-selector>div:not(.clear-icon):hover{border-radius:0;background-color:transparent;padding:0;margin:0;color:inherit;}")));
 };
-SelectMultipleValue.displayName = 'GeistSelectMultipleValue';
+SelectMultipleValue.displayName = 'SelectMultipleValue';
 
 var getColors$3 = function getColors(palette, status) {
   var colors = {
@@ -25425,7 +25428,7 @@ var SelectInput = /*#__PURE__*/React.forwardRef(function (_ref, inputRef) {
     id: "2813108835"
   }, "input.jsx-2813108835{position:fixed;top:-10000px;left:-10000px;opacity:0;z-index:-1;width:0;height:0;padding:0;font-size:0;border:none;}"));
 });
-SelectInput.displayName = 'GeistSelectInput';
+SelectInput.displayName = 'SelectInput';
 
 var _excluded$h = ["children", "label", "type", "disabled", "initialValue", "value", "icon", "onChange", "pure", "multiple", "clearable", "placeholder", "className", "dropdownClassName", "dropdownStyle", "disableMatchWidth", "getPopupContainer", "onDropdownVisibleChange"];
 var SelectComponent = /*#__PURE__*/React.forwardRef(function (_ref, selectRef) {
@@ -26042,7 +26045,7 @@ var SnippetIconComponent = function SnippetIconComponent() {
     id: "418323402"
   }, "svg.jsx-418323402{width:calc(var(--snippet-font-size) * 1.69);height:calc(var(--snippet-font-size) * 1.69);}"));
 };
-SnippetIconComponent.displayName = 'GeistSnippetIcon';
+SnippetIconComponent.displayName = 'SnippetIcon';
 var SnippetIcon = /*#__PURE__*/React.memo(SnippetIconComponent);
 
 /* "use client" */
@@ -44033,7 +44036,7 @@ function Empty() {
   }));
 }
 
-var _excluded$b = ["children", "tag", "className", "type"];
+var _excluded$b = ["children", "tag", "className", "color"];
 var getTypeColor = function getTypeColor(type, palette) {
   var colors = {
     "default": 'inherit',
@@ -44049,8 +44052,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$b);
   var Component = tag;
   var theme = useTheme();
@@ -44062,9 +44065,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,
@@ -44089,11 +44092,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';
 
@@ -45254,7 +45257,7 @@ var TabsComponent = function TabsComponent(_ref) {
     onChange && onChange(value);
   };
   var tabItemMouseOverHandler = function tabItemMouseOverHandler(event) {
-    if (!isGeistElement(event.target)) return;
+    if (!isUiElement(event.target)) return;
     setRect(event, function () {
       return ref.current;
     });
@@ -46309,6 +46312,31 @@ var CssBaseline = function CssBaseline(_ref) {
 };
 var MemoCssBaseline = /*#__PURE__*/React.memo(CssBaseline);
 
+/* "use client" */
+
+var CodeBlock = function CodeBlock(_ref) {
+  var code = _ref.code,
+    language = _ref.language,
+    _ref$wrapLines = _ref.wrapLines,
+    wrapLines = _ref$wrapLines === void 0 ? true : _ref$wrapLines,
+    _ref$showLineNumbers = _ref.showLineNumbers,
+    showLineNumbers = _ref$showLineNumbers === void 0 ? true : _ref$showLineNumbers;
+  return /*#__PURE__*/React__namespace.createElement(reactSyntaxHighlighter.Prism, {
+    lineProps: {
+      style: {
+        wordBreak: 'break-all',
+        whiteSpace: 'pre-wrap'
+      }
+    },
+    language: language,
+    style: prism.dracula,
+    wrapLines: wrapLines,
+    wrapLongLines: wrapLines,
+    showLineNumbers: showLineNumbers,
+    showInlineLineNumbers: false
+  }, code);
+};
+
 var Skeleton = function Skeleton(_ref) {
   var width = _ref.width,
     height = _ref.height,
@@ -48119,7 +48147,7 @@ var LoginSocialGithub = function LoginSocialGithub(_ref) {
 };
 var index = /*#__PURE__*/React.memo(LoginSocialGithub);
 
-exports.AutoComplete = AutoCompleteComponent;
+exports.AutoComplete = AutoComplete;
 exports.Avatar = Avatar;
 exports.Badge = Badge;
 exports.Breadcrumbs = Breadcrumbs;
@@ -48133,6 +48161,7 @@ exports.Checkbox = Checkbox;
 exports.CircularProgress = CircularProgressbarWithChildren;
 exports.CircularProgressBar = CircularProgressbar;
 exports.Code = Code;
+exports.CodeBlock = CodeBlock;
 exports.Collapse = Collapse;
 exports.Container = GridContainer;
 exports.CssBaseline = MemoCssBaseline;

package/dist/input/index.js

@@ -975,7 +975,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) {
@@ -991,7 +991,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" */

package/dist/link/index.js

@@ -977,7 +977,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/modal/index.js

@@ -1487,7 +1487,7 @@ var ButtonLoading = function ButtonLoading(_ref) {
     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$7 = ["isRight", "isSingle", "children", "className"];
 var ButtonIcon = function ButtonIcon(_ref) {
@@ -1694,7 +1694,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) {
@@ -1979,7 +1979,7 @@ var ModalActionsComponent = function ModalActionsComponent(_ref) {
     dynamic: [theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, height]
   }, "footer.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden;width:100%;height:auto;position:absolute;bottom:0;left:0;right:0;border-top:1px solid ".concat(theme.palette.border, ";border-bottom-left-radius:").concat(theme.layout.radius, ";border-bottom-right-radius:").concat(theme.layout.radius, ";}footer.__jsx-style-dynamic-selector>button.btn + button.btn{border-left:1px solid ").concat(theme.palette.border, ";}div.__jsx-style-dynamic-selector{height:").concat(height, ";-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}")));
 };
-ModalActionsComponent.displayName = 'GeistModalActions';
+ModalActionsComponent.displayName = 'ModalActions';
 var ModalActions = /*#__PURE__*/React.memo(ModalActionsComponent);
 
 var useCurrentState = function useCurrentState(initialState) {

package/dist/rating/index.js

@@ -751,7 +751,7 @@ var RatingIcon = function RatingIcon() {
     d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"
   }));
 };
-RatingIcon.displayName = 'GeistRatingIcon';
+RatingIcon.displayName = 'RatingIcon';
 
 var defaultFont = {
   sans: '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',

package/dist/select/index.js

@@ -1037,7 +1037,7 @@ var SelectIconComponent = function SelectIconComponent() {
     id: "2742933678"
   }, "svg.jsx-2742933678{color:inherit;stroke:currentColor;-webkit-transition:all 200ms ease;transition:all 200ms ease;width:1.214em;height:1.214em;}"));
 };
-SelectIconComponent.displayName = 'GeistSelectIcon';
+SelectIconComponent.displayName = 'SelectIcon';
 var SelectIcon = /*#__PURE__*/React.memo(SelectIconComponent);
 
 /* "use client" */
@@ -1777,7 +1777,7 @@ var SelectMultipleValue = function SelectMultipleValue(_ref) {
     dynamic: [theme.layout.radius, theme.palette.accents_2, disabled ? theme.palette.accents_4 : theme.palette.accents_6]
   }, ".item.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;justify-items:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1;padding:0 0.5em;font-size:var(--select-font-size);height:calc(var(--select-font-size) * 2);border-radius:".concat(theme.layout.radius, ";background-color:").concat(theme.palette.accents_2, ";color:").concat(disabled ? theme.palette.accents_4 : theme.palette.accents_6, ";}.item.__jsx-style-dynamic-selector>div:not(.clear-icon),.item.__jsx-style-dynamic-selector>div:not(.clear-icon):hover{border-radius:0;background-color:transparent;padding:0;margin:0;color:inherit;}")));
 };
-SelectMultipleValue.displayName = 'GeistSelectMultipleValue';
+SelectMultipleValue.displayName = 'SelectMultipleValue';
 
 var getColors = function getColors(palette, status) {
   var colors = {
@@ -1857,7 +1857,7 @@ var SelectInput = /*#__PURE__*/React.forwardRef(function (_ref, inputRef) {
     id: "2813108835"
   }, "input.jsx-2813108835{position:fixed;top:-10000px;left:-10000px;opacity:0;z-index:-1;width:0;height:0;padding:0;font-size:0;border:none;}"));
 });
-SelectInput.displayName = 'GeistSelectInput';
+SelectInput.displayName = 'SelectInput';
 
 var _excluded$1 = ["children", "label", "type", "disabled", "initialValue", "value", "icon", "onChange", "pure", "multiple", "clearable", "placeholder", "className", "dropdownClassName", "dropdownStyle", "disableMatchWidth", "getPopupContainer", "onDropdownVisibleChange"];
 var SelectComponent = /*#__PURE__*/React.forwardRef(function (_ref, selectRef) {

package/dist/snippet/index.js

@@ -1032,7 +1032,7 @@ var SnippetIconComponent = function SnippetIconComponent() {
     id: "418323402"
   }, "svg.jsx-418323402{width:calc(var(--snippet-font-size) * 1.69);height:calc(var(--snippet-font-size) * 1.69);}"));
 };
-SnippetIconComponent.displayName = 'GeistSnippetIcon';
+SnippetIconComponent.displayName = 'SnippetIcon';
 var SnippetIcon = /*#__PURE__*/React.memo(SnippetIconComponent);
 
 /* "use client" */