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

package/dist/Tooltip/styles.d.ts

@@ -3,5 +3,11 @@ import { BolioUIThemesPalette } from '../Themes/Presets';
 export type TooltipColors = {
     bgColor: string;
     color: string;
+    borderColor: string;
 };
-export declare const getColors: (type: SnippetTypes, palette: BolioUIThemesPalette) => TooltipColors;
+export interface TooltipVariantProps {
+    light?: boolean;
+    ghost?: boolean;
+    subtle?: boolean;
+}
+export declare const getColors: (type: SnippetTypes, palette: BolioUIThemesPalette, { light, ghost, subtle }?: TooltipVariantProps) => TooltipColors;

package/dist/chunk-33BUV2RX.js

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkGGD4BGH2js = require('./chunk-GGD4BGH2.js');
+
+// core/utils/use-current-state.ts
+var use_current_state_default2 = _chunkGGD4BGH2js.use_current_state_default;
+
+
+
+exports.use_current_state_default = use_current_state_default2;

package/dist/chunk-33WYJZ4F.js

@@ -0,0 +1,88 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkIWMGNPNVjs = require('./chunk-IWMGNPNV.js');
+
+
+
+var _chunkS62PPQHNjs = require('./chunk-S62PPQHN.js');
+
+
+var _chunk45MVPPJNjs = require('./chunk-45MVPPJN.js');
+
+
+var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
+
+// core/Textarea/Textarea.tsx
+var _style = require('styled-jsx/style'); var _style2 = _interopRequireDefault(_style);
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _jsxruntime = require('react/jsx-runtime');
+var TextareaComponent = _react2.default.forwardRef(({
+  type = "default",
+  disabled = false,
+  readOnly = false,
+  onFocus,
+  onBlur,
+  className = "",
+  initialValue = "",
+  onChange,
+  value,
+  placeholder,
+  resize = "none",
+  ...props
+}, ref) => {
+  const theme = _chunk45MVPPJNjs.use_theme_default.call(void 0, );
+  const {
+    SCALES
+  } = _chunkS62PPQHNjs.use_scale_default.call(void 0, );
+  const textareaRef = _react.useRef.call(void 0, null);
+  _react.useImperativeHandle.call(void 0, ref, () => textareaRef.current);
+  const isControlledComponent = _react.useMemo.call(void 0, () => value !== void 0, [value]);
+  const [selfValue, setSelfValue] = _react.useState.call(void 0, initialValue);
+  const [hover, setHover] = _react.useState.call(void 0, false);
+  const colors = _react.useMemo.call(void 0, () => _chunkIWMGNPNVjs.getColors.call(void 0, theme.palette, type), [theme.palette, type]);
+  const classes = _chunk5KUROAEPjs.use_classes_default.call(void 0, "wrapper", {
+    hover,
+    disabled
+  }, className);
+  const changeHandler = (event) => {
+    if (disabled || readOnly) return;
+    setSelfValue(event.target.value);
+    if (onChange) onChange(event);
+  };
+  const focusHandler = (e) => {
+    setHover(true);
+    if (onFocus) onFocus(e);
+  };
+  const blurHandler = (e) => {
+    setHover(false);
+    if (onBlur) onBlur(e);
+  };
+  _react.useEffect.call(void 0, () => {
+    if (isControlledComponent) {
+      setSelfValue(value);
+    }
+  }, [isControlledComponent, value]);
+  const controlledValue = isControlledComponent ? {
+    value: selfValue
+  } : {
+    defaultValue: initialValue
+  };
+  const textareaProps = {
+    ...props,
+    ...controlledValue
+  };
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _style2.default.dynamic([["631818153", [theme.layout.radius, colors.borderColor, colors.color, SCALES.font(0.875), SCALES.height(1, "auto"), SCALES.width(1, "initial"), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), colors.hoverBorder, colors.hoverBgColor, theme.palette.accents_2, theme.palette.accents_3, colors.bgColor, theme.font.sans, SCALES.pt(0.5), SCALES.pr(0.5), SCALES.pb(0.5), SCALES.pl(0.5), resize, theme.layout.radius, colors.hoverBorder, colors.hoverBgColor, theme.palette.background]]]) + " " + (classes || ""), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "textarea", { ref: textareaRef, disabled, placeholder, readOnly, onFocus: focusHandler, onBlur: blurHandler, onChange: changeHandler, ...textareaProps, className: _style2.default.dynamic([["631818153", [theme.layout.radius, colors.borderColor, colors.color, SCALES.font(0.875), SCALES.height(1, "auto"), SCALES.width(1, "initial"), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), colors.hoverBorder, colors.hoverBgColor, theme.palette.accents_2, theme.palette.accents_3, colors.bgColor, theme.font.sans, SCALES.pt(0.5), SCALES.pr(0.5), SCALES.pb(0.5), SCALES.pl(0.5), resize, theme.layout.radius, colors.hoverBorder, colors.hoverBgColor, theme.palette.background]]]) + " " + (textareaProps && textareaProps.className != null && textareaProps.className || "") }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "631818153", dynamic: [theme.layout.radius, colors.borderColor, colors.color, SCALES.font(0.875), SCALES.height(1, "auto"), SCALES.width(1, "initial"), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), colors.hoverBorder, colors.hoverBgColor, theme.palette.accents_2, theme.palette.accents_3, colors.bgColor, theme.font.sans, SCALES.pt(0.5), SCALES.pr(0.5), SCALES.pb(0.5), SCALES.pl(0.5), resize, theme.layout.radius, colors.hoverBorder, colors.hoverBgColor, theme.palette.background], children: `.wrapper.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:${theme.layout.radius};border:1px solid ${colors.borderColor};color:${colors.color};-webkit-transition: border 0.2s ease 0s, color 0.2s ease 0s;transition: border 0.2s ease 0s, color 0.2s ease 0s;min-width:12.5rem;max-width:95vw;--textarea-font-size:${SCALES.font(0.875)};--textarea-height:${SCALES.height(1, "auto")};width:${SCALES.width(1, "initial")};height:var(--textarea-height);margin:${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)};}.wrapper.hover.__jsx-style-dynamic-selector{border-color:${colors.hoverBorder};background-color:${colors.hoverBgColor};}.wrapper.disabled.__jsx-style-dynamic-selector{background-color:${theme.palette.accents_2};border-color:${theme.palette.accents_3};cursor:not-allowed;}textarea.__jsx-style-dynamic-selector{background-color:${colors.bgColor};box-shadow:none;display:block;font-family:${theme.font.sans};font-size:var(--textarea-font-size);width:100%;border:none;outline:none;padding:${SCALES.pt(0.5)} ${SCALES.pr(0.5)} ${SCALES.pb(0.5)} ${SCALES.pl(0.5)};resize:${resize};border-radius:${theme.layout.radius};}.disabled.__jsx-style-dynamic-selector>textarea.__jsx-style-dynamic-selector{cursor:not-allowed;}textarea.active.__jsx-style-dynamic-selector,textarea.__jsx-style-dynamic-selector:hover{border-color:${colors.hoverBorder};background:${colors.hoverBgColor};}textarea.__jsx-style-dynamic-selector:-webkit-autofill,textarea.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:hover,textarea.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:active,textarea.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:focus{-webkit-box-shadow:0 0 0 30px ${theme.palette.background} inset !important;}` })
+  ] });
+});
+TextareaComponent.displayName = "BolioUITextarea";
+var Textarea = _chunkS62PPQHNjs.with_scale_default.call(void 0, TextareaComponent);
+var Textarea_default = Textarea;
+
+// core/Textarea/index.ts
+var Textarea_default2 = Textarea_default;
+
+
+
+exports.Textarea_default = Textarea_default2;

