@bolio-ui/core 1.0.4 → 1.0.5

package/dist/Tooltip/placement.d.ts

@@ -0,0 +1,29 @@
+import { Placement } from "../utils/prop-types";
+interface ParentDomRect {
+    top: number;
+    left: number;
+    right: number;
+    bottom: number;
+    width: number;
+    height: number;
+}
+export interface TooltipPosition {
+    top: string;
+    left: string;
+    transform: string;
+}
+export declare const defaultTooltipPosition: {
+    top: string;
+    left: string;
+    transform: string;
+};
+export interface TooltipIconPosition {
+    top: string;
+    left: string;
+    right: string;
+    bottom: string;
+    transform: string;
+}
+export declare const getPosition: (placement: Placement, rect: ParentDomRect, offset: number) => TooltipPosition;
+export declare const getIconPosition: (placement: Placement, offsetX: string, offsetY: string, offsetAbsolute?: string) => TooltipIconPosition;
+export {};

package/dist/Tooltip/styles.d.ts

@@ -0,0 +1,7 @@
+import { SnippetTypes } from "../utils/prop-types";
+import { BolioUIThemesPalette } from "../Themes/Presets";
+export declare type TooltipColors = {
+    bgColor: string;
+    color: string;
+};
+export declare const getColors: (type: SnippetTypes, palette: BolioUIThemesPalette) => TooltipColors;

package/dist/index.d.ts

