@bolio-ui/core 2.0.0-alpha.1 → 2.0.0-alpha.2

package/esm/utils/collections.d.ts

@@ -3,7 +3,7 @@ export declare const getId: () => string;
 export declare const capitalize: (str: string | symbol | number | undefined | null) => string;
 export declare const hasChild: (children: ReactNode | undefined, child: React.ElementType) => boolean;
 export declare const pickChild: (children: ReactNode | undefined, targetChild: React.ElementType) => [ReactNode | undefined, ReactNode | undefined];
-export declare const pickChildByProps: (children: ReactNode | undefined, key: string, value: any) => [ReactNode | undefined, ReactNode | undefined];
+export declare const pickChildByProps: (children: ReactNode | undefined, key: string, value: unknown) => [ReactNode | undefined, ReactNode | undefined];
 export declare const pickChildrenFirst: (children: ReactNode | undefined) => ReactNode | undefined;
 export declare const setChildrenProps: (children: ReactNode | undefined, props: Record<string, unknown>, targetComponents?: Array<React.ElementType>) => ReactNode | undefined;
 export declare const setChildrenIndex: (children: ReactNode | undefined, targetComponents?: Array<React.ElementType>) => ReactNode | undefined;

package/esm/utils/log-warning.d.ts

@@ -0,0 +1,2 @@
+declare const logWarning: (message: string, component?: string) => void;
+export default logWarning;

package/esm/utils/prop-types.d.ts

@@ -1,19 +1,10 @@
 export declare const tuple: <T extends string[]>(...args: T) => T;
 export declare const tupleNumber: <T extends number[]>(...args: T) => T;
-declare const buttonTypes: ["default", "primary", "secondary", "info", "success", "warning", "error", "abort", "primary-light", "secondary-light", "info-light", "success-light", "warning-light", "error-light"];
-declare const normalTypes: ["default", "primary", "secondary", "success", "warning", "error", "info"];
-declare const snippetTypes: ["default", "primary", "secondary", "success", "warning", "error", "info", "dark", "lite"];
-declare const cardTypes: ["default", "primary", "secondary", "success", "warning", "error", "dark", "lite", "info"];
-declare const copyTypes: ["default", "silent", "prevent"];
-declare const triggerTypes: ["hover", "click"];
-declare const placement: ["top", "topStart", "topEnd", "left", "leftStart", "leftEnd", "bottom", "bottomStart", "bottomEnd", "right", "rightStart", "rightEnd"];
-declare const dividerAlign: ["start", "center", "end", "left", "right"];
-export type ButtonTypes = typeof buttonTypes[number];
-export type NormalTypes = typeof normalTypes[number];
-export type SnippetTypes = typeof snippetTypes[number];
-export type CardTypes = typeof cardTypes[number];
-export type CopyTypes = typeof copyTypes[number];
-export type TriggerTypes = typeof triggerTypes[number];
-export type Placement = typeof placement[number];
-export type DividerAlign = typeof dividerAlign[number];
-export {};
+export type ButtonTypes = 'default' | 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error' | 'abort' | 'primary-light' | 'secondary-light' | 'info-light' | 'success-light' | 'warning-light' | 'error-light';
+export type NormalTypes = 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';
+export type SnippetTypes = 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info' | 'dark' | 'lite';
+export type CardTypes = 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'dark' | 'lite' | 'info';
+export type CopyTypes = 'default' | 'silent' | 'prevent';
+export type TriggerTypes = 'hover' | 'click';
+export type Placement = 'top' | 'topStart' | 'topEnd' | 'left' | 'leftStart' | 'leftEnd' | 'bottom' | 'bottomStart' | 'bottomEnd' | 'right' | 'rightStart' | 'rightEnd';
+export type DividerAlign = 'start' | 'center' | 'end' | 'left' | 'right';

package/esm/utils/types.d.ts

@@ -1,3 +1,5 @@
+export type AnyElement = any;
+export type AnyObject = Record<string, any>;
 export type DeepPartial<T> = {
-    [P in keyof T]?: T[P] extends Record<string, any> ? DeepPartial<T[P]> : T[P];
+    [P in keyof T]?: T[P] extends AnyObject ? DeepPartial<T[P]> : T[P];
 };