package/dist/chunk-3BVFLDHI.js

@@ -0,0 +1,295 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkZRORQ2WHjs = require('./chunk-ZRORQ2WH.js');
+
+
+var _chunk33BUV2RXjs = require('./chunk-33BUV2RX.js');
+
+
+
+var _chunkS62PPQHNjs = require('./chunk-S62PPQHN.js');
+
+
+var _chunk45MVPPJNjs = require('./chunk-45MVPPJN.js');
+
+
+var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
+
+// core/Slider/Slider.tsx
+var _style = require('styled-jsx/style'); var _style2 = _interopRequireDefault(_style);
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+// core/utils/use-drag.ts
+
+var useDrag = (elementRef, draggingHandler = () => {
+}, dragStartHandler = () => {
+}, dragEndHandler = () => {
+}) => {
+  const onDragging = _react.useRef.call(void 0, false);
+  const [, setStartX, startXRef] = _chunk33BUV2RXjs.use_current_state_default.call(void 0, 0);
+  const [, setCurrentX, currentXRef] = _chunk33BUV2RXjs.use_current_state_default.call(void 0, 0);
+  const draggingRef = _chunkZRORQ2WHjs.use_latest_default.call(void 0, draggingHandler);
+  const dragStartRef = _chunkZRORQ2WHjs.use_latest_default.call(void 0, dragStartHandler);
+  const dragEndRef = _chunkZRORQ2WHjs.use_latest_default.call(void 0, dragEndHandler);
+  _react.useEffect.call(void 0, () => {
+    const element = elementRef && elementRef.current;
+    if (!element) return;
+    const getCustomEvent = () => ({
+      startX: startXRef.current,
+      currentX: currentXRef.current
+    });
+    const elementMouseDownHandler = (event) => {
+      event.stopPropagation();
+      event.stopImmediatePropagation();
+      onDragging.current = true;
+      setStartX(element.getBoundingClientRect().x);
+      dragStartRef.current(getCustomEvent());
+    };
+    const globalDraggingHandler = (event) => {
+      if (!onDragging.current) return;
+      if (event.type === "touchmove") {
+        setCurrentX(event.changedTouches[0].clientX);
+      } else {
+        setCurrentX(event.clientX);
+      }
+      draggingRef.current(getCustomEvent());
+    };
+    const globalDragEndHandler = () => {
+      if (!onDragging.current) return;
+      onDragging.current = false;
+      dragEndRef.current(getCustomEvent());
+    };
+    element.addEventListener("mousedown", elementMouseDownHandler);
+    element.addEventListener("touchstart", elementMouseDownHandler);
+    window.addEventListener("mousemove", globalDraggingHandler);
+    window.addEventListener("touchmove", globalDraggingHandler);
+    window.addEventListener("mouseup", globalDragEndHandler);
+    window.addEventListener("touchend", globalDragEndHandler);
+    return () => {
+      window.removeEventListener("mousemove", globalDraggingHandler);
+      window.removeEventListener("touchmove", globalDraggingHandler);
+      window.removeEventListener("mouseup", globalDragEndHandler);
+      window.removeEventListener("touchend", globalDragEndHandler);
+      element.removeEventListener("mousedown", elementMouseDownHandler);
+      element.removeEventListener("touchstart", elementMouseDownHandler);
+    };
+  }, [
+    elementRef,
+    startXRef,
+    currentXRef,
+    setStartX,
+    setCurrentX,
+    draggingRef,
+    dragStartRef,
+    dragEndRef
+  ]);
+};
+var use_drag_default = useDrag;
+
+// core/Slider/SliderDot.tsx
+
+
+var _jsxruntime = require('react/jsx-runtime');
+var SliderDot = _react2.default.forwardRef(({
+  children,
+  disabled = false,
+  left = 0,
+  isClick = false,
+  ...props
+}, ref) => {
+  const theme = _chunk45MVPPJNjs.use_theme_default.call(void 0, );
+  const classes = _chunk5KUROAEPjs.use_classes_default.call(void 0, "dot", {
+    disabled,
+    click: isClick
+  });
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref, ...props, className: _style2.default.dynamic([["391068299", [left, theme.palette.primary, theme.palette.background, theme.palette.foreground, theme.palette.accents_2, theme.palette.accents_4]]]) + " " + (props && props.className != null && props.className || classes || ""), children: [
+    children,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "391068299", dynamic: [left, theme.palette.primary, theme.palette.background, theme.palette.foreground, theme.palette.accents_2, theme.palette.accents_4], children: `.dot.__jsx-style-dynamic-selector{position:absolute;left:${left}%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);height:calc(var(--slider-font-size) * 1.25);min-width:calc(var(--slider-font-size) * 1.25);line-height:calc(var(--slider-font-size) * 1.25);border-radius:calc(var(--slider-font-size) * 0.625);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:700;font-size:calc(var(--slider-font-size) * 0.75);z-index:100;background-color:${theme.palette.primary};color:${theme.palette.background};text-align:center;padding:0 calc(0.57 * var(--slider-font-size));}.dot.__jsx-style-dynamic-selector:focus-visible{outline:2px solid ${theme.palette.foreground};outline-offset:2px;}.dot.disabled.__jsx-style-dynamic-selector{cursor:not-allowed !important;background-color:${theme.palette.accents_2};color:${theme.palette.accents_4};}.dot.click.__jsx-style-dynamic-selector{-webkit-transition:all 200ms ease;transition:all 200ms ease;}.dot.__jsx-style-dynamic-selector:hover{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab;}.dot.__jsx-style-dynamic-selector:active{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing;}` })
+  ] });
+});
+SliderDot.displayName = "BolioUISliderDot";
+var SliderDot_default = SliderDot;
+
+// core/Slider/SliderMark.tsx
+
+
+
+var getMarks = (min, max, step) => {
+  const value = max - min;
+  const roundFunc = !(value % step) ? Math.floor : Math.ceil;
+  const count = roundFunc(value / step) - 1;
+  if (count >= 99) return [];
+  return [...new Array(count)].map((_, index) => step * (index + 1) * 100 / value);
+};
+function SliderMark({
+  step,
+  max,
+  min
+}) {
+  const theme = _chunk45MVPPJNjs.use_theme_default.call(void 0, );
+  const marks = _react.useMemo.call(void 0, () => getMarks(min, max, step), [min, max, step]);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    marks.map((val, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { style: {
+      left: `${val}%`
+    }, className: _style2.default.dynamic([["324900419", [theme.palette.background]]]) }, `${val}-${index}`)),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "324900419", dynamic: [theme.palette.background], children: `span.__jsx-style-dynamic-selector{position:absolute;width:2px;height:100%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:${theme.palette.background};}` })
+  ] });
+}
+var SliderMark_default = SliderMark;
+
+// core/Slider/styles.ts
+var getColors = (palette, status) => {
+  const colors = {
+    default: {
+      bg: palette.accents_8
+    },
+    primary: {
+      bg: palette.primary
+    },
+    secondary: {
+      bg: palette.secondary
+    },
+    success: {
+      bg: palette.success
+    },
+    warning: {
+      bg: palette.warning
+    },
+    error: {
+      bg: palette.error
+    },
+    info: {
+      bg: palette.info
+    }
+  };
+  if (!status) return colors.default;
+  return colors[status];
+};
+
+// core/Slider/Slider.tsx
+
+var getRefWidth = (elementRef) => {
+  if (!elementRef || !elementRef.current) return 0;
+  const rect = elementRef.current.getBoundingClientRect();
+  return rect.width || rect.right - rect.left;
+};
+var getValue = (max, min, step, offsetX, railWidth) => {
+  if (offsetX < 0) return min;
+  if (offsetX > railWidth) return max;
+  const widthForEachStep = railWidth / (max - min) * step;
+  if (widthForEachStep <= 0) return min;
+  const slideDistance = Math.round(offsetX / widthForEachStep) * step + min;
+  return Number.isInteger(slideDistance) ? slideDistance : Number.parseFloat(slideDistance.toFixed(1));
+};
+var SliderComponent = _react2.default.forwardRef(({
+  hideValue = false,
+  disabled = false,
+  type = "default",
+  step = 1,
+  max = 100,
+  min = 0,
+  initialValue = 0,
+  value: customValue,
+  onChange,
+  className = "",
+  showMarkers = false,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledby,
+  ...props
+}, ref) => {
+  const theme = _chunk45MVPPJNjs.use_theme_default.call(void 0, );
+  const {
+    SCALES
+  } = _chunkS62PPQHNjs.use_scale_default.call(void 0, );
+  const [value, setValue] = _react.useState.call(void 0, initialValue);
+  const [, setSliderWidth, sideWidthRef] = _chunk33BUV2RXjs.use_current_state_default.call(void 0, 0);
+  const [, setLastDargOffset, lastDargOffsetRef] = _chunk33BUV2RXjs.use_current_state_default.call(void 0, 0);
+  const [isClick, setIsClick] = _react.useState.call(void 0, false);
+  const sliderRef = _react.useRef.call(void 0, null);
+  _react.useImperativeHandle.call(void 0, ref, () => sliderRef.current);
+  const dotRef = _react.useRef.call(void 0, null);
+  const currentRatio = _react.useMemo.call(void 0, () => (value - min) / (max - min) * 100, [value, max, min]);
+  const setLastOffsetManually = (val) => {
+    const width = getRefWidth(sliderRef);
+    const shouldOffset = (val - min) / (max - min) * width;
+    setLastDargOffset(shouldOffset);
+  };
+  const updateValue = _react.useCallback.call(void 0, (offset) => {
+    const currentValue = getValue(max, min, step, offset, sideWidthRef.current);
+    setValue(currentValue);
+    if (onChange) onChange(currentValue);
+  }, [max, min, step, sideWidthRef, onChange]);
+  const {
+    bg
+  } = _react.useMemo.call(void 0, () => getColors(theme.palette, type), [theme.palette, type]);
+  const dragHandler = (event) => {
+    if (disabled) return;
+    const currentOffset = event.currentX - event.startX;
+    const offset = currentOffset + lastDargOffsetRef.current;
+    updateValue(offset);
+  };
+  const dragStartHandler = () => {
+    setIsClick(false);
+    setSliderWidth(getRefWidth(sliderRef));
+  };
+  const dragEndHandler = (event) => {
+    if (disabled) return;
+    const offset = event.currentX - event.startX;
+    const currentOffset = offset + lastDargOffsetRef.current;
+    const boundOffset = currentOffset < 0 ? 0 : Math.min(currentOffset, sideWidthRef.current);
+    setLastDargOffset(boundOffset);
+  };
+  const keyDownHandler = (event) => {
+    if (disabled) return;
+    const nextByKey = {
+      ArrowRight: value + step,
+      ArrowUp: value + step,
+      ArrowLeft: value - step,
+      ArrowDown: value - step,
+      PageUp: value + step * 10,
+      PageDown: value - step * 10,
+      Home: min,
+      End: max
+    };
+    if (!(event.key in nextByKey)) return;
+    event.preventDefault();
+    const next = Math.min(max, Math.max(min, nextByKey[event.key]));
+    if (next === value) return;
+    setValue(next);
+    setLastOffsetManually(next);
+    if (onChange) onChange(next);
+  };
+  const clickHandler = (event) => {
+    if (disabled) return;
+    if (!sliderRef || !sliderRef.current) return;
+    setIsClick(true);
+    setSliderWidth(getRefWidth(sliderRef));
+    const clickOffset = event.clientX - sliderRef.current.getBoundingClientRect().x;
+    setLastDargOffset(clickOffset);
+    updateValue(clickOffset);
+  };
+  use_drag_default(dotRef, dragHandler, dragStartHandler, dragEndHandler);
+  _react.useEffect.call(void 0, () => {
+    if (customValue === void 0) return;
+    if (customValue === value) return;
+    setValue(customValue);
+  }, [customValue, value]);
+  _react.useEffect.call(void 0, () => {
+    if (initialValue) setLastOffsetManually(initialValue);
+  }, []);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { onClick: clickHandler, ref: sliderRef, ...props, className: _style2.default.dynamic([["1412427536", [disabled ? theme.palette.accents_2 : bg, disabled ? "not-allow" : "pointer", SCALES.font(1), SCALES.width(1, "100%"), SCALES.height(0.5), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]]) + " " + (props && props.className != null && props.className || _chunk5KUROAEPjs.use_classes_default.call(void 0, "slider", className) || ""), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SliderDot_default, { disabled, ref: dotRef, isClick, left: currentRatio, role: "slider", tabIndex: disabled ? -1 : 0, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-valuemin": min, "aria-valuemax": max, "aria-valuenow": value, "aria-disabled": disabled || void 0, onKeyDown: keyDownHandler, children: hideValue || value }),
+    showMarkers && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SliderMark_default, { max, min, step }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "1412427536", dynamic: [disabled ? theme.palette.accents_2 : bg, disabled ? "not-allow" : "pointer", SCALES.font(1), SCALES.width(1, "100%"), SCALES.height(0.5), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)], children: `.slider.__jsx-style-dynamic-selector{border-radius:50px;background-color:${disabled ? theme.palette.accents_2 : bg};position:relative;cursor:${disabled ? "not-allow" : "pointer"};--slider-font-size:${SCALES.font(1)};width:${SCALES.width(1, "100%")};height:${SCALES.height(0.5)};padding:${SCALES.pt(0)} ${SCALES.pr(0)} ${SCALES.pb(0)} ${SCALES.pl(0)};margin:${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)};}` })
+  ] });
+});
+SliderComponent.displayName = "BolioUISlider";
+var Slider = _chunkS62PPQHNjs.with_scale_default.call(void 0, SliderComponent);
+var Slider_default = Slider;
+
+// core/Slider/index.ts
+var Slider_default2 = Slider_default;
+
+
+
+exports.Slider_default = Slider_default2;

