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

package/esm/Pagination/PaginationPages.d.ts

@@ -1,11 +1,11 @@
-import { Dispatch, SetStateAction } from 'react';
+import React, { Dispatch, SetStateAction } from 'react';
 interface Props {
     limit: number;
     count: number;
     current: number;
     setPage: Dispatch<SetStateAction<number>>;
 }
-declare function PaginationPages({ limit, count, current, setPage }: Props): JSX.Element;
+declare function PaginationPages({ limit, count, current, setPage }: Props): React.JSX.Element;
 declare namespace PaginationPages {
     var displayName: string;
 }

package/esm/Pagination/PaginationPages.js

@@ -3,26 +3,23 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useCallback, useMemo } from 'react';
 import PaginationItem from './PaginationItem';
 import PaginationEllipsis from './PaginationEllipsis';
-
 function PaginationPages(_ref) {
   var limit = _ref.limit,
-      count = _ref.count,
-      current = _ref.current,
-      setPage = _ref.setPage;
+    count = _ref.count,
+    current = _ref.current,
+    setPage = _ref.setPage;
   var showPages = useMemo(function () {
     var oddLimit = limit % 2 === 0 ? limit - 1 : limit;
     return oddLimit - 2;
   }, [limit]);
   var middleNumber = (showPages + 1) / 2;
-
   var _useMemo = useMemo(function () {
-    var showEllipsis = count > limit;
-    return [showEllipsis && current > middleNumber + 1, showEllipsis && current < count - middleNumber];
-  }, [current, middleNumber, count, limit]),
-      _useMemo2 = _slicedToArray(_useMemo, 2),
-      showBeforeEllipsis = _useMemo2[0],
-      showAfterEllipsis = _useMemo2[1];
-
+      var showEllipsis = count > limit;
+      return [showEllipsis && current > middleNumber + 1, showEllipsis && current < count - middleNumber];
+    }, [current, middleNumber, count, limit]),
+    _useMemo2 = _slicedToArray(_useMemo, 2),
+    showBeforeEllipsis = _useMemo2[0],
+    showAfterEllipsis = _useMemo2[1];
   var pagesArray = useMemo(function () {
     return _toConsumableArray(new Array(showPages));
   }, [showPages]);
@@ -54,7 +51,6 @@ function PaginationPages(_ref) {
     var value = count - (showPages - index);
     return renderItem(value, current);
   });
-
   if (count <= limit) {
     return /*#__PURE__*/React.createElement(React.Fragment, null, _toConsumableArray(new Array(count)).map(function (_, index) {
       var value = index + 1;
@@ -67,7 +63,6 @@ function PaginationPages(_ref) {
       }, value);
     }));
   }
-
   return /*#__PURE__*/React.createElement(React.Fragment, null, renderItem(1, current), showBeforeEllipsis && /*#__PURE__*/React.createElement(PaginationEllipsis, {
     key: "pagination-ellipsis-before",
     isBefore: true,
@@ -85,6 +80,5 @@ function PaginationPages(_ref) {
     }
   }), renderItem(count, current));
 }
-
 PaginationPages.displayName = 'BolioUIPaginationPages';
 export default PaginationPages;

package/esm/Pagination/PaginationPrevious.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-export declare type PaginationPreviousProps = React.ButtonHTMLAttributes<any>;
-declare function PaginationPrevious({ children, ...props }: PaginationPreviousProps): JSX.Element;
+export type PaginationPreviousProps = React.ButtonHTMLAttributes<any>;
+declare function PaginationPrevious({ children, ...props }: PaginationPreviousProps): React.JSX.Element;
 declare namespace PaginationPrevious {
     var displayName: string;
 }

package/esm/Pagination/PaginationPrevious.js

@@ -4,15 +4,12 @@ var _excluded = ["children"];
 import React from 'react';
 import PaginationItem from './PaginationItem';
 import { usePaginationContext } from './PaginationContext';