package/esm/utils/use-bolio-ui-context.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import type { ToastLayout, Toast } from '../use-toasts/use-toast';
 export declare const defaultToastLayout: Required<ToastLayout>;
-export type UpdateToastsFunction = (fn: (toasts: Array<Toast>) => Array<Toast>) => any;
-export type UpdateToastsLayoutFunction = (fn: (layout: Required<ToastLayout>) => Required<ToastLayout>) => any;
-export type UpdateToastsIDFunction = (fn: () => string | null) => any;
+export type UpdateToastsFunction = (fn: (toasts: Array<Toast>) => Array<Toast>) => void;
+export type UpdateToastsLayoutFunction = (fn: (layout: Required<ToastLayout>) => Required<ToastLayout>) => void;
+export type UpdateToastsIDFunction = (fn: () => string | null) => void;
 export interface BolioUIContextParams {
     toasts: Array<Toast>;
     updateToasts: UpdateToastsFunction;

package/esm/utils/use-default-props.d.ts

@@ -1,2 +1,3 @@
-declare const useDefaultProps: <T extends Record<string | number, any>, D extends Partial<T>>(props: T, defaultProps: D) => T & Required<D>;
+import type { AnyObject } from './types';
+declare const useDefaultProps: <T extends AnyObject, D extends Partial<T>>(props: T, defaultProps: D) => T & Required<D>;
 export default useDefaultProps;

package/esm/utils/use-drag.d.ts

@@ -4,5 +4,5 @@ export type DraggingEvent = {
     currentX: number;
 };
 export type DraggingHandler = (event: DraggingEvent) => void;
-declare const useDrag: (elementRef: RefObject<HTMLElement> | null, draggingHandler?: DraggingHandler, dragStartHandler?: DraggingHandler, dragEndHandler?: DraggingHandler) => void;
+declare const useDrag: (elementRef: RefObject<HTMLElement | null> | null, draggingHandler?: DraggingHandler, dragStartHandler?: DraggingHandler, dragEndHandler?: DraggingHandler) => void;
 export default useDrag;

package/esm/utils/use-latest.d.ts

@@ -0,0 +1,3 @@
+import { MutableRefObject } from 'react';
+declare const useLatest: <T>(value: T) => MutableRefObject<T>;
+export default useLatest;

package/esm/utils/use-previous.d.ts

@@ -1,2 +1,2 @@
-declare const usePrevious: <T>(state: T) => T | null | undefined;
+declare const usePrevious: <T>(state: T) => T | undefined | null;
 export default usePrevious;

package/esm/utils/variant-colors.d.ts

@@ -0,0 +1,11 @@
+import { BolioUIThemesPalette } from '../Themes/Presets';
+export type SurfaceVariant = 'filled' | 'light' | 'outline' | 'subtle';
+export declare const SEMANTIC_COLOR_TYPES: readonly ["primary", "secondary", "success", "warning", "error", "info"];
+export type SemanticColorType = (typeof SEMANTIC_COLOR_TYPES)[number];
+export declare const isSemanticColorType: (type?: string) => type is SemanticColorType;
+export interface VariantColors {
+    bg: string;
+    border: string;
+    color: string;
+}
+export declare const getVariantColors: (palette: BolioUIThemesPalette, type: SemanticColorType, variant: SurfaceVariant) => VariantColors;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bolio-ui/core",
-  "version": "2.0.0-alpha.1",
+  "version": "2.0.0-alpha.2",
   "description": "Amazing, modern and creative tools for React UI. 🥷🏼",
   "keywords": [
     "bolio",
@@ -62,107 +62,98 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "eslint src --max-warnings=0",
-    "prepare": "husky install",
+    "lint": "eslint src core --max-warnings=0",
     "typecheck": "tsc --project tsconfig.json --noEmit",
     "test": "jest",
+    "test:react18": "[ -d compat/.work/react18/node_modules ] || npm install --prefix compat/.work/react18 --no-audit --no-fund; jest --config jest.react18.config.js",
     "test:coverage": "jest --coverage",
     "test:watch": "yarn test --watch",
     "generate": "yarn plop --plopfile generators/plopfile.js",
-    "storybook": "start-storybook -s ./public -p 6006",
-    "build-storybook": "build-storybook -s ./public",
-    "build:storybook": "build-storybook -s ./public",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "build:storybook": "storybook build",
     "build:clear": "rm -rf ./dist ./esm",
-    "build:rollup": "rollup -c scripts/rollup.config.js",
-    "build:babel": "babel --no-babelrc --config-file ./scripts/babel.config.js --extensions \".js,.ts,.tsx\" ./core --out-dir ./esm --ignore \"**/__tests__/**/*,**/*.d.ts,**/stories.tsx\"",
+    "build:js": "tsup --config scripts/tsup.config.ts",
     "build:after": "node scripts/add-use-client.js",
     "build:webpack": "webpack --config scripts/webpack.config.js",
     "build:types": "tsc -p ./scripts && tsc -p ./scripts --outDir ./esm",
-    "build:package": "yarn build:clear && yarn build:rollup && yarn build:babel && yarn build:types && yarn build:after",
+    "build:package": "yarn build:clear && yarn build:js && yarn build:types && yarn build:after",
     "clear-all": "rm -rf .next _static node_modules",
     "re-start": "rm -rf .next _static node_modules && yarn install && yarn dev",
     "re-build": "rm -rf .next _static node_modules && yarn install && yarn build",
     "release": "yarn build && yarn build:package && yarn publish --access public --non-interactive",
     "release:next": "yarn build:package && yarn publish --access public --tag next --non-interactive"
   },
-  "lint-staged": {
-    "src/**/*.{js,jsx,ts,tsx}": [
-      "yarn lint --fix",
-      "yarn test --findRelatedTests --bail"
-    ]
-  },
   "dependencies": {
-    "@babel/runtime": "^7.14.8",
     "styled-jsx": "^5.0.7"
   },
   "devDependencies": {
-    "@babel/cli": "^7.14.5",
     "@babel/core": "^7.26.0",
-    "@babel/plugin-transform-runtime": "^7.14.5",
+    "@babel/plugin-syntax-typescript": "^7",
     "@babel/preset-env": "^7.14.7",
     "@babel/preset-react": "^7.14.5",
     "@babel/preset-typescript": "^7.14.5",
     "@bolio-ui/icons": "^1.0.4",
+    "@eslint/js": "^9",
     "@mapbox/rehype-prism": "^0.9.0",
     "@mdx-js/loader": "^3.1.1",
     "@mdx-js/react": "^3.1.1",
-    "@next/mdx": "^15.5.0",
-    "@rollup/plugin-commonjs": "^21.0.1",
-    "@rollup/plugin-node-resolve": "^13.1.3",
-    "@storybook/addon-essentials": "^6.5.12",
-    "@storybook/react": "^6.5.12",
+    "@next/mdx": "^16",
+    "@serwist/turbopack": "^9",
+    "@storybook/addon-docs": "^10.6",
+    "@storybook/react-vite": "^10.6",
     "@testing-library/dom": "^10",
-    "@testing-library/jest-dom": "^5.14.1",
+    "@testing-library/jest-dom": "^6",
     "@testing-library/react": "^16",
-    "@types/jest": "^26.0.24",
-    "@types/react": "^18.3.0",
-    "@types/react-autosuggest": "^10.1.5",
-    "@types/react-dom": "^18.3.0",
+    "@types/jest": "^30",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
     "@types/react-syntax-highlighter": "^15.5.4",
     "@types/styled-components": "^5.1.11",
-    "@typescript-eslint/eslint-plugin": "^5.62.0",
-    "@typescript-eslint/parser": "^5.62.0",
+    "@typescript-eslint/eslint-plugin": "^8",
+    "@typescript-eslint/parser": "^8",
+    "@vitejs/plugin-react": "^5",
     "axe-core": "^4.3.2",
     "babel-loader": "^8.2.2",
     "babel-plugin-styled-components": "^1.13.2",
     "classnames": "^2.3.1",
-    "eslint": "7.32.0",
-    "eslint-config-next": "11.0.1",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-prettier": "^3.4.0",
-    "eslint-plugin-react": "^7.24.0",
-    "eslint-plugin-react-hooks": "^4.2.0",
-    "eslint-plugin-storybook": "^0.6.4",
+    "esbuild": "^0.27",
+    "eslint": "^9",
+    "eslint-config-prettier": "^10",
+    "eslint-plugin-prettier": "^5",
+    "eslint-plugin-react": "^7.37",
+    "eslint-plugin-react-hooks": "^5",
+    "globals": "^17.12.0",
     "gray-matter": "^4.0.3",
-    "husky": "^7.0.0",
-    "jest": "^27.0.6",
+    "jest": "^30",
+    "jest-environment-jsdom": "^30",
     "jest-styled-components": "^7.0.5",
     "kbar": "0.1.0-beta.6",
-    "lint-staged": "^11.1.1",
-    "next": "^15.5.0",
-    "next-pwa": "^5.6.0",
-    "next-seo": "^5.5.0",
+    "next": "^16",
     "plop": "^2.7.4",
-    "prettier": "2.3.2",
+    "prettier": "^3",
     "prism-react-renderer": "^1.2.1",
-    "react": "^18.2.0",
-    "react-autosuggest": "^10.1.0",
+    "react": "^19",
     "react-device-detect": "^1.17.0",
-    "react-dom": "^18.2.0",
+    "react-dom": "^19",
     "react-live": "^2.2.3",
     "react-syntax-highlighter": "^15.5.0",
     "rehype-join-line": "^1.0.2",
     "remark-autolink-headings": "^6.0.1",
     "remark-gfm": "^4.0.1",
     "remark-slug": "^6.0.0",
-    "rollup": "^2.64.0",
-    "rollup-plugin-babel": "^4.4.0",
-    "rollup-plugin-local-resolve": "^1.0.7",
+    "serwist": "^9",
+    "storybook": "^10.6",
     "styled-components": "^5.3.0",
-    "typescript": "~4.9.5"
+    "tsup": "^8",
+    "typescript": "~5.9.3",
+    "vite": "^8"
   },
   "resolutions": {
-    "@types/react": "^18.3.0"
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "react": "^19",
+    "react-dom": "^19"
   },
   "peerDependencies": {
     "react": "^18.2.0 || ^19.0.0",

package/dist/utils/use-warning.d.ts

@@ -1,2 +0,0 @@
-declare const useWarning: (message: string, component?: string) => void;
-export default useWarning;

package/esm/Avatar/Avatar.js

@@ -1,91 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["src", "stacked", "text", "isSquare", "className"];
-import _JSXStyle from "styled-jsx/style";
-import React, { useEffect, useRef, useState } from 'react';
-import AvatarSkeleton from './AvatarSkeleton';
-import useTheme from '../use-theme';
-import useScale, { withScale } from '../use-scale';
-import useClasses from '../use-classes';
-var safeText = function safeText(text) {
-  if (text.length <= 4) return text;
-  return text.slice(0, 3);
-};
-var AvatarComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var src = _ref.src,
-    _ref$stacked = _ref.stacked,
-    stacked = _ref$stacked === void 0 ? false : _ref$stacked,
-    _ref$text = _ref.text,
-    text = _ref$text === void 0 ? '' : _ref$text,
-    _ref$isSquare = _ref.isSquare,
-    isSquare = _ref$isSquare === void 0 ? false : _ref$isSquare,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var theme = useTheme();
-  var _useScale = useScale(),
-    SCALES = _useScale.SCALES,
-    getScaleProps = _useScale.getScaleProps;
-  var showText = !src;
-  var radius = isSquare ? theme.layout.radius : '50%';
-  var marginLeft = stacked ? SCALES.ml(-0.625) : SCALES.ml(0);
-  var classes = useClasses('avatar', className);
-  var width = getScaleProps(['width', 'w']);
-  var height = getScaleProps(['height', 'h']);
-  var showAnimation = width && height;
-  var _useState = useState(true),
-    _useState2 = _slicedToArray(_useState, 2),
-    loading = _useState2[0],
-    setLoading = _useState2[1];
-  var _useState3 = useState(true),
-    _useState4 = _slicedToArray(_useState3, 2),
-    showSkeleton = _useState4[0],
-    setShowSkeleton = _useState4[1];
-  var imageRef = useRef(null);
-  var imageLoaded = function imageLoaded() {
-    if (!showAnimation) return;
-    setLoading(false);
-  };
-  useEffect(function () {
-    if (!showAnimation) return;
-    if (!imageRef.current) return;
-    if (imageRef.current.complete) {
-      setLoading(false);
-      setShowSkeleton(false);
-    }
-  }, [showAnimation]);
-  useEffect(function () {
-    var timer = setTimeout(function () {
-      if (showAnimation) {
-        setShowSkeleton(false);
-      }
-      clearTimeout(timer);
-    }, 3000);
-    return function () {
-      return clearTimeout(timer);
-    };
-  }, [loading, showAnimation]);
-  return /*#__PURE__*/React.createElement("span", {
-    ref: ref,
-    className: _JSXStyle.dynamic([["2602621947", [radius, theme.palette.accents_2, SCALES.width(1.75) || SCALES.height(1.75), SCALES.height(1.75) || SCALES.width(1.75), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), marginLeft, radius, SCALES.font(1)]]]) + " " + (classes || "")
-  }, !showText && /*#__PURE__*/React.createElement(React.Fragment, null, showSkeleton && showAnimation && /*#__PURE__*/React.createElement(AvatarSkeleton, {
-    opacity: loading ? 1 : 0
-  }), /*#__PURE__*/React.createElement("img", _extends({
-    alt: "Avatar",
-    src: src,
-    ref: imageRef,
-    onLoad: imageLoaded,
-    draggable: false
-  }, props, {
-    className: _JSXStyle.dynamic([["2602621947", [radius, theme.palette.accents_2, SCALES.width(1.75) || SCALES.height(1.75), SCALES.height(1.75) || SCALES.width(1.75), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), marginLeft, radius, SCALES.font(1)]]]) + " " + (props && props.className != null && props.className || "avatar-img")
-  }))), showText && /*#__PURE__*/React.createElement("span", _extends({}, props, {
-    className: _JSXStyle.dynamic([["2602621947", [radius, theme.palette.accents_2, SCALES.width(1.75) || SCALES.height(1.75), SCALES.height(1.75) || SCALES.width(1.75), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), marginLeft, radius, SCALES.font(1)]]]) + " " + (props && props.className != null && props.className || "avatar-text")
-  }), safeText(text)), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "2602621947",
-    dynamic: [radius, theme.palette.accents_2, SCALES.width(1.75) || SCALES.height(1.75), SCALES.height(1.75) || SCALES.width(1.75), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), marginLeft, radius, SCALES.font(1)]
-  }, ".avatar.__jsx-style-dynamic-selector{display:inline-block;position:relative;overflow:hidden;border-radius:".concat(radius, ";vertical-align:top;background-color:").concat(theme.palette.accents_2, ";box-sizing:border-box;width:").concat(SCALES.width(1.75) || SCALES.height(1.75), ";height:").concat(SCALES.height(1.75) || SCALES.width(1.75), ";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(marginLeft, ";}.avatar-img.__jsx-style-dynamic-selector{display:inline-block;object-fit:cover;width:100%;height:100%;border-radius:").concat(radius, ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;}.avatar-text.__jsx-style-dynamic-selector{position:absolute;left:50%;top:50%;font-size:").concat(SCALES.font(1), ";font-weight:bold;text-align:center;-webkit-transform:translate(-50%,-50%) scale(0.65);-ms-transform:translate(-50%,-50%) scale(0.65);transform:translate(-50%,-50%) scale(0.65);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-transform:none;}")));
-});
-AvatarComponent.displayName = 'BolioUIAvatar';
-var Avatar = withScale(AvatarComponent);
-export default Avatar;