package/dist/chunk-3WPRUUZ6.js

@@ -0,0 +1,25 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// core/use-click-away/use-click-away.ts
+var _react = require('react');
+var useClickAway = (ref, handler) => {
+  const handlerRef = _react.useRef.call(void 0, handler);
+  _react.useEffect.call(void 0, () => {
+    handlerRef.current = handler;
+  }, [handler]);
+  _react.useEffect.call(void 0, () => {
+    const callback = (event) => {
+      const el = ref.current;
+      if (!event || !el || el.contains(event.target)) return;
+      handlerRef.current(event);
+    };
+    document.addEventListener("click", callback);
+    return () => document.removeEventListener("click", callback);
+  }, [ref]);
+};
+var use_click_away_default = useClickAway;
+
+// core/use-click-away/index.ts
+var use_click_away_default2 = use_click_away_default;
+
+
+
+exports.use_click_away_default = use_click_away_default2;

package/dist/chunk-3XTTDT42.js

@@ -0,0 +1,72 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkRZBEZ26Ajs = require('./chunk-RZBEZ26A.js');
+
+
+
+var _chunkS62PPQHNjs = require('./chunk-S62PPQHN.js');
+
+
+var _chunk45MVPPJNjs = require('./chunk-45MVPPJN.js');
+
+
+var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
+
+// core/Link/Link.tsx
+var _style = require('styled-jsx/style'); var _style2 = _interopRequireDefault(_style);
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+// core/Link/Icon.tsx
+
+
+var _jsxruntime = require('react/jsx-runtime');
+function LinkIconComponent() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { viewBox: "0 0 24 24", width: "0.9375em", height: "0.9375em", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", fill: "none", shapeRendering: "geometricPrecision", className: "jsx-3409194595 icon", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6", className: "jsx-3409194595" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M15 3h6v6", className: "jsx-3409194595" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M10 14L21 3", className: "jsx-3409194595" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "3409194595", children: ".icon.jsx-3409194595{margin:0 0 -1px 0.1875em;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;color:currentColor;}" })
+  ] });
+}
+LinkIconComponent.displayName = "BolioUILinkIcon";
+var LinkIcon = _react2.default.memo(LinkIconComponent);
+var Icon_default = LinkIcon;
+
+// core/Link/Link.tsx
+
+var LinkComponent = _react2.default.forwardRef(({
+  href = "",
+  color = false,
+  underline = false,
+  children,
+  className = "",
+  block = false,
+  icon = false,
+  ...props
+}, ref) => {
+  const theme = _chunk45MVPPJNjs.use_theme_default.call(void 0, );
+  const {
+    SCALES
+  } = _chunkS62PPQHNjs.use_scale_default.call(void 0, );
+  const linkColor = color || block ? theme.palette.link : "inherit";
+  const hoverColor = color || block ? theme.palette.primary : "inherit";
+  const decoration = underline ? "underline" : "none";
+  const classes = _chunk5KUROAEPjs.use_classes_default.call(void 0, "link", {
+    block
+  }, className);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "a", { href, ...props, ref, className: _style2.default.dynamic([["3782002791", [linkColor, block ? theme.layout.radius : 0, SCALES.font(1, "inherit"), SCALES.width(1, "fit-content"), SCALES.height(1, "auto"), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.pt(0.15), SCALES.pr(0.4), SCALES.pb(0.15), SCALES.pl(0.4), SCALES.mt(0), SCALES.mr(-0.125), SCALES.mb(0), SCALES.ml(-0.125), decoration, block ? _chunkRZBEZ26Ajs.addColorAlpha.call(void 0, theme.palette.link, 0.1) : "unset", hoverColor]]]) + " " + (props && props.className != null && props.className || classes || ""), children: [
+    children,
+    icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon_default, {}),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "3782002791", dynamic: [linkColor, block ? theme.layout.radius : 0, SCALES.font(1, "inherit"), SCALES.width(1, "fit-content"), SCALES.height(1, "auto"), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.pt(0.15), SCALES.pr(0.4), SCALES.pb(0.15), SCALES.pl(0.4), SCALES.mt(0), SCALES.mr(-0.125), SCALES.mb(0), SCALES.ml(-0.125), decoration, block ? _chunkRZBEZ26Ajs.addColorAlpha.call(void 0, theme.palette.link, 0.1) : "unset", hoverColor], children: `.link.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:baseline;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;line-height:inherit;color:${linkColor};-webkit-text-decoration:none;text-decoration:none;border-radius:${block ? theme.layout.radius : 0};-webkit-transition:color 200ms ease 0ms;transition:color 200ms ease 0ms;font-size:${SCALES.font(1, "inherit")};width:${SCALES.width(1, "fit-content")};height:${SCALES.height(1, "auto")};margin:${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)};padding:${SCALES.pt(0)} ${SCALES.pr(0)} ${SCALES.pb(0)} ${SCALES.pl(0)};}.block.__jsx-style-dynamic-selector{padding:${SCALES.pt(0.15)} ${SCALES.pr(0.4)} ${SCALES.pb(0.15)} ${SCALES.pl(0.4)};margin:${SCALES.mt(0)} ${SCALES.mr(-0.125)} ${SCALES.mb(0)} ${SCALES.ml(-0.125)};}.link.__jsx-style-dynamic-selector:hover,.link.__jsx-style-dynamic-selector:active,.link.__jsx-style-dynamic-selector:focus{-webkit-text-decoration:${decoration};text-decoration:${decoration};}.link.__jsx-style-dynamic-selector:hover{background-color:${block ? _chunkRZBEZ26Ajs.addColorAlpha.call(void 0, theme.palette.link, 0.1) : "unset"};color:${hoverColor};}` })
+  ] });
+});
+LinkComponent.displayName = "BolioUILink";
+var Link = _chunkS62PPQHNjs.with_scale_default.call(void 0, LinkComponent);
+var Link_default = Link;
+
+// core/Link/index.ts
+var Link_default2 = Link_default;
+
+
+
+exports.Link_default = Link_default2;