@@ -0,0 +1,125 @@
+export { default as Avatar } from "./Avatar";
+export type { AvatarProps, AvatarGroupProps } from "./Avatar";
+export { default as Badge } from "./Badge";
+export type { BadgeProps, BadgeAnchorProps } from "./Badge";
+export { default as BolioUIProvider } from "./BolioUIProvider";
+export type { BolioUIProviderProps } from "./BolioUIProvider";
+export { default as Breadcrumbs } from "./Breadcrumbs";
+export type { BreadcrumbsProps, BreadcrumbsItemProps, BreadcrumbsSeparatorProps } from "./Breadcrumbs";
+export { default as Button } from "./Button";
+export type { ButtonProps } from "./Button";
+export { default as ButtonDropdown } from "./ButtonDropdown";
+export type { ButtonDropdownProps, ButtonDropdownItemProps } from "./ButtonDropdown";
+export { default as ButtonGroup } from "./ButtonGroup";
+export type { ButtonGroupProps } from "./ButtonGroup";
+export { default as Capacity } from "./Capacity";
+export type { CapacityProps } from "./Capacity";
+export { default as Card } from "./Card";
+export type { CardProps, CardContentProps, CardFooterProps } from "./Card";
+export { default as Checkbox } from "./Checkbox";
+export type { CheckboxProps, CheckboxGroupProps } from "./Checkbox";
+export { default as Code } from "./Code";
+export type { CodeProps } from "./Code";
+export { default as Col } from "./Col";
+export type { ColProps } from "./Col";
+export { default as Collapse } from "./Collapse";
+export type { CollapseProps, CollapseGroupProps } from "./Collapse";
+export { default as Container } from "./Container";
+export type { ContainerProps } from "./Container";
+export { default as Description } from "./Description";
+export type { DescriptionProps } from "./Description";
+export { default as Display } from "./Display";
+export type { DisplayProps } from "./Display";
+export { default as Divider } from "./Divider";
+export type { DividerProps } from "./Divider";
+export { default as Dot } from "./Dot";
+export type { DotProps } from "./Dot";
+export { default as Drawer } from "./Drawer";
+export type { DrawerProps } from "./Drawer";
+export { default as Fieldset } from "./Fieldset";
+export type { FieldsetProps, FieldsetTitleProps, FieldsetSubtitleProps, FieldsetGroupProps, FieldsetFooterProps, FieldsetContentProps } from "./Fieldset";
+export { default as Grid } from "./Grid";
+export type { GridProps, GridContainerProps } from "./Grid";
+export { default as Image } from "./Image";
+export type { ImageProps, ImageBrowserProps } from "./Image";
+export { default as Input } from "./Input";
+export type { InputProps, InputPasswordProps } from "./Input";
+export { default as Keyboard } from "./Keyboard";
+export type { KeyboardProps } from "./Keyboard";
+export { default as Link } from "./Link";
+export type { LinkProps } from "./Link";
+export { default as Loading } from "./Loading";
+export type { LoadingProps } from "./Loading";
+export { default as Modal } from "./Modal";
+export type { ModalProps, ModalTitleProps, ModalSubtitleProps, ModalContentProps, ModalActionProps } from "./Modal";
+export { default as Note } from "./Note";
+export type { NoteProps } from "./Note";
+export { default as Page } from "./Page";
+export type { PageProps, PageHeaderProps, PageContentProps, PageFooterProps } from "./Page";
+export { default as Pagination } from "./Pagination";
+export type { PaginationProps, PaginationNextProps, PaginationPreviousProps } from "./Pagination";
+export { default as Popover } from "./Popover";
+export type { PopoverProps, PopoverItemProps } from "./Popover";
+export { default as Progress } from "./Progress";
+export type { ProgressProps } from "./Progress";
+export { default as Radio } from "./Radio";
+export type { RadioProps, RadioGroupProps, RadioDescriptionProps } from "./Radio";
+export { default as Rating } from "./Rating";
+export type { RatingProps } from "./Rating";
+export { default as Row } from "./Row";
+export type { RowProps } from "./Row";
+export { default as Section } from "./Section";
+export type { SectionProps } from "./Section";
+export { default as Select } from "./Select";
+export type { SelectProps, SelectOptionProps } from "./Select";
+export { default as Slider } from "./Slider";
+export type { SliderProps } from "./Slider";
+export { default as Snippet } from "./Snippet";
+export type { SnippetProps } from "./Snippet";
+export { default as Spacer } from "./Spacer";
+export type { SpacerProps } from "./Spacer";
+export { default as Spinner } from "./Spinner";
+export type { SpinnerProps } from "./Spinner";
+export { default as Table } from "./Table";
+export type { TableProps, TableColumnProps } from "./Table";
+export { default as Tabs } from "./Tabs";
+export type { TabsProps } from "./Tabs";
+export { default as Tag } from "./Tag";
+export type { TagProps } from "./Tag";
+export { default as Text } from "./Text";
+export type { TextProps } from "./Text";
+export { default as Textarea } from "./Textarea";
+export type { TextareaProps } from "./Textarea";
+export { default as Themes } from "./Themes";
+export type { BolioUIThemes, BolioUIUserTheme } from "./Themes";
+export { default as Toggle } from "./Toggle";
+export type { ToggleProps } from "./Toggle";
+export { default as Tooltip } from "./Tooltip";
+export type { TooltipProps } from "./Tooltip";
+export { default as useAllThemes } from "./use-all-themes";
+export type { AllThemesConfig } from "./use-all-themes";
+export { default as useToasts } from "./use-toasts";
+export type { Toast, ToastInput, ToastAction, ToastLayout } from "./use-toasts";
+export { default as useBodyScroll } from "./use-body-scroll";
+export type { BodyScrollOptions } from "./use-body-scroll";
+export { default as useClipboard } from "./use-clipboard";
+export type { UseClipboardOptions } from "./use-clipboard";
+export { default as useMediaQuery } from "./use-media-query";
+export type { ResponsiveOptions, ResponsiveBreakpoint } from "./use-media-query";
+export { default as useKeyboard, KeyMod, KeyCode } from "./use-keyboard";
+export type { KeyboardOptions, UseKeyboardHandler } from "./use-keyboard";
+export { default as useInput } from "./use-input";
+export { default as useModal } from "./use-modal";
+export { default as useTabs } from "./use-tabs";
+export { default as useClickAway } from "./use-click-away";
+export { default as useCurrentState } from "./use-current-state";
+export { default as CssBaseline } from "./CssBaseline";
+export { default as useTheme } from "./use-theme";
+export { default as useClasses } from "./use-classes";
+export { default as useScale } from "./use-scale";
+export { withScale, ScalePropKeys, ScaleContext } from "./use-scale";
+export type { ScaleProps, ScaleConfig, GetScalePropsFunction, GetAllScalePropsFunction } from "./use-scale";
+export { useRect } from "./utils/layouts";
+export type { ReactiveDomReact } from "./utils/layouts";
+export { default as Highlight } from "./Shared/highlight";
+export type { HighlightProps } from "./Shared/highlight";

package/dist/index.js