package/esm/Avatar/AvatarGroup.js

@@ -1,25 +0,0 @@
-import _JSXStyle from "styled-jsx/style";
-import React from 'react';
-import useTheme from '../use-theme';
-import useScale, { withScale } from '../use-scale';
-import useClasses from '../use-classes';
-function AvatarGroupComponent(_ref) {
-  var count = _ref.count,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    children = _ref.children;
-  var theme = useTheme();
-  var _useScale = useScale(),
-    SCALES = _useScale.SCALES;
-  return /*#__PURE__*/React.createElement("div", {
-    className: _JSXStyle.dynamic([["441769479", [SCALES.width(1, 'max-content'), SCALES.height(1, 'auto'), 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.ml(0.625), SCALES.font(0.875), theme.palette.accents_7]]]) + " " + (useClasses('avatar-group', className) || "")
-  }, children, count && /*#__PURE__*/React.createElement("span", {
-    className: _JSXStyle.dynamic([["441769479", [SCALES.width(1, 'max-content'), SCALES.height(1, 'auto'), 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.ml(0.625), SCALES.font(0.875), theme.palette.accents_7]]]) + " " + "count"
-  }, "+", count), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "441769479",
-    dynamic: [SCALES.width(1, 'max-content'), SCALES.height(1, 'auto'), 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.ml(0.625), SCALES.font(0.875), theme.palette.accents_7]
-  }, ".avatar-group.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;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), ";}.avatar-group.__jsx-style-dynamic-selector .avatar{margin-left:-").concat(SCALES.ml(0.625), ";}.count.__jsx-style-dynamic-selector{font-size:").concat(SCALES.font(0.875), ";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;padding-left:5.5px;color:").concat(theme.palette.accents_7, ";}")));
-}
-AvatarGroupComponent.displayName = 'BolioUIAvatarGroup';
-var AvatarGroup = withScale(AvatarGroupComponent);
-export default AvatarGroup;