-
 function PaginationPrevious(_ref) {
   var children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    props = _objectWithoutProperties(_ref, _excluded);
   var _usePaginationContext = usePaginationContext(),
-      update = _usePaginationContext.update,
-      isFirst = _usePaginationContext.isFirst;
-
+    update = _usePaginationContext.update,
+    isFirst = _usePaginationContext.isFirst;
   return /*#__PURE__*/React.createElement(PaginationItem, _extends({
     onClick: function onClick() {
       return update && update('prev');
@@ -20,6 +17,5 @@ function PaginationPrevious(_ref) {
     disabled: isFirst
   }, props), children);
 }
-
 PaginationPrevious.displayName = 'BolioUIPaginationPrevious';
 export default PaginationPrevious;

package/esm/Pagination/index.d.ts

@@ -1,12 +1,12 @@
-import Pagination from "./Pagination";
-import PaginationPrevious from "./PaginationPrevious";
-import PaginationNext from "./PaginationNext";
-export declare type PaginationComponentType = typeof Pagination & {
+import Pagination from './Pagination';
+import PaginationPrevious from './PaginationPrevious';
+import PaginationNext from './PaginationNext';
+export type PaginationComponentType = typeof Pagination & {
     Previous: typeof PaginationPrevious;
     Next: typeof PaginationNext;
 };
-export type { PaginationProps } from "./Pagination";
-export type { PaginationPreviousProps } from "./PaginationPrevious";
-export type { PaginationNextProps } from "./PaginationNext";
+export type { PaginationProps } from './Pagination';
+export type { PaginationPreviousProps } from './PaginationPrevious';
+export type { PaginationNextProps } from './PaginationNext';
 declare const _default: PaginationComponentType;
 export default _default;

package/esm/Pagination/index.js

@@ -1,3 +1,4 @@
+'use client';
 import Pagination from './Pagination';
 import PaginationPrevious from './PaginationPrevious';
 import PaginationNext from './PaginationNext';

package/esm/Popover/Popover.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import { Placement, TriggerTypes } from "../utils/prop-types";
-export declare type PopoverTriggerTypes = TriggerTypes;
-export declare type PopoverPlacement = Placement;
-export declare type TooltipOnVisibleChange = (visible: boolean) => void;
+import { Placement, TriggerTypes } from '../utils/prop-types';
+export type PopoverTriggerTypes = TriggerTypes;
+export type PopoverPlacement = Placement;
+export type TooltipOnVisibleChange = (visible: boolean) => void;
 interface Props {
     content?: React.ReactNode | (() => React.ReactNode);
     trigger?: PopoverTriggerTypes;
@@ -11,8 +11,8 @@ interface Props {
     visible?: boolean;
     onVisibleChange?: TooltipOnVisibleChange;
 }
-export declare type PopoverProps = Props;
-declare const Popover: React.ForwardRefExoticComponent<Props & {
+export type PopoverProps = Props;
+declare const Popover: import("../use-scale/with-scale").ScaleComponent<HTMLDivElement, Props & {
     children?: React.ReactNode;
-} & import("../use-scale").ScaleProps & React.RefAttributes<unknown>>;
+} & React.RefAttributes<HTMLDivElement>>;
 export default Popover;

package/esm/Popover/Popover.js

@@ -2,13 +2,14 @@ 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 = ["content", "children", "trigger", "placement", "initialVisible", "portalClassName", "disableItemsAutoClose", "onVisibleChange", "visible", "type"];
-import _JSXStyle from "../styled-jsx.es.js";
+import _JSXStyle from "styled-jsx/style";
 import React, { useEffect, useMemo, useState } from 'react';
 import Tooltip from '../Tooltip';
 import { getReactNode } from '../utils/collections';
 import useScale, { withScale } from '../use-scale';
 import { PopoverContext } from './PopoverContext';
 import useClasses from '../use-classes';
+import useDefaultProps from '../utils/use-default-props';
 var defaultProps = {
   disableItemsAutoClose: false,
   trigger: 'click',
@@ -23,43 +24,41 @@ var defaultProps = {
   className: '',
   onVisibleChange: function () {},
   visible: false
-}; // type ExcludeTooltipProps = {
+};
+
+// type ExcludeTooltipProps = {
 //   type: any
 //   text: any
 //   trigger: any
 //   placement: any
 // }
 
-var PopoverComponent = function PopoverComponent(_ref) {
-  var content = _ref.content,
-      children = _ref.children,
-      trigger = _ref.trigger,
-      placement = _ref.placement,
-      initialVisible = _ref.initialVisible,
-      portalClassName = _ref.portalClassName,
-      disableItemsAutoClose = _ref.disableItemsAutoClose,
-      onVisibleChange = _ref.onVisibleChange,
-      customVisible = _ref.visible,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'default' : _ref$type,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+var PopoverComponent = /*#__PURE__*/React.forwardRef(function (popoverProps, ref) {
+  var _useDefaultProps = useDefaultProps(popoverProps, defaultProps),
+    content = _useDefaultProps.content,
+    children = _useDefaultProps.children,
+    trigger = _useDefaultProps.trigger,
+    placement = _useDefaultProps.placement,
+    initialVisible = _useDefaultProps.initialVisible,
+    portalClassName = _useDefaultProps.portalClassName,
+    disableItemsAutoClose = _useDefaultProps.disableItemsAutoClose,
+    onVisibleChange = _useDefaultProps.onVisibleChange,
+    customVisible = _useDefaultProps.visible,
+    _useDefaultProps$type = _useDefaultProps.type,
+    type = _useDefaultProps$type === void 0 ? 'default' : _useDefaultProps$type,
+    props = _objectWithoutProperties(_useDefaultProps, _excluded);
   var _useScale = useScale(),
-      SCALES = _useScale.SCALES;
-
+    SCALES = _useScale.SCALES;
   var _useState = useState(initialVisible),
-      _useState2 = _slicedToArray(_useState, 2),
-      visible = _useState2[0],
-      setVisible = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
   var textNode = useMemo(function () {
     return getReactNode(content);
   }, [content]);
-
   var onChildClick = function onChildClick() {
     onPopoverVisibleChange(false);
   };
-
   var value = useMemo(function () {
     return {
       onItemClick: onChildClick,
@@ -67,12 +66,10 @@ var PopoverComponent = function PopoverComponent(_ref) {
     };
   }, [disableItemsAutoClose]);
   var classes = useClasses('popover', portalClassName);
-
   var onPopoverVisibleChange = function onPopoverVisibleChange(next) {
     setVisible(next);
     onVisibleChange(next);
   };
-
   useEffect(function () {
     if (customVisible === undefined) return;
     onPopoverVisibleChange(customVisible);
@@ -80,6 +77,7 @@ var PopoverComponent = function PopoverComponent(_ref) {
   return /*#__PURE__*/React.createElement(PopoverContext.Provider, {
     value: value
   }, /*#__PURE__*/React.createElement(Tooltip, _extends({
+    ref: ref,
     initialVisible: false,
     text: textNode,
     trigger: trigger,
@@ -92,9 +90,7 @@ var PopoverComponent = function PopoverComponent(_ref) {
     id: "421785314",
     dynamic: [SCALES.pt(0.9), SCALES.pr(0), SCALES.pb(0.9), SCALES.pl(0)]
   }, ".tooltip-content.popover > .inner{padding:".concat(SCALES.pt(0.9), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0.9), " ").concat(SCALES.pl(0), ";}"))));
-};
-
-PopoverComponent.defaultProps = defaultProps;
+});
 PopoverComponent.displayName = 'BolioUIPopover';
 var Popover = withScale(PopoverComponent);
 export default Popover;

package/esm/Popover/PopoverContext.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type PopoverConfig = {
+export type PopoverConfig = {
     disableItemsAutoClose: boolean;
     onItemClick: (e: React.MouseEvent<HTMLDivElement>) => void;
 };

package/esm/Popover/PopoverItem.d.ts

@@ -5,7 +5,9 @@ interface Props {
     disableAutoClose?: boolean;
     onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
 }
-declare type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;
-export declare type PopoverItemProps = Props & NativeAttrs;
-declare const PopoverItem: React.ForwardRefExoticComponent<Props & NativeAttrs & import("../use-scale").ScaleProps & React.RefAttributes<unknown>>;
+type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props>;
+export type PopoverItemProps = Props & NativeAttrs;
+declare const PopoverItem: import("../use-scale/with-scale").ScaleComponent<unknown, Props & NativeAttrs & {
+    children?: React.ReactNode;
+}>;
 export default PopoverItem;

package/esm/Popover/PopoverItem.js

@@ -1,52 +1,43 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["children", "line", "title", "className", "onClick", "disableAutoClose"];
-import _JSXStyle from "../styled-jsx.es.js";
+import _JSXStyle from "styled-jsx/style";
 import React from 'react';
 import useTheme from '../use-theme';
 import useScale, { withScale } from '../use-scale';
 import { usePopoverContext } from './PopoverContext';
 import useClasses from '../use-classes';
-
 function PopoverItemComponent(_ref) {
   var children = _ref.children,
-      _ref$line = _ref.line,
-      line = _ref$line === void 0 ? false : _ref$line,
-      _ref$title = _ref.title,
-      title = _ref$title === void 0 ? false : _ref$title,
-      _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className,
-      onClick = _ref.onClick,
-      _ref$disableAutoClose = _ref.disableAutoClose,
-      disableAutoClose = _ref$disableAutoClose === void 0 ? false : _ref$disableAutoClose,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    _ref$line = _ref.line,
+    line = _ref$line === void 0 ? false : _ref$line,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? false : _ref$title,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    onClick = _ref.onClick,
+    _ref$disableAutoClose = _ref.disableAutoClose,
+    disableAutoClose = _ref$disableAutoClose === void 0 ? false : _ref$disableAutoClose,
+    props = _objectWithoutProperties(_ref, _excluded);
   var theme = useTheme();
-
   var _useScale = useScale(),
-      SCALES = _useScale.SCALES;
-
+    SCALES = _useScale.SCALES;
   var _usePopoverContext = usePopoverContext(),
-      disableItemsAutoClose = _usePopoverContext.disableItemsAutoClose,
-      onItemClick = _usePopoverContext.onItemClick;
-
+    disableItemsAutoClose = _usePopoverContext.disableItemsAutoClose,
+    onItemClick = _usePopoverContext.onItemClick;
   var hasHandler = Boolean(onClick);
   var dontCloseByClick = disableAutoClose || disableItemsAutoClose || title || line;
   var classes = useClasses('item', {
     line: line,
     title: title
   }, className);
-
   var clickHandler = function clickHandler(event) {
     onClick && onClick(event);
-
     if (dontCloseByClick) {
       return event.stopPropagation();
     }
-
     onItemClick(event);
   };
-
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", _extends({
     onClick: clickHandler
   }, props, {
@@ -59,7 +50,6 @@ function PopoverItemComponent(_ref) {
     title: false
   }));
 }
-
 PopoverItemComponent.displayName = 'BolioUIPopoverItem';
 var PopoverItem = withScale(PopoverItemComponent);
 export default PopoverItem;

package/esm/Popover/index.d.ts

@@ -1,10 +1,10 @@
-import Popover from "./Popover";
-import PopoverItem from "./PopoverItem";
-export declare type PopoverComponentType = typeof Popover & {
+import Popover from './Popover';
+import PopoverItem from './PopoverItem';
+export type PopoverComponentType = typeof Popover & {
     Item: typeof PopoverItem;
     Option: typeof PopoverItem;
 };
-export type { PopoverProps, PopoverTriggerTypes, PopoverPlacement } from "./Popover";
-export type { PopoverItemProps } from "./PopoverItem";
+export type { PopoverProps, PopoverTriggerTypes, PopoverPlacement } from './Popover';
+export type { PopoverItemProps } from './PopoverItem';
 declare const _default: PopoverComponentType;
 export default _default;

package/esm/Popover/index.js

@@ -1,3 +1,4 @@
+'use client';
 import Popover from './Popover';
 import PopoverItem from './PopoverItem';
 Popover.Item = PopoverItem;

package/esm/Progress/Progress.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-import { NormalTypes } from "../utils/prop-types";
-export declare type ProgressColors = {
+import { NormalTypes } from '../utils/prop-types';
+export type ProgressColors = {
     [key: number]: string;
 };
-export declare type ProgressTypes = NormalTypes;
+export type ProgressTypes = NormalTypes;
 interface Props {
     value?: number;
     max?: number;
@@ -13,7 +13,9 @@ interface Props {
     type?: ProgressTypes;
     className?: string;
 }
-declare type NativeAttrs = Omit<React.ProgressHTMLAttributes<any>, keyof Props>;
-export declare type ProgressProps = Props & NativeAttrs;
-declare const Progress: React.ForwardRefExoticComponent<Props & NativeAttrs & import("../use-scale").ScaleProps & React.RefAttributes<unknown>>;
+type NativeAttrs = Omit<React.ProgressHTMLAttributes<any>, keyof Props>;
+export type ProgressProps = Props & NativeAttrs;
+declare const Progress: import("../use-scale/with-scale").ScaleComponent<HTMLDivElement, Props & NativeAttrs & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
 export default Progress;

package/esm/Progress/Progress.js

@@ -1,13 +1,12 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["value", "max", "className", "type", "colors", "fixedTop", "fixedBottom"];
-import _JSXStyle from "../styled-jsx.es.js";
+import _JSXStyle from "styled-jsx/style";
 import React from 'react';
 import useTheme from '../use-theme';
 import { useProportions } from '../utils/calculations';
 import useScale, { withScale } from '../use-scale';
 import useClasses from '../use-classes';
-
 var getCurrentColor = function getCurrentColor(ratio, palette, type) {
   var colors = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
   var defaultColors = {
@@ -27,28 +26,24 @@ var getCurrentColor = function getCurrentColor(ratio, palette, type) {
   if (!customColorKey || Number.isNaN(+customColorKey)) return defaultColors[type];
   return colors[+customColorKey];
 };
-
-function ProgressComponent(_ref) {
+var ProgressComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$value = _ref.value,
-      value = _ref$value === void 0 ? 0 : _ref$value,
-      _ref$max = _ref.max,
-      max = _ref$max === void 0 ? 100 : _ref$max,
-      _ref$className = _ref.className,
-      className = _ref$className === void 0 ? '' : _ref$className,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'default' : _ref$type,
-      colors = _ref.colors,
-      _ref$fixedTop = _ref.fixedTop,
-      fixedTop = _ref$fixedTop === void 0 ? false : _ref$fixedTop,
-      _ref$fixedBottom = _ref.fixedBottom,
-      fixedBottom = _ref$fixedBottom === void 0 ? false : _ref$fixedBottom,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    value = _ref$value === void 0 ? 0 : _ref$value,
+    _ref$max = _ref.max,
+    max = _ref$max === void 0 ? 100 : _ref$max,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'default' : _ref$type,
+    colors = _ref.colors,
+    _ref$fixedTop = _ref.fixedTop,
+    fixedTop = _ref$fixedTop === void 0 ? false : _ref$fixedTop,
+    _ref$fixedBottom = _ref.fixedBottom,
+    fixedBottom = _ref$fixedBottom === void 0 ? false : _ref$fixedBottom,
+    props = _objectWithoutProperties(_ref, _excluded);
   var theme = useTheme();
-
   var _useScale = useScale(),
-      SCALES = _useScale.SCALES;
-
+    SCALES = _useScale.SCALES;
   var percentValue = useProportions(value, max);
   var currentColor = getCurrentColor(percentValue, theme.palette, type, colors);
   var fixed = fixedTop || fixedBottom;
@@ -56,21 +51,21 @@ function ProgressComponent(_ref) {
     fixed: fixed
   }, className);
   return /*#__PURE__*/React.createElement("div", {
-    className: _JSXStyle.dynamic([["3126216551", [theme.palette.accents_2, theme.layout.radius, SCALES.width(1, '100%'), SCALES.height(0.625), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), fixedTop ? 0 : 'unset', fixedBottom ? 0 : 'unset', theme.layout.radius, currentColor, percentValue]]]) + " " + (classes || "")
+    ref: ref,
+    className: _JSXStyle.dynamic([["4156751558", [theme.palette.accents_2, theme.layout.radius, SCALES.width(1, '100%'), SCALES.height(0.625), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), fixedTop ? 0 : 'unset', fixedBottom ? 0 : 'unset', theme.layout.radius, currentColor, percentValue]]]) + " " + (classes || "")
   }, /*#__PURE__*/React.createElement("div", {
     title: "".concat(percentValue, "%"),
-    className: _JSXStyle.dynamic([["3126216551", [theme.palette.accents_2, theme.layout.radius, SCALES.width(1, '100%'), SCALES.height(0.625), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), fixedTop ? 0 : 'unset', fixedBottom ? 0 : 'unset', theme.layout.radius, currentColor, percentValue]]]) + " " + "inner"
+    className: _JSXStyle.dynamic([["4156751558", [theme.palette.accents_2, theme.layout.radius, SCALES.width(1, '100%'), SCALES.height(0.625), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), fixedTop ? 0 : 'unset', fixedBottom ? 0 : 'unset', theme.layout.radius, currentColor, percentValue]]]) + " " + "inner"
   }), /*#__PURE__*/React.createElement("progress", _extends({
     value: value,
     max: max
   }, props, {
-    className: _JSXStyle.dynamic([["3126216551", [theme.palette.accents_2, theme.layout.radius, SCALES.width(1, '100%'), SCALES.height(0.625), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), fixedTop ? 0 : 'unset', fixedBottom ? 0 : 'unset', theme.layout.radius, currentColor, percentValue]]]) + " " + (props && props.className != null && props.className || className || "")
+    className: _JSXStyle.dynamic([["4156751558", [theme.palette.accents_2, theme.layout.radius, SCALES.width(1, '100%'), SCALES.height(0.625), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), fixedTop ? 0 : 'unset', fixedBottom ? 0 : 'unset', theme.layout.radius, currentColor, percentValue]]]) + " " + (props && props.className != null && props.className || className || "")
   })), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "3126216551",
+    id: "4156751558",
     dynamic: [theme.palette.accents_2, theme.layout.radius, SCALES.width(1, '100%'), SCALES.height(0.625), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), fixedTop ? 0 : 'unset', fixedBottom ? 0 : 'unset', theme.layout.radius, currentColor, percentValue]
   }, "progress.__jsx-style-dynamic-selector{position:fixed;top:-1000px;opacity:0;visibility:hidden;pointer-events:none;}.progress.__jsx-style-dynamic-selector{position:relative;background-color:".concat(theme.palette.accents_2, ";border-radius:").concat(theme.layout.radius, ";width:").concat(SCALES.width(1, '100%'), ";height:").concat(SCALES.height(0.625), ";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), ";}.fixed.__jsx-style-dynamic-selector{position:fixed;top:").concat(fixedTop ? 0 : 'unset', ";bottom:").concat(fixedBottom ? 0 : 'unset', ";left:0;border-radius:0;}.fixed.__jsx-style-dynamic-selector>.inner.__jsx-style-dynamic-selector{border-radius:0;}.inner.__jsx-style-dynamic-selector{position:absolute;top:0;left:0;height:100%;bottom:0;-webkit-transition:all 100ms ease-in;transition:all 100ms ease-in;border-radius:").concat(theme.layout.radius, ";background-color:").concat(currentColor, ";width:").concat(percentValue, "%;}")));
-}
-
+});
 ProgressComponent.displayName = 'BolioUIProgress';
 var Progress = withScale(ProgressComponent);
 export default Progress;

package/esm/Progress/index.d.ts

@@ -1,3 +1,3 @@
-import Progress from "./Progress";
-export type { ProgressProps, ProgressColors, ProgressTypes } from "./Progress";
+import Progress from './Progress';
+export type { ProgressProps, ProgressColors, ProgressTypes } from './Progress';
 export default Progress;

package/esm/Progress/index.js

@@ -1,2 +1,3 @@
+'use client';
 import Progress from './Progress';
 export default Progress;

package/esm/Radio/Radio.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { NormalTypes } from "../utils/prop-types";
-export declare type RadioTypes = NormalTypes;
+import { NormalTypes } from '../utils/prop-types';
+export type RadioTypes = NormalTypes;
 export interface RadioEventTarget {
     checked: boolean;
 }
@@ -18,7 +18,9 @@ interface Props {
     disabled?: boolean;
     onChange?: (e: RadioEvent) => void;
 }
-declare type NativeAttrs = Omit<React.InputHTMLAttributes<any>, keyof Props>;
-export declare type RadioProps = Props & NativeAttrs;
-declare const Radio: React.ForwardRefExoticComponent<Props & NativeAttrs & import("../use-scale").ScaleProps & React.RefAttributes<unknown>>;
+type NativeAttrs = Omit<React.InputHTMLAttributes<any>, keyof Props>;
+export type RadioProps = Props & NativeAttrs;
+declare const Radio: import("../use-scale/with-scale").ScaleComponent<HTMLInputElement, Props & NativeAttrs & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLInputElement>>;
 export default Radio;