package/dist/chunk-45MVPPJN.js

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkTFZ2IGNHjs = require('./chunk-TFZ2IGNH.js');
+
+// core/use-theme/index.ts
+var use_theme_default = _chunkTFZ2IGNHjs.useTheme;
+
+
+
+exports.use_theme_default = use_theme_default;

package/dist/chunk-4RJGB3WA.js

@@ -0,0 +1,107 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+
+
+
+var _chunkHH2IP5Z4js = require('./chunk-HH2IP5Z4.js');
+
+
+var _chunkDGXZP4VJjs = require('./chunk-DGXZP4VJ.js');
+
+
+
+var _chunkS62PPQHNjs = require('./chunk-S62PPQHN.js');
+
+
+var _chunk45MVPPJNjs = require('./chunk-45MVPPJN.js');
+
+
+var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
+
+// core/DatePicker/DatePicker.tsx
+var _style = require('styled-jsx/style'); var _style2 = _interopRequireDefault(_style);
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _jsxruntime = require('react/jsx-runtime');
+var DatePickerComponent = _react2.default.forwardRef(({
+  value: customValue,
+  initialValue = null,
+  onChange,
+  min,
+  max,
+  locale,
+  weekStartsOn,
+  placeholder = "YYYY-MM-DD",
+  disabled = false,
+  calendarLabel = "Choose date",
+  className = "",
+  onBlur,
+  ...props
+}, ref) => {
+  const theme = _chunk45MVPPJNjs.use_theme_default.call(void 0, );
+  const {
+    SCALES
+  } = _chunkS62PPQHNjs.use_scale_default.call(void 0, );
+  const isControlled = customValue !== void 0;
+  const [selfValue, setSelfValue] = _react.useState.call(void 0, initialValue);
+  const selected = isControlled ? customValue : selfValue;
+  const selectedText = selected ? _chunkHH2IP5Z4js.toISO.call(void 0, selected) : "";
+  const [text, setText] = _react.useState.call(void 0, selectedText);
+  const [open, setOpen] = _react.useState.call(void 0, false);
+  _react.useEffect.call(void 0, () => {
+    setText(selectedText);
+  }, [selectedText]);
+  const rootRef = _react.useRef.call(void 0, null);
+  const inputRef = _react.useRef.call(void 0, null);
+  const buttonRef = _react.useRef.call(void 0, null);
+  _react.useImperativeHandle.call(void 0, ref, () => inputRef.current);
+  _chunkDGXZP4VJjs.use_click_away_default.call(void 0, rootRef, () => setOpen(false));
+  const isInRange = (date) => !(min && date < _chunkHH2IP5Z4js.startOfDay.call(void 0, min) || max && date > _chunkHH2IP5Z4js.startOfDay.call(void 0, max));
+  const commit = (date) => {
+    if (!isControlled) setSelfValue(date);
+    if (onChange) onChange(date);
+  };
+  const inputHandler = (event) => {
+    const next = event.target.value;
+    setText(next);
+    if (next === "") return commit(null);
+    const date = _chunkHH2IP5Z4js.fromISO.call(void 0, next);
+    if (date && isInRange(date)) commit(date);
+  };
+  const blurHandler = (event) => {
+    if (onBlur) onBlur(event);
+    setText(selectedText);
+  };
+  const pick = (date) => {
+    var _a;
+    commit(date);
+    setText(_chunkHH2IP5Z4js.toISO.call(void 0, date));
+    setOpen(false);
+    (_a = inputRef.current) == null ? void 0 : _a.focus();
+  };
+  const keyDownHandler = (event) => {
+    var _a;
+    if (event.key !== "Escape") return;
+    event.stopPropagation();
+    setOpen(false);
+    (_a = buttonRef.current) == null ? void 0 : _a.focus();
+  };
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref: rootRef, className: _style2.default.dynamic([["836127094", [SCALES.font(1), SCALES.width(1, "initial"), 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), theme.palette.foreground, theme.palette.background, theme.palette.border, theme.layout.radius, theme.palette.primary, theme.palette.accents_4, theme.palette.accents_1, theme.palette.accents_5, theme.layout.radius, theme.palette.foreground, theme.palette.primary, theme.palette.accents_3, theme.palette.background, theme.palette.border, theme.layout.radius, theme.expressiveness.shadowMedium]]]) + " " + (_chunk5KUROAEPjs.use_classes_default.call(void 0, "datepicker", className) || ""), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "input", { ref: inputRef, type: "text", autoComplete: "off", inputMode: "numeric", value: text, placeholder, disabled, onChange: inputHandler, onBlur: blurHandler, ...props, className: _style2.default.dynamic([["836127094", [SCALES.font(1), SCALES.width(1, "initial"), 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), theme.palette.foreground, theme.palette.background, theme.palette.border, theme.layout.radius, theme.palette.primary, theme.palette.accents_4, theme.palette.accents_1, theme.palette.accents_5, theme.layout.radius, theme.palette.foreground, theme.palette.primary, theme.palette.accents_3, theme.palette.background, theme.palette.border, theme.layout.radius, theme.expressiveness.shadowMedium]]]) + " " + (props && props.className != null && props.className || "") }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { ref: buttonRef, type: "button", "aria-label": calendarLabel, "aria-haspopup": "dialog", "aria-expanded": open, disabled, onClick: () => setOpen((last) => !last), className: _style2.default.dynamic([["836127094", [SCALES.font(1), SCALES.width(1, "initial"), 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), theme.palette.foreground, theme.palette.background, theme.palette.border, theme.layout.radius, theme.palette.primary, theme.palette.accents_4, theme.palette.accents_1, theme.palette.accents_5, theme.layout.radius, theme.palette.foreground, theme.palette.primary, theme.palette.accents_3, theme.palette.background, theme.palette.border, theme.layout.radius, theme.expressiveness.shadowMedium]]]) + " toggle", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { viewBox: "0 0 24 24", width: "1.25em", height: "1.25em", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", className: _style2.default.dynamic([["836127094", [SCALES.font(1), SCALES.width(1, "initial"), 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), theme.palette.foreground, theme.palette.background, theme.palette.border, theme.layout.radius, theme.palette.primary, theme.palette.accents_4, theme.palette.accents_1, theme.palette.accents_5, theme.layout.radius, theme.palette.foreground, theme.palette.primary, theme.palette.accents_3, theme.palette.background, theme.palette.border, theme.layout.radius, theme.expressiveness.shadowMedium]]]), children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", className: _style2.default.dynamic([["836127094", [SCALES.font(1), SCALES.width(1, "initial"), 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), theme.palette.foreground, theme.palette.background, theme.palette.border, theme.layout.radius, theme.palette.primary, theme.palette.accents_4, theme.palette.accents_1, theme.palette.accents_5, theme.layout.radius, theme.palette.foreground, theme.palette.primary, theme.palette.accents_3, theme.palette.background, theme.palette.border, theme.layout.radius, theme.expressiveness.shadowMedium]]]) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M16 2v4M8 2v4M3 10h18", className: _style2.default.dynamic([["836127094", [SCALES.font(1), SCALES.width(1, "initial"), 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), theme.palette.foreground, theme.palette.background, theme.palette.border, theme.layout.radius, theme.palette.primary, theme.palette.accents_4, theme.palette.accents_1, theme.palette.accents_5, theme.layout.radius, theme.palette.foreground, theme.palette.primary, theme.palette.accents_3, theme.palette.background, theme.palette.border, theme.layout.radius, theme.expressiveness.shadowMedium]]]) })
+    ] }) }),
+    open && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { role: "dialog", "aria-label": calendarLabel, onKeyDown: keyDownHandler, className: _style2.default.dynamic([["836127094", [SCALES.font(1), SCALES.width(1, "initial"), 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), theme.palette.foreground, theme.palette.background, theme.palette.border, theme.layout.radius, theme.palette.primary, theme.palette.accents_4, theme.palette.accents_1, theme.palette.accents_5, theme.layout.radius, theme.palette.foreground, theme.palette.primary, theme.palette.accents_3, theme.palette.background, theme.palette.border, theme.layout.radius, theme.expressiveness.shadowMedium]]]) + " popup", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHH2IP5Z4js.Calendar_default, { autoFocus: true, value: selected, min, max, locale, weekStartsOn, onChange: pick }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "836127094", dynamic: [SCALES.font(1), SCALES.width(1, "initial"), 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), theme.palette.foreground, theme.palette.background, theme.palette.border, theme.layout.radius, theme.palette.primary, theme.palette.accents_4, theme.palette.accents_1, theme.palette.accents_5, theme.layout.radius, theme.palette.foreground, theme.palette.primary, theme.palette.accents_3, theme.palette.background, theme.palette.border, theme.layout.radius, theme.expressiveness.shadowMedium], children: `.datepicker.__jsx-style-dynamic-selector{position:relative;display:inline-block;font-size:${SCALES.font(1)};width:${SCALES.width(1, "initial")};height:${SCALES.height(1, "auto")};padding:${SCALES.pt(0)} ${SCALES.pr(0)} ${SCALES.pb(0)} ${SCALES.pl(0)};margin:${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)};}input.__jsx-style-dynamic-selector{box-sizing:border-box;width:100%;min-width:12.5em;height:2.5em;padding:0 2.75em 0 0.875em;font:inherit;color:${theme.palette.foreground};background-color:${theme.palette.background};border:1px solid ${theme.palette.border};border-radius:${theme.layout.radius};outline:none;-webkit-transition:border-color 0.15s ease;transition:border-color 0.15s ease;}input.__jsx-style-dynamic-selector:focus{border-color:${theme.palette.primary};}input.__jsx-style-dynamic-selector:disabled{cursor:not-allowed;color:${theme.palette.accents_4};background-color:${theme.palette.accents_1};}.toggle.__jsx-style-dynamic-selector{position:absolute;top:0;right:0;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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:2.5em;height:2.5em;color:${theme.palette.accents_5};cursor:pointer;background:transparent;border:0;border-radius:${theme.layout.radius};}.toggle.__jsx-style-dynamic-selector:hover.__jsx-style-dynamic-selector:not(:disabled){color:${theme.palette.foreground};}.toggle.__jsx-style-dynamic-selector:focus-visible{outline:2px solid ${theme.palette.primary};outline-offset:-2px;}.toggle.__jsx-style-dynamic-selector:disabled{cursor:not-allowed;color:${theme.palette.accents_3};}.popup.__jsx-style-dynamic-selector{position:absolute;top:calc(100% + 4px);left:0;z-index:1100;padding:0.75em;background-color:${theme.palette.background};border:1px solid ${theme.palette.border};border-radius:${theme.layout.radius};box-shadow:${theme.expressiveness.shadowMedium};}` })
+  ] });
+});
+DatePickerComponent.displayName = "BolioUIDatePicker";
+var DatePicker = _chunkS62PPQHNjs.with_scale_default.call(void 0, DatePickerComponent);
+var DatePicker_default = DatePicker;
+
+// core/DatePicker/index.ts
+var DatePicker_default2 = DatePicker_default;
+
+
+
+exports.DatePicker_default = DatePicker_default2;