package/esm/Avatar/AvatarSkeleton.js

@@ -1,20 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["opacity"];
-import _JSXStyle from "styled-jsx/style";
-import React from 'react';
-import useTheme from '../use-theme';
-var AvatarSkeleton = /*#__PURE__*/React.memo(function (_ref) {
-  var _ref$opacity = _ref.opacity,
-    opacity = _ref$opacity === void 0 ? 0.5 : _ref$opacity,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var theme = useTheme();
-  return /*#__PURE__*/React.createElement("div", _extends({}, props, {
-    className: _JSXStyle.dynamic([["2946022605", [theme.palette.accents_1, theme.palette.accents_2, theme.palette.accents_2, theme.palette.accents_1, opacity]]]) + " " + (props && props.className != null && props.className || "skeleton")
-  }), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "2946022605",
-    dynamic: [theme.palette.accents_1, theme.palette.accents_2, theme.palette.accents_2, theme.palette.accents_1, opacity]
-  }, ".skeleton.__jsx-style-dynamic-selector{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-image:linear-gradient( 270deg, ".concat(theme.palette.accents_1, ", ").concat(theme.palette.accents_2, ", ").concat(theme.palette.accents_2, ", ").concat(theme.palette.accents_1, " );background-size:400% 100%;-webkit-animation:loading-__jsx-style-dynamic-selector 3s ease-in-out infinite;animation:loading-__jsx-style-dynamic-selector 3s ease-in-out infinite;opacity:").concat(opacity, ";-webkit-transition:opacity 300ms ease-out;transition:opacity 300ms ease-out;}@-webkit-keyframes loading-__jsx-style-dynamic-selector{0%{background-position:200% 0;}to{background-position:-200% 0;}}@keyframes loading-__jsx-style-dynamic-selector{0%{background-position:200% 0;}to{background-position:-200% 0;}}")));
-});
-AvatarSkeleton.displayName = 'BolioUIAvatarSkeleton';
-export default AvatarSkeleton;