@@ -302,7 +302,7 @@ var palette$1 = {
   accents_8: '#111',
   selection: '#cee4fe',
   code: '#C25FFF',
-  border: '#eaeaea',
+  border: '#999',
   primary: '#0072F6',
   primaryLight: '#96C1F3',
   primaryLighter: '#CEE4FF',
@@ -369,7 +369,7 @@ var palette = {
   accents_8: '#fafafa',
   selection: '#f81ce5',
   code: '#C25FFF',
-  border: '#333',
+  border: '#444',
   primary: '#0072F6',
   primaryLight: '#96C1F3',
   primaryLighter: '#CEE4FF',
@@ -888,16 +888,6 @@ var useClasses = function useClasses() {
 
 var useClasses$1 = useClasses;
 
-var transformDataSource$1 = function transformDataSource(src) {
-  var left = "".concat(src).slice(0, 4);
-
-  if (encodeURIComponent(left) === '%3Csvg') {
-    return "data:image/svg+xml;utf8,".concat(src);
-  }
-
-  return src;
-};
-
 var _excluded$1i = ["src", "stacked", "text", "isSquare", "className"];
 
 var safeText = function safeText(text) {
@@ -942,9 +932,6 @@ function AvatarComponent(_ref) {
       setShowSkeleton = _useState4[1];
 
   var imageRef = React.useRef(null);
-  React.useMemo(function () {
-    return transformDataSource$1(src);
-  }, [src]);
 
   var imageLoaded = function imageLoaded() {
     if (!showAnimation) return;
@@ -5306,7 +5293,7 @@ var defaultProps$6 = {
   initialValue: ''
 };
 
-var _excluded$C = ["label", "labelRight", "type", "htmlType", "icon", "iconRight", "iconClickable", "onIconClick", "initialValue", "onChange", "readOnly", "value", "onClearClick", "clearable", "className", "onBlur", "onFocus", "autoComplete", "placeholder", "children", "disabled", "rounded", "backgroundColor"];
+var _excluded$C = ["label", "labelRight", "type", "htmlType", "icon", "iconRight", "iconClickable", "onIconClick", "initialValue", "onChange", "readOnly", "value", "onClearClick", "clearable", "className", "onBlur", "onFocus", "autoComplete", "placeholder", "children", "disabled", "rounded", "backgroundColor", "borderColor"];
 
 var simulateChangeEvent = function simulateChangeEvent(el, event) {
   return _objectSpread2(_objectSpread2({}, event), {}, {
@@ -5339,6 +5326,7 @@ var InputComponent = /*#__PURE__*/React__default["default"].forwardRef(function
       disabled = _ref.disabled,
       rounded = _ref.rounded,
       backgroundColor = _ref.backgroundColor,
+      borderColor = _ref.borderColor,
       props = _objectWithoutProperties(_ref, _excluded$C);
 
   var theme = useTheme();
@@ -5374,9 +5362,9 @@ var InputComponent = /*#__PURE__*/React__default["default"].forwardRef(function
   var _useMemo = React.useMemo(function () {
     return getColors$6(theme.palette, type);
   }, [theme.palette, type]),
-      color = _useMemo.color;
-      _useMemo.borderColor;
-      var hoverBorder = _useMemo.hoverBorder;
+      color = _useMemo.color,
+      borderColorThemed = _useMemo.borderColor,
+      hoverBorder = _useMemo.hoverBorder;
 
   var changeHandler = function changeHandler(event) {
     if (disabled || readOnly) return;
@@ -5431,11 +5419,11 @@ var InputComponent = /*#__PURE__*/React__default["default"].forwardRef(function
   var inputProps = _objectSpread2(_objectSpread2({}, props), controlledValue);
 
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: styledJsx_cjs.style.dynamic([["363116299", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, 'initial'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, 'initial'), rounded ? '25px' : theme.layout.radius, backgroundColor ? backgroundColor : theme.palette.accents_2, theme.palette.accents_4, hoverBorder, SCALES.font(0.875), color, theme.palette.accents_3, theme.palette.background, color]]]) + " " + "with-label"
+    className: styledJsx_cjs.style.dynamic([["2780775675", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, 'initial'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, 'initial'), rounded ? '25px' : theme.layout.radius, borderColor ? borderColor : borderColorThemed, backgroundColor ? backgroundColor : theme.palette.accents_2, theme.palette.accents_4, hoverBorder, SCALES.font(0.875), color, theme.palette.accents_3, theme.palette.background, color]]]) + " " + "with-label"
   }, children && /*#__PURE__*/React__default["default"].createElement(InputBlockLabel$1, null, children), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: styledJsx_cjs.style.dynamic([["363116299", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, 'initial'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, 'initial'), rounded ? '25px' : theme.layout.radius, backgroundColor ? backgroundColor : theme.palette.accents_2, theme.palette.accents_4, hoverBorder, SCALES.font(0.875), color, theme.palette.accents_3, theme.palette.background, color]]]) + " " + (useClasses$1('input-container', className) || "")
+    className: styledJsx_cjs.style.dynamic([["2780775675", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, 'initial'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, 'initial'), rounded ? '25px' : theme.layout.radius, borderColor ? borderColor : borderColorThemed, backgroundColor ? backgroundColor : theme.palette.accents_2, theme.palette.accents_4, hoverBorder, SCALES.font(0.875), color, theme.palette.accents_3, theme.palette.background, color]]]) + " " + (useClasses$1('input-container', className) || "")
   }, label && /*#__PURE__*/React__default["default"].createElement(InputLabel$1, null, label), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: styledJsx_cjs.style.dynamic([["363116299", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, 'initial'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, 'initial'), rounded ? '25px' : theme.layout.radius, backgroundColor ? backgroundColor : theme.palette.accents_2, theme.palette.accents_4, hoverBorder, SCALES.font(0.875), color, theme.palette.accents_3, theme.palette.background, color]]]) + " " + (useClasses$1('input-wrapper', {
+    className: styledJsx_cjs.style.dynamic([["2780775675", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, 'initial'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, 'initial'), rounded ? '25px' : theme.layout.radius, borderColor ? borderColor : borderColorThemed, backgroundColor ? backgroundColor : theme.palette.accents_2, theme.palette.accents_4, hoverBorder, SCALES.font(0.875), color, theme.palette.accents_3, theme.palette.background, color]]]) + " " + (useClasses$1('input-wrapper', {
       hover: hover,
       disabled: disabled
     }, labelClasses) || "")
@@ -5452,7 +5440,7 @@ var InputComponent = /*#__PURE__*/React__default["default"].forwardRef(function
     onChange: changeHandler,
     autoComplete: autoComplete
   }, inputProps, {
-    className: styledJsx_cjs.style.dynamic([["363116299", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, 'initial'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, 'initial'), rounded ? '25px' : theme.layout.radius, backgroundColor ? backgroundColor : theme.palette.accents_2, theme.palette.accents_4, hoverBorder, SCALES.font(0.875), color, theme.palette.accents_3, theme.palette.background, color]]]) + " " + (inputProps && inputProps.className != null && inputProps.className || useClasses$1({
+    className: styledJsx_cjs.style.dynamic([["2780775675", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, 'initial'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, 'initial'), rounded ? '25px' : theme.layout.radius, borderColor ? borderColor : borderColorThemed, backgroundColor ? backgroundColor : theme.palette.accents_2, theme.palette.accents_4, hoverBorder, SCALES.font(0.875), color, theme.palette.accents_3, theme.palette.background, color]]]) + " " + (inputProps && inputProps.className != null && inputProps.className || useClasses$1({
       disabled: disabled
     }, iconClasses) || "")
   })), clearable && /*#__PURE__*/React__default["default"].createElement(InputClearIcon, {
@@ -5464,9 +5452,9 @@ var InputComponent = /*#__PURE__*/React__default["default"].forwardRef(function
   }, iconProps))), labelRight && /*#__PURE__*/React__default["default"].createElement(InputLabel$1, {
     isRight: true
   }, labelRight)), /*#__PURE__*/React__default["default"].createElement(styledJsx_cjs.style, {
-    id: "363116299",
-    dynamic: [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, 'initial'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, 'initial'), rounded ? '25px' : theme.layout.radius, backgroundColor ? backgroundColor : theme.palette.accents_2, theme.palette.accents_4, hoverBorder, SCALES.font(0.875), color, theme.palette.accents_3, theme.palette.background, color]
-  }, ".with-label.__jsx-style-dynamic-selector{display:inline-block;box-sizing:border-box;-webkit-box-align:center;--input-height:".concat(SCALES.height(2.25), ";font-size:").concat(SCALES.font(0.875), ";width:").concat(SCALES.width(1, 'initial'), ";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), ";}.input-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;width:").concat(SCALES.width(1, 'initial'), ";height:var(--input-height);}.input-wrapper.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:").concat(rounded ? '25px' : theme.layout.radius, ";-webkit-transition:border 0.2s ease 0s,color 0.2s ease 0s;transition:border 0.2s ease 0s,color 0.2s ease 0s;background:").concat(backgroundColor ? backgroundColor : theme.palette.accents_2, ";}.input-wrapper.left-label.__jsx-style-dynamic-selector{border-top-left-radius:0;border-bottom-left-radius:0;}.input-wrapper.right-label.__jsx-style-dynamic-selector{border-top-right-radius:0;border-bottom-right-radius:0;}.input-wrapper.disabled.__jsx-style-dynamic-selector{background-color:").concat(theme.palette.accents_4, ";cursor:not-allowed;}input.disabled.__jsx-style-dynamic-selector{cursor:not-allowed;}.input-wrapper.hover.__jsx-style-dynamic-selector{border-color:").concat(hoverBorder, ";}input.__jsx-style-dynamic-selector{margin:0.25em 0.625em;padding:0 4px;box-shadow:none;font-size:").concat(SCALES.font(0.875), ";background-color:transparent;border:none;color:").concat(color, ";outline:none;border-radius:0;width:100%;min-width:0;-webkit-appearance:none;}input.left-icon.__jsx-style-dynamic-selector{margin-left:0;}input.right-icon.__jsx-style-dynamic-selector{margin-right:0;}.__jsx-style-dynamic-selector::-webkit-input-placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme.palette.accents_3, ";}.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme.palette.accents_3, ";}.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme.palette.accents_3, ";}.__jsx-style-dynamic-selector::placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme.palette.accents_3, ";}.__jsx-style-dynamic-selector::-ms-reveal{display:none !important;}input.__jsx-style-dynamic-selector:-webkit-autofill,input.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:hover,input.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:active,input.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:focus{-webkit-box-shadow:0 0 0 30px ").concat(theme.palette.background, " inset !important;-webkit-text-fill-color:").concat(color, " !important;}")));
+    id: "2780775675",
+    dynamic: [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, 'initial'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, 'initial'), rounded ? '25px' : theme.layout.radius, borderColor ? borderColor : borderColorThemed, backgroundColor ? backgroundColor : theme.palette.accents_2, theme.palette.accents_4, hoverBorder, SCALES.font(0.875), color, theme.palette.accents_3, theme.palette.background, color]
+  }, ".with-label.__jsx-style-dynamic-selector{display:inline-block;box-sizing:border-box;-webkit-box-align:center;--input-height:".concat(SCALES.height(2.25), ";font-size:").concat(SCALES.font(0.875), ";width:").concat(SCALES.width(1, 'initial'), ";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), ";}.input-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;width:").concat(SCALES.width(1, 'initial'), ";height:var(--input-height);}.input-wrapper.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:").concat(rounded ? '25px' : theme.layout.radius, ";border:1px solid ").concat(borderColor ? borderColor : borderColorThemed, ";-webkit-transition:border 0.2s ease 0s,color 0.2s ease 0s;transition:border 0.2s ease 0s,color 0.2s ease 0s;background:").concat(backgroundColor ? backgroundColor : theme.palette.accents_2, ";}.input-wrapper.left-label.__jsx-style-dynamic-selector{border-top-left-radius:0;border-bottom-left-radius:0;}.input-wrapper.right-label.__jsx-style-dynamic-selector{border-top-right-radius:0;border-bottom-right-radius:0;}.input-wrapper.disabled.__jsx-style-dynamic-selector{background-color:").concat(theme.palette.accents_4, ";cursor:not-allowed;}input.disabled.__jsx-style-dynamic-selector{cursor:not-allowed;}.input-wrapper.hover.__jsx-style-dynamic-selector{border-color:").concat(hoverBorder, ";}input.__jsx-style-dynamic-selector{margin:0.25em 0.625em;padding:0 4px;box-shadow:none;font-size:").concat(SCALES.font(0.875), ";background-color:transparent;border:none;color:").concat(color, ";outline:none;border-radius:0;width:100%;min-width:0;-webkit-appearance:none;}input.left-icon.__jsx-style-dynamic-selector{margin-left:0;}input.right-icon.__jsx-style-dynamic-selector{margin-right:0;}.__jsx-style-dynamic-selector::-webkit-input-placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme.palette.accents_3, ";}.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme.palette.accents_3, ";}.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme.palette.accents_3, ";}.__jsx-style-dynamic-selector::placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme.palette.accents_3, ";}.__jsx-style-dynamic-selector::-ms-reveal{display:none !important;}input.__jsx-style-dynamic-selector:-webkit-autofill,input.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:hover,input.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:active,input.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:focus{-webkit-box-shadow:0 0 0 30px ").concat(theme.palette.background, " inset !important;-webkit-text-fill-color:").concat(color, " !important;}")));
 });
 InputComponent.defaultProps = defaultProps$6;
 InputComponent.displayName = 'BolioUIInput';

