@helpdice/ui 1.6.7 → 1.6.9

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" */

package/dist/table/index.js

@@ -1012,7 +1012,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) {
@@ -1028,7 +1028,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" */
@@ -1749,7 +1749,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" */
@@ -2280,7 +2280,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$1 = function getColors(palette, status) {
   var colors = {
@@ -2360,7 +2360,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$e = ["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) {
@@ -20364,7 +20364,7 @@ function Empty() {
   }));
 }
 
-var _excluded$c = ["children", "tag", "className", "type"];
+var _excluded$c = ["children", "tag", "className", "color"];
 var getTypeColor = function getTypeColor(type, palette) {
   var colors = {
     "default": 'inherit',
@@ -20380,8 +20380,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$c);
   var Component = tag;
   var theme = useTheme();
@@ -20393,9 +20393,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,
@@ -20420,11 +20420,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';
 
@@ -30603,7 +30603,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$9 = ["isRight", "isSingle", "children", "className"];
 var ButtonIcon = function ButtonIcon(_ref) {
@@ -30810,7 +30810,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/tabs/index.js

@@ -1013,7 +1013,7 @@ var useScale = function useScale() {
 
 /* "use client" */
 
-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');
@@ -1384,7 +1384,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;
     });

package/dist/text/child.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { NormalTypes } from '../utils/prop-types';
 export interface Props {
     tag: keyof JSX.IntrinsicElements;
-    type?: NormalTypes;
+    color?: NormalTypes;
     className?: string;
 }
 type NativeAttrs = Omit<React.DetailsHTMLAttributes<any>, keyof Props>;

package/dist/text/index.js

@@ -1101,7 +1101,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',
@@ -1117,8 +1117,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();
@@ -1130,9 +1130,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,
@@ -1157,11 +1157,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/text/text.d.ts

@@ -17,7 +17,7 @@ interface Props {
     em?: boolean;
     blockquote?: boolean;
     className?: string;
-    type?: TextTypes;
+    color?: TextTypes;
     align?: 'center' | 'right' | 'left';
 }
 type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;

package/dist/ui-provider/index.js

@@ -1480,7 +1480,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) {
@@ -1687,7 +1687,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/user/index.js

@@ -1299,7 +1299,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/utils/collections.d.ts

@@ -9,7 +9,7 @@ export declare const setChildrenProps: (children: ReactNode | undefined, props:
 export declare const setChildrenIndex: (children: ReactNode | undefined, targetComponents?: Array<React.ElementType>) => ReactNode | undefined;
 export declare const getReactNode: (node?: React.ReactNode | (() => React.ReactNode)) => React.ReactNode;
 export declare const isChildElement: (parent: Element | null | undefined, child: Element | null | undefined) => boolean;
-export declare const isGeistElement: (el?: HTMLElement) => boolean;
+export declare const isUiElement: (el?: HTMLElement) => boolean;
 export declare const isBrowser: () => boolean;
 export declare const isMac: () => boolean;
 export declare const isCSSNumberValue: (value?: string | number) => boolean;

package/esm/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/esm/auto-complete/auto-complete.js

@@ -15,7 +15,7 @@ import { AutoCompleteContext } from './auto-complete-context';
 import Loading from '../loading';
 import { pickChild } from '../utils/collections';
 import useCurrentState from '../utils/use-current-state';
-import useScale from '../use-scale';
+import useScale, { withScale } from '../use-scale';
 import { ArrowRight } from '@helpdice/icons';
 var childrenToOptionsNode = function childrenToOptionsNode(options) {
   return options.map(function (item, index) {
@@ -201,6 +201,5 @@ 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';
-// const AutoComplete = withScale(AutoCompleteComponent)
-
-export default AutoCompleteComponent;
+var AutoComplete = withScale(AutoCompleteComponent);
+export default AutoComplete;

package/esm/button/button-loading.js

@@ -11,5 +11,5 @@ 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';
 export default ButtonLoading;

package/esm/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/esm/button/button.compact.js

@@ -1,4 +1,4 @@
-import { memo } from 'react';
+import React, { memo } from 'react';
 import Button from './button';
 var CompactButton = function CompactButton(_ref) {
   var _ref$to = _ref.to,

package/esm/button/styles.js

@@ -102,7 +102,7 @@ export var getButtonGhostHoverColors = function getButtonGhostHoverColors(palett
       color: 'white'
     }
   };
-  var withoutLightType = _color.replace('-light', '');
+  var withoutLightType = _color === null || _color === void 0 ? void 0 : _color.replace('-light', '');
   return colors[withoutLightType] || null;
 };
 export var getButtonHoverColors = function getButtonHoverColors(palette, props) {

package/esm/button-dropdown/icon.js

@@ -24,5 +24,5 @@ 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';
 export default ButtonDropdownIcon;

package/esm/checkbox/checkbox.icon.js

@@ -41,6 +41,6 @@ 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);
 export default CheckboxIcon;

package/esm/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/esm/code-block/index.js

@@ -1,29 +1,28 @@
-// /* "use client" */
+/* "use client" */
 
-// import * as React from "react";
-// import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
-// import { dracula } from 'react-syntax-highlighter/dist/cjs/styles/prism';
-
-// type CodeProps = {
-//   code: string;
-//   language: string;
-//   style?: any;
-//   wrapLines?: boolean;
-//   showLineNumbers?: boolean;
-// };
-
-// const CodeBlock: React.FC<CodeProps> = ({ code, language, wrapLines = true, showLineNumbers = true }) => {
-//   return (
-//     <SyntaxHighlighter
-//       lineProps={{ style: { wordBreak: 'break-all', whiteSpace: 'pre-wrap' } }}
-//       language={language}
-//       style={dracula}
-//       wrapLines={wrapLines}
-//       wrapLongLines={wrapLines}
-//       showLineNumbers={showLineNumbers}
-//       showInlineLineNumbers={false}
-//     >{code}</SyntaxHighlighter>
-//   );
-// };
-
-// export default CodeBlock;
+import * as React from "react";
+import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
+import { dracula } from 'react-syntax-highlighter/dist/cjs/styles/prism';
+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.createElement(SyntaxHighlighter, {
+    lineProps: {
+      style: {
+        wordBreak: 'break-all',
+        whiteSpace: 'pre-wrap'
+      }
+    },
+    language: language,
+    style: dracula,
+    wrapLines: wrapLines,
+    wrapLongLines: wrapLines,
+    showLineNumbers: showLineNumbers,
+    showInlineLineNumbers: false
+  }, code);
+};
+export default CodeBlock;

package/esm/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/esm/index.js

@@ -75,7 +75,7 @@ export { default as useScale } from './use-scale';
 export { withScale, ScalePropKeys, ScaleContext } from './use-scale';
 export { useRect } from './utils/layouts';
 export { default as Highlight } from './shared/highlight';
-// export { default as CodeBlock } from './code-block'
+export { default as CodeBlock } from './code-block';
 export { default as Skeleton } from './skeleton';
 
 // Cart 

package/esm/input/input-block-label.js

@@ -11,6 +11,6 @@ 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);
 export default InputBlockLabel;

package/esm/input/input-icon.js

@@ -13,6 +13,6 @@ 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);
 export default InputIcon;

package/esm/link/icon.js

@@ -25,6 +25,6 @@ export 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);
 export default LinkIcon;

package/esm/modal/modal-actions.js

@@ -31,6 +31,6 @@ 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);
 export default ModalActions;

package/esm/rating/rating-icon.js

@@ -14,5 +14,5 @@ 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';
 export default RatingIcon;