package/esm/Avatar/helpers.js

@@ -1,14 +0,0 @@
-export var transformDataSource = function transformDataSource(src) {
-  var left = "".concat(src).slice(0, 4);
-  if (encodeURIComponent(left) === '%3Csvg') {
-    return "data:image/svg+xml;utf8,".concat(src);
-  }
-  return src;
-};
-export var getHostFromUrl = function getHostFromUrl(url) {
-  try {
-    return new URL(url).host;
-  } catch (e) {
-    return url;
-  }
-};

package/esm/Badge/Badge.js

@@ -1,54 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["type", "className", "children", "dot"];
-import _JSXStyle from "styled-jsx/style";
-import React, { useMemo } from 'react';
-import useTheme from '../use-theme';
-import useScale, { withScale } from '../use-scale';
-import useClasses from '../use-classes';
-var getBgColor = function getBgColor(type, palette) {
-  var colors = {
-    "default": palette.accents_2,
-    secondary: palette.secondary,
-    primary: palette.primary,
-    success: palette.success,
-    warning: palette.warning,
-    error: palette.error,
-    info: palette.info
-  };
-  return colors[type];
-};
-var BadgeComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'default' : _ref$type,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    children = _ref.children,
-    _ref$dot = _ref.dot,
-    dot = _ref$dot === void 0 ? false : _ref$dot,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var theme = useTheme();
-  var _useScale = useScale(),
-    SCALES = _useScale.SCALES;
-  var bg = useMemo(function () {
-    return getBgColor(type, theme.palette);
-  }, [type, theme.palette]);
-  var color = useMemo(function () {
-    if (!type || type === 'default') return theme.palette.foreground;
-    return '#FFFFFF';
-  }, [type, theme.palette.foreground]);
-  var classes = useClasses('badge', {
-    dot: dot
-  }, className);
-  return /*#__PURE__*/React.createElement("span", _extends({
-    ref: ref
-  }, props, {
-    className: _JSXStyle.dynamic([["795724549", [bg, color, SCALES.font(0.875), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.pt(0.5), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.py(0.25), SCALES.px(0.25)]]]) + " " + (props && props.className != null && props.className || classes || "")
-  }), !dot && children, /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "795724549",
-    dynamic: [bg, color, SCALES.font(0.875), SCALES.width(1, 'auto'), SCALES.height(1, 'auto'), SCALES.pt(0.5), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.py(0.25), SCALES.px(0.25)]
-  }, ".badge.__jsx-style-dynamic-selector{display:inline-block;border-radius:16px;font-variant:tabular-nums;line-height:1;vertical-align:middle;background-color:".concat(bg, ";color:").concat(color, ";border:0;font-size:").concat(SCALES.font(0.875), ";font-weight:bold;text-transform:none;width:").concat(SCALES.width(1, 'auto'), ";height:").concat(SCALES.height(1, 'auto'), ";padding:").concat(SCALES.pt(0.5), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}.dot.__jsx-style-dynamic-selector{padding:").concat(SCALES.py(0.25), " ").concat(SCALES.px(0.25), ";border-radius:50%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}")));
-});
-BadgeComponent.displayName = 'BolioUIBadge';
-var Badge = withScale(BadgeComponent);
-export default Badge;