package/dist/use-all-themes/all-themes-context.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { BolioUIThemes } from "../Themes/Presets";
+export declare type AllThemesConfig = {
+    themes: Array<BolioUIThemes>;
+};
+export declare const AllThemesContext: React.Context<AllThemesConfig>;
+export declare const useAllThemes: () => AllThemesConfig;

package/dist/use-all-themes/index.d.ts

@@ -0,0 +1,3 @@
+import { useAllThemes } from "./all-themes-context";
+export type { AllThemesConfig } from "./all-themes-context";
+export default useAllThemes;

package/dist/use-all-themes/index.js

@@ -115,7 +115,7 @@ var palette$1 = {
   accents_8: '#111',
   selection: '#cee4fe',
   code: '#C25FFF',
-  border: '#eaeaea',
+  border: '#999',
   primary: '#0072F6',
   primaryLight: '#96C1F3',
   primaryLighter: '#CEE4FF',
@@ -182,7 +182,7 @@ var palette = {
   accents_8: '#fafafa',
   selection: '#f81ce5',
   code: '#C25FFF',
-  border: '#333',
+  border: '#444',
   primary: '#0072F6',
   primaryLight: '#96C1F3',
   primaryLighter: '#CEE4FF',

package/dist/use-body-scroll/index.d.ts

@@ -0,0 +1,3 @@
+import useBodyScroll from "./use-body-scroll";
+export type { BodyScrollOptions } from "./use-body-scroll";
+export default useBodyScroll;

package/dist/use-body-scroll/use-body-scroll.d.ts

@@ -0,0 +1,11 @@
+import { Dispatch, RefObject, SetStateAction } from 'react';
+export declare type ElementStackItem = {
+    overflow: string;
+    paddingRight: string;
+};
+export declare type BodyScrollOptions = {
+    scrollLayer?: boolean;
+    delayReset?: number;
+};
+declare function useBodyScroll(elementRef?: RefObject<HTMLElement> | null, options?: BodyScrollOptions): [boolean, Dispatch<SetStateAction<boolean>>];
+export default useBodyScroll;

package/dist/use-classes/index.d.ts

@@ -0,0 +1,2 @@
+import { default as useClasses } from "./use-classes";
+export default useClasses;

package/dist/use-classes/use-classes.d.ts

@@ -0,0 +1,4 @@
+export declare type classNamesObject = Record<string, boolean | string | number | null | undefined>;
+export declare type className = string | classNamesObject | null | undefined | boolean | number;
+declare const useClasses: (...classNames: Array<className>) => string;
+export default useClasses;

package/dist/use-click-away/index.d.ts

@@ -0,0 +1,2 @@
+import useClickAway from "./use-click-away";
+export default useClickAway;

package/dist/use-click-away/use-click-away.d.ts

@@ -0,0 +1,4 @@
+import { MutableRefObject } from 'react';
+export declare type ClickAwayGetContainer = () => HTMLElement | null;
+declare const useClickAway: (ref: MutableRefObject<HTMLElement | null>, handler: (event: Event) => void) => void;
+export default useClickAway;

package/dist/use-clipboard/index.d.ts

@@ -0,0 +1,3 @@
+import useClipboard from "./use-clipboard";
+export type { UseClipboardOptions, UseClipboardResult } from "./use-clipboard";
+export default useClipboard;

package/dist/use-clipboard/use-clipboard.d.ts

@@ -0,0 +1,8 @@
+export declare type UseClipboardOptions = {
+    onError: () => unknown;
+};
+export declare type UseClipboardResult = {
+    copy: (text: string) => void;
+};
+declare const useClipboard: (options?: UseClipboardOptions) => UseClipboardResult;
+export default useClipboard;

package/dist/use-current-state/index.d.ts

@@ -0,0 +1,2 @@
+import useCurrentState from "./use-current-state";
+export default useCurrentState;

package/dist/use-current-state/use-current-state.d.ts

@@ -0,0 +1,8 @@
+import { Dispatch, MutableRefObject, SetStateAction } from 'react';
+export declare type CurrentStateType<S> = [
+    S,
+    Dispatch<SetStateAction<S>>,
+    MutableRefObject<S>
+];
+declare const useCurrentState: <S>(initialState: S | (() => S)) => CurrentStateType<S>;
+export default useCurrentState;

package/dist/use-input/index.d.ts

@@ -0,0 +1,3 @@
+import useInput from "./use-input";
+export type { BindingsChangeTarget } from "./use-input";
+export default useInput;

package/dist/use-input/use-input.d.ts

@@ -0,0 +1,13 @@
+import React, { Dispatch, MutableRefObject, SetStateAction } from 'react';
+export declare type BindingsChangeTarget = React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement> | string;
+declare const useInput: (initialValue: string) => {
+    state: string;
+    setState: Dispatch<SetStateAction<string>>;
+    currentRef: MutableRefObject<string>;
+    reset: () => void;
+    bindings: {
+        value: string;
+        onChange: (event: BindingsChangeTarget) => void;
+    };
+};
+export default useInput;

package/dist/use-keyboard/codes.d.ts

@@ -0,0 +1,92 @@
+/**
+ * KeyBinding Codes
+ * The content of this file is based on the design of the open source project "microsoft/vscode",
+ *   Copyright (c) Microsoft Corporation. All rights reserved.
+ *
+ * We inherit the KeyMod values from "microsoft/vscode",
+ * but use the Browser's KeyboardEvent event implementation, and all values are used only as identification.
+ */
+export declare enum KeyCode {
+    Unknown = 0,
+    Backspace = 8,
+    Tab = 9,
+    Enter = 13,
+    Shift = 16,
+    Ctrl = 17,
+    Alt = 18,
+    PauseBreak = 19,
+    CapsLock = 20,
+    Escape = 27,
+    Space = 32,
+    PageUp = 33,
+    PageDown = 34,
+    End = 35,
+    Home = 36,
+    LeftArrow = 37,
+    UpArrow = 38,
+    RightArrow = 39,
+    DownArrow = 40,
+    Insert = 45,
+    Delete = 46,
+    KEY_0 = 48,
+    KEY_1 = 49,
+    KEY_2 = 50,
+    KEY_3 = 51,
+    KEY_4 = 52,
+    KEY_5 = 53,
+    KEY_6 = 54,
+    KEY_7 = 55,
+    KEY_8 = 56,
+    KEY_9 = 57,
+    KEY_A = 65,
+    KEY_B = 66,
+    KEY_C = 67,
+    KEY_D = 68,
+    KEY_E = 69,
+    KEY_F = 70,
+    KEY_G = 71,
+    KEY_H = 72,
+    KEY_I = 73,
+    KEY_J = 74,
+    KEY_K = 75,
+    KEY_L = 76,
+    KEY_M = 77,
+    KEY_N = 78,
+    KEY_O = 79,
+    KEY_P = 80,
+    KEY_Q = 81,
+    KEY_R = 82,
+    KEY_S = 83,
+    KEY_T = 84,
+    KEY_U = 85,
+    KEY_V = 86,
+    KEY_W = 87,
+    KEY_X = 88,
+    KEY_Y = 89,
+    KEY_Z = 90,
+    Meta = 91,
+    F1 = 112,
+    F2 = 113,
+    F3 = 114,
+    F4 = 115,
+    F5 = 116,
+    F6 = 117,
+    F7 = 118,
+    F8 = 119,
+    F9 = 120,
+    F10 = 121,
+    F11 = 122,
+    F12 = 123,
+    NumLock = 144,
+    ScrollLock = 145,
+    Equal = 187,
+    Minus = 189,
+    Backquote = 192,
+    Backslash = 220
+}
+export declare enum KeyMod {
+    CtrlCmd = 2048,
+    Shift = 1024,
+    Alt = 512,
+    WinCtrl = 256
+}

package/dist/use-keyboard/helper.d.ts

@@ -0,0 +1,3 @@
+import { KeyMod } from "./codes";
+export declare const getCtrlKeysByPlatform: () => Record<string, 'metaKey' | 'ctrlKey'>;
+export declare const getActiveModMap: (bindings: number[]) => Record<keyof typeof KeyMod, boolean>;

package/dist/use-keyboard/index.d.ts

@@ -0,0 +1,5 @@
+import useKeyboard from "./use-keyboard";
+import { KeyMod, KeyCode } from "./codes";
+export { KeyMod, KeyCode };
+export type { UseKeyboardHandler, KeyboardOptions, KeyboardResult, UseKeyboard } from "./use-keyboard";
+export default useKeyboard;

package/dist/use-keyboard/use-keyboard.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+export declare type KeyboardOptions = {
+    disableGlobalEvent?: boolean;
+    stopPropagation?: boolean;
+    preventDefault?: boolean;
+    capture?: boolean;
+    event?: 'keydown' | 'keypress' | 'keyup';
+};
+export declare type KeyboardResult = {
+    bindings: {
+        onKeyDown: React.KeyboardEventHandler;
+        onKeyDownCapture: React.KeyboardEventHandler;
+        onKeyPress: React.KeyboardEventHandler;
+        onKeyPressCapture: React.KeyboardEventHandler;
+        onKeyUp: React.KeyboardEventHandler;
+        onKeyUpCapture: React.KeyboardEventHandler;
+    };
+};
+export declare type UseKeyboardHandler = (event: React.KeyboardEvent | KeyboardEvent) => void;
+export declare type UseKeyboard = (handler: UseKeyboardHandler, keyBindings: Array<number> | number, options?: KeyboardOptions) => KeyboardResult;
+declare const useKeyboard: UseKeyboard;
+export default useKeyboard;

package/dist/use-media-query/index.d.ts

@@ -0,0 +1,3 @@
+import useMediaQuery from "./use-media-query";
+export type { ResponsiveBreakpoint, ResponsiveOptions } from "./use-media-query";
+export default useMediaQuery;

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

@@ -174,7 +174,7 @@ var palette$1 = {
   accents_8: '#111',
   selection: '#cee4fe',
   code: '#C25FFF',
-  border: '#eaeaea',
+  border: '#999',
   primary: '#0072F6',
   primaryLight: '#96C1F3',
   primaryLighter: '#CEE4FF',
@@ -241,7 +241,7 @@ var palette = {
   accents_8: '#fafafa',
   selection: '#f81ce5',
   code: '#C25FFF',
-  border: '#333',
+  border: '#444',
   primary: '#0072F6',
   primaryLight: '#96C1F3',
   primaryLighter: '#CEE4FF',

package/dist/use-media-query/use-media-query.d.ts

@@ -0,0 +1,12 @@
+declare const breakpoints: ["xs", "sm", "md", "lg", "xl", "mobile"];
+export declare type ResponsiveBreakpoint = typeof breakpoints[number];
+declare const matchType: ["up", "down", "default"];
+export declare type ResponsiveMatchType = typeof matchType[number];
+export declare type ResponsiveOptions = {
+    match?: ResponsiveMatchType;
+    ssrMatchMedia?: (query: string) => {
+        matches: boolean;
+    };
+};
+declare const useMediaQuery: (breakpoint: ResponsiveBreakpoint, options?: ResponsiveOptions) => boolean;
+export default useMediaQuery;

package/dist/use-modal/index.d.ts

@@ -0,0 +1,3 @@
+import useModal from "./use-modal";
+export type { ModalHooksBindings } from "./use-modal";
+export default useModal;

package/dist/use-modal/use-modal.d.ts

@@ -0,0 +1,10 @@
+import { Dispatch, MutableRefObject, SetStateAction } from 'react';
+import { ModalProps } from "../Modal";
+export declare type ModalHooksBindings = Pick<ModalProps, 'visible' | 'onClose'>;
+declare const useModal: (initialVisible?: boolean) => {
+    visible: boolean;
+    setVisible: Dispatch<SetStateAction<boolean>>;
+    currentRef: MutableRefObject<boolean>;
+    bindings: ModalHooksBindings;
+};
+export default useModal;

package/dist/use-scale/index.d.ts

@@ -0,0 +1,6 @@
+import withScale from "./with-scale";
+import { useScale } from "./scale-context";
+export * from "./utils";
+export * from "./scale-context";
+export default useScale;
+export { withScale };

package/dist/use-scale/index.js

@@ -279,7 +279,7 @@ var palette$1 = {
   accents_8: '#111',
   selection: '#cee4fe',
   code: '#C25FFF',
-  border: '#eaeaea',
+  border: '#999',
   primary: '#0072F6',
   primaryLight: '#96C1F3',
   primaryLighter: '#CEE4FF',
@@ -346,7 +346,7 @@ var palette = {
   accents_8: '#fafafa',
   selection: '#f81ce5',
   code: '#C25FFF',
-  border: '#333',
+  border: '#444',
   primary: '#0072F6',
   primaryLight: '#96C1F3',
   primaryLighter: '#CEE4FF',