package/esm/Badge/BadgeAnchor.js

@@ -1,64 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _JSXStyle from "styled-jsx/style";
-import React, { useMemo } from 'react';
-import { pickChild } from '../utils/collections';
-import { tuple } from '../utils/prop-types';
-import Badge from './Badge';
-var placement = tuple('topLeft', 'topRight', 'bottomLeft', 'bottomRight');
-var getTransform = function getTransform(placement) {
-  var styles = {
-    topLeft: {
-      top: '0',
-      left: '0',
-      value: 'translate(-50%, -50%)',
-      origin: '0% 0%'
-    },
-    topRight: {
-      top: '0',
-      right: '0',
-      value: 'translate(50%, -50%)',
-      origin: '100% 0%'
-    },
-    bottomLeft: {
-      left: '0',
-      bottom: '0',
-      value: 'translate(-50%, 50%)',
-      origin: '0% 100%'
-    },
-    bottomRight: {
-      right: '0',
-      bottom: '0',
-      value: 'translate(50%, 50%)',
-      origin: '100% 100%'
-    }
-  };
-  return styles[placement];
-};
-function BadgeAnchor(_ref) {
-  var children = _ref.children,
-    _ref$placement = _ref.placement,
-    placement = _ref$placement === void 0 ? 'topRight' : _ref$placement;
-  var _pickChild = pickChild(children, Badge),
-    _pickChild2 = _slicedToArray(_pickChild, 2),
-    withoutBadgeChildren = _pickChild2[0],
-    badgeChldren = _pickChild2[1];
-  var _useMemo = useMemo(function () {
-      return getTransform(placement);
-    }, [placement]),
-    top = _useMemo.top,
-    bottom = _useMemo.bottom,
-    left = _useMemo.left,
-    right = _useMemo.right,
-    value = _useMemo.value,
-    origin = _useMemo.origin;
-  return /*#__PURE__*/React.createElement("div", {
-    className: _JSXStyle.dynamic([["1121745930", [top || 'auto', left || 'auto', right || 'auto', bottom || 'auto', value, origin]]]) + " " + "anchor"
-  }, withoutBadgeChildren, /*#__PURE__*/React.createElement("sup", {
-    className: _JSXStyle.dynamic([["1121745930", [top || 'auto', left || 'auto', right || 'auto', bottom || 'auto', value, origin]]])
-  }, badgeChldren), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "1121745930",
-    dynamic: [top || 'auto', left || 'auto', right || 'auto', bottom || 'auto', value, origin]
-  }, ".anchor.__jsx-style-dynamic-selector{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;}sup.__jsx-style-dynamic-selector{position:absolute;top:".concat(top || 'auto', ";left:").concat(left || 'auto', ";right:").concat(right || 'auto', ";bottom:").concat(bottom || 'auto', ";-webkit-transform:").concat(value, ";-ms-transform:").concat(value, ";transform:").concat(value, ";-webkit-transform-origin:").concat(origin, ";-ms-transform-origin:").concat(origin, ";transform-origin:").concat(origin, ";z-index:1;}")));
-}
-BadgeAnchor.displayName = 'BolioUIBadgeAnchor';
-export default BadgeAnchor;

package/esm/BolioUIProvider/BolioUIProvider.js

@@ -1,53 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useMemo, useState } from 'react';
-import { BolioUIContent, defaultToastLayout } from '../utils/use-bolio-ui-context';
-import ThemeProvider from './ThemeProvider';
-import useCurrentState from '../utils/use-current-state';
-import ToastContainer from '../use-toasts/toast-container';
-var BolioUIProvider = function BolioUIProvider(_ref) {
-  var themes = _ref.themes,
-    themeType = _ref.themeType,
-    children = _ref.children;
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    lastUpdateToastId = _useState2[0],
-    setLastUpdateToastId = _useState2[1];
-  var _useCurrentState = useCurrentState([]),
-    _useCurrentState2 = _slicedToArray(_useCurrentState, 3),
-    toasts = _useCurrentState2[0],
-    setToasts = _useCurrentState2[1],
-    toastsRef = _useCurrentState2[2];
-  var _useCurrentState3 = useCurrentState(defaultToastLayout),
-    _useCurrentState4 = _slicedToArray(_useCurrentState3, 3),
-    toastLayout = _useCurrentState4[0],
-    setToastLayout = _useCurrentState4[1],
-    toastLayoutRef = _useCurrentState4[2];
-  var updateToasts = function updateToasts(fn) {
-    var nextToasts = fn(toastsRef.current);
-    setToasts(nextToasts);
-  };
-  var updateToastLayout = function updateToastLayout(fn) {
-    var nextLayout = fn(toastLayoutRef.current);
-    setToastLayout(nextLayout);
-  };
-  var updateLastToastId = function updateLastToastId(fn) {
-    setLastUpdateToastId(fn());
-  };
-  var initialValue = useMemo(function () {
-    return {
-      toasts: toasts,
-      toastLayout: toastLayout,
-      updateToasts: updateToasts,
-      lastUpdateToastId: lastUpdateToastId,
-      updateToastLayout: updateToastLayout,
-      updateLastToastId: updateLastToastId
-    };
-  }, [toasts, toastLayout, lastUpdateToastId]);
-  return /*#__PURE__*/React.createElement(BolioUIContent.Provider, {
-    value: initialValue
-  }, /*#__PURE__*/React.createElement(ThemeProvider, {
-    themes: themes,
-    themeType: themeType
-  }, children, /*#__PURE__*/React.createElement(ToastContainer, null)));
-};
-export default BolioUIProvider;