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

package/dist/chunk-ZNNLYTW5.js

@@ -1,64 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-
-var _chunkS62PPQHNjs = require('./chunk-S62PPQHN.js');
-
-
-var _chunk45MVPPJNjs = require('./chunk-45MVPPJN.js');
-
-
-var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
-
-// core/Divider/Divider.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 getColor = (type, palette) => {
-  const colors = {
-    default: palette.border,
-    primary: palette.primaryLight,
-    secondary: palette.secondaryLight,
-    success: palette.successLight,
-    warning: palette.warningLight,
-    error: palette.errorLight,
-    info: palette.infoLight,
-    dark: palette.foreground,
-    lite: palette.accents_1
-  };
-  return colors[type];
-};
-var DividerComponent = _react2.default.forwardRef(({
-  type = "default",
-  align = "center",
-  children,
-  className = "",
-  ...props
-}, ref) => {
-  const theme = _chunk45MVPPJNjs.use_theme_default.call(void 0, );
-  const {
-    SCALES
-  } = _chunkS62PPQHNjs.use_scale_default.call(void 0, );
-  const classes = _chunk5KUROAEPjs.use_classes_default.call(void 0, "divider", className);
-  const color = _react.useMemo.call(void 0, () => getColor(type, theme.palette), [type, theme.palette]);
-  const alignClassName = _react.useMemo.call(void 0, () => {
-    if (!align || align === "center") return "";
-    if (align === "left" || align === "start") return "start";
-    return "end";
-  }, [align]);
-  const alignClasses = _chunk5KUROAEPjs.use_classes_default.call(void 0, "text", alignClassName);
-  const textColor = type === "default" ? theme.palette.foreground : color;
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref, role: "separator", ...props, className: _style2.default.dynamic([["1488853092", [color, SCALES.font(1), SCALES.width(1, "auto"), SCALES.height(0.0625), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0.5), SCALES.mr(0), SCALES.mb(0.5), SCALES.ml(0), theme.palette.background, textColor]]]) + " " + (props && props.className != null && props.className || classes || ""), children: [
-    children && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _style2.default.dynamic([["1488853092", [color, SCALES.font(1), SCALES.width(1, "auto"), SCALES.height(0.0625), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0.5), SCALES.mr(0), SCALES.mb(0.5), SCALES.ml(0), theme.palette.background, textColor]]]) + " " + (alignClasses || ""), children }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "1488853092", dynamic: [color, SCALES.font(1), SCALES.width(1, "auto"), SCALES.height(0.0625), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0.5), SCALES.mr(0), SCALES.mb(0.5), SCALES.ml(0), theme.palette.background, textColor], children: `.divider.__jsx-style-dynamic-selector{max-width:100%;background-color:${color};position:relative;font-size:${SCALES.font(1)};width:${SCALES.width(1, "auto")};height:${SCALES.height(0.0625)};padding:${SCALES.pt(0)} ${SCALES.pr(0)} ${SCALES.pb(0)} ${SCALES.pl(0)};margin:${SCALES.mt(0.5)} ${SCALES.mr(0)} ${SCALES.mb(0.5)} ${SCALES.ml(0)};}.text.__jsx-style-dynamic-selector{position:absolute;left:50%;top:50%;min-height:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:0 0.75em;font-size:inherit;font-weight:bold;text-transform:capitalize;background-color:${theme.palette.background};color:${textColor};z-index:10;}.text.start.__jsx-style-dynamic-selector{-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:7%;}.text.end.__jsx-style-dynamic-selector{-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:auto;right:7%;}` })
-  ] });
-});
-DividerComponent.displayName = "BolioUIDivider";
-var Divider = _chunkS62PPQHNjs.with_scale_default.call(void 0, DividerComponent);
-var Divider_default = Divider;
-
-// core/Divider/index.ts
-var Divider_default2 = Divider_default;
-
-
-
-exports.Divider_default = Divider_default2;

package/dist/chunk-ZQ25CQCG.js

@@ -1,153 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _chunkCPIFYIT3js = require('./chunk-CPIFYIT3.js');
-
-
-var _chunkZRORQ2WHjs = require('./chunk-ZRORQ2WH.js');
-
-
-var _chunkBSDZWWUSjs = require('./chunk-BSDZWWUS.js');
-
-
-
-var _chunkS62PPQHNjs = require('./chunk-S62PPQHN.js');
-
-
-var _chunkUX2B3G6Ujs = require('./chunk-UX2B3G6U.js');
-
-
-var _chunk45MVPPJNjs = require('./chunk-45MVPPJN.js');
-
-
-var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
-
-// core/Popover/Popover.tsx
-var _style = require('styled-jsx/style'); var _style2 = _interopRequireDefault(_style);
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-
-// core/Popover/PopoverContext.ts
-
-var defaultContext = {
-  disableItemsAutoClose: false,
-  onItemClick: () => {
-  }
-};
-var PopoverContext = _react2.default.createContext(defaultContext);
-var usePopoverContext = () => _react.useContext.call(void 0, PopoverContext);
-
-// core/Popover/Popover.tsx
-var _jsxruntime = require('react/jsx-runtime');
-var defaultProps = {
-  disableItemsAutoClose: false,
-  trigger: "click",
-  placement: "bottom",
-  portalClassName: "",
-  initialVisible: false,
-  hideArrow: false,
-  type: "default",
-  enterDelay: 100,
-  leaveDelay: 150,
-  offset: 12,
-  className: "",
-  onVisibleChange: (() => {
-  }),
-  visible: false
-};
-var PopoverComponent = _react2.default.forwardRef((popoverProps, ref) => {
-  const {
-    content,
-    children,
-    trigger,
-    placement,
-    initialVisible,
-    portalClassName,
-    disableItemsAutoClose,
-    onVisibleChange,
-    visible: customVisible,
-    type = "default",
-    ...props
-  } = _chunkBSDZWWUSjs.use_default_props_default.call(void 0, popoverProps, defaultProps);
-  const {
-    SCALES
-  } = _chunkS62PPQHNjs.use_scale_default.call(void 0, );
-  const [visible, setVisible] = _react.useState.call(void 0, initialVisible);
-  const textNode = _react.useMemo.call(void 0, () => _chunkUX2B3G6Ujs.getReactNode.call(void 0, content), [content]);
-  const onPopoverVisibleChange = _react.useCallback.call(void 0, (next) => {
-    setVisible(next);
-    onVisibleChange(next);
-  }, [onVisibleChange]);
-  const onChildClick = _react.useCallback.call(void 0, () => {
-    onPopoverVisibleChange(false);
-  }, [onPopoverVisibleChange]);
-  const value = _react.useMemo.call(void 0, () => ({
-    onItemClick: onChildClick,
-    disableItemsAutoClose
-  }), [onChildClick, disableItemsAutoClose]);
-  const classes = _chunk5KUROAEPjs.use_classes_default.call(void 0, "popover", portalClassName);
-  const latestChange = _chunkZRORQ2WHjs.use_latest_default.call(void 0, onPopoverVisibleChange);
-  _react.useEffect.call(void 0, () => {
-    if (customVisible === void 0) return;
-    latestChange.current(customVisible);
-  }, [customVisible, latestChange]);
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, PopoverContext.Provider, { value, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCPIFYIT3js.Tooltip_default, { ref, initialVisible: false, text: textNode, trigger, placement, portalClassName: classes, visible, type, onVisibleChange: onPopoverVisibleChange, ...props, children }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "340951371", dynamic: [SCALES.pt(0.9), SCALES.pr(0), SCALES.pb(0.9), SCALES.pl(0)], children: `.tooltip-content.popover > .inner{padding:${SCALES.pt(0.9)} ${SCALES.pr(0)} ${SCALES.pb(0.9)} ${SCALES.pl(0)};}` })
-  ] });
-});
-PopoverComponent.displayName = "BolioUIPopover";
-var Popover = _chunkS62PPQHNjs.with_scale_default.call(void 0, PopoverComponent);
-var Popover_default = Popover;
-
-// core/Popover/PopoverItem.tsx
-
-
-function PopoverItemComponent({
-  children,
-  line = false,
-  title = false,
-  className = "",
-  onClick,
-  disableAutoClose = false,
-  ...props
-}) {
-  const theme = _chunk45MVPPJNjs.use_theme_default.call(void 0, );
-  const {
-    SCALES
-  } = _chunkS62PPQHNjs.use_scale_default.call(void 0, );
-  const {
-    disableItemsAutoClose,
-    onItemClick
-  } = usePopoverContext();
-  const hasHandler = Boolean(onClick);
-  const dontCloseByClick = disableAutoClose || disableItemsAutoClose || title || line;
-  const classes = _chunk5KUROAEPjs.use_classes_default.call(void 0, "item", {
-    line,
-    title
-  }, className);
-  const clickHandler = (event) => {
-    if (onClick) onClick(event);
-    if (dontCloseByClick) {
-      return event.stopPropagation();
-    }
-    onItemClick(event);
-  };
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { onClick: clickHandler, ...props, className: _style2.default.dynamic([["3536126017", [theme.palette.accents_5, SCALES.font(0.875), SCALES.width(1, "auto"), SCALES.height(1, "auto"), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.pt(0.5), SCALES.pr(0.75), SCALES.pb(0.5), SCALES.pl(0.75), hasHandler ? "pointer" : "default", theme.palette.foreground, theme.palette.border, SCALES.height(0.0625), SCALES.mt(0.35), SCALES.mr(0), SCALES.mb(0.35), SCALES.ml(0), SCALES.width(1, "100%"), SCALES.font(0.925), theme.palette.foreground]]]) + " " + (props && props.className != null && props.className || classes || ""), children: [
-      children,
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "3536126017", dynamic: [theme.palette.accents_5, SCALES.font(0.875), SCALES.width(1, "auto"), SCALES.height(1, "auto"), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.pt(0.5), SCALES.pr(0.75), SCALES.pb(0.5), SCALES.pl(0.75), hasHandler ? "pointer" : "default", theme.palette.foreground, theme.palette.border, SCALES.height(0.0625), SCALES.mt(0.35), SCALES.mr(0), SCALES.mb(0.35), SCALES.ml(0), SCALES.width(1, "100%"), SCALES.font(0.925), theme.palette.foreground], children: `.item.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:${theme.palette.accents_5};-webkit-transition: color, background-color 150ms linear;transition: color, background-color 150ms linear;line-height:1.25em;font-size:${SCALES.font(0.875)};width:${SCALES.width(1, "auto")};height:${SCALES.height(1, "auto")};margin:${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)};padding:${SCALES.pt(0.5)} ${SCALES.pr(0.75)} ${SCALES.pb(0.5)} ${SCALES.pl(0.75)};cursor:${hasHandler ? "pointer" : "default"};}.item.__jsx-style-dynamic-selector:hover{color:${theme.palette.foreground};}.item.line.__jsx-style-dynamic-selector{line-height:0;padding:0;background-color:${theme.palette.border};height:${SCALES.height(0.0625)};margin:${SCALES.mt(0.35)} ${SCALES.mr(0)} ${SCALES.mb(0.35)} ${SCALES.ml(0)};width:${SCALES.width(1, "100%")};}.item.title.__jsx-style-dynamic-selector{font-weight:500;font-size:${SCALES.font(0.925)};color:${theme.palette.foreground};}` })
-    ] }),
-    title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PopoverItem, { line: true, title: false })
-  ] });
-}
-PopoverItemComponent.displayName = "BolioUIPopoverItem";
-var PopoverItem = _chunkS62PPQHNjs.with_scale_default.call(void 0, PopoverItemComponent);
-var PopoverItem_default = PopoverItem;
-
-// core/Popover/index.ts
-Popover_default.Item = PopoverItem_default;
-Popover_default.Option = PopoverItem_default;
-var Popover_default2 = Popover_default;
-
-
-
-exports.Popover_default = Popover_default2;

package/esm/Next/StyledJsxRegistry.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const StyledJsxRegistry: React.FC<React.PropsWithChildren<unknown>>;
-export default StyledJsxRegistry;

package/esm/Next/index.d.ts

@@ -1,3 +0,0 @@
-import StyledJsxRegistry from './StyledJsxRegistry';
-export { StyledJsxRegistry };
-export default StyledJsxRegistry;

package/esm/Next/index.js

@@ -1,25 +0,0 @@
-'use client';
-// core/Next/StyledJsxRegistry.tsx
-import { useState } from "react";
-import { useServerInsertedHTML } from "next/navigation";
-import { StyleRegistry, createStyleRegistry } from "styled-jsx";
-import { Fragment, jsx } from "react/jsx-runtime";
-var StyledJsxRegistry = ({
-  children
-}) => {
-  const [registry] = useState(() => createStyleRegistry());
-  useServerInsertedHTML(() => {
-    const styles = registry.styles();
-    registry.flush();
-    return /* @__PURE__ */ jsx(Fragment, { children: styles });
-  });
-  return /* @__PURE__ */ jsx(StyleRegistry, { registry, children });
-};
-var StyledJsxRegistry_default = StyledJsxRegistry;
-
-// core/Next/index.ts
-var Next_default = StyledJsxRegistry_default;
-export {
-  StyledJsxRegistry_default as StyledJsxRegistry,
-  Next_default as default
-};

package/esm/Select/styles.d.ts

@@ -1,10 +0,0 @@
-import { NormalTypes } from '../utils/prop-types';
-import { BolioUIThemesPalette } from '../Themes/Presets';
-export type SelectColor = {
-    color: string;
-    bgColor: string;
-    borderColor: string;
-    hoverBgColor: string;
-    hoverBorder: string;
-};
-export declare const getColors: (palette: BolioUIThemesPalette, status?: NormalTypes, disabled?: boolean) => SelectColor;

package/esm/chunk-33WYJZ4F.js

@@ -1,88 +0,0 @@
-import {
-  getColors
-} from "./chunk-IWMGNPNV.js";
-import {
-  use_scale_default,
-  with_scale_default
-} from "./chunk-S62PPQHN.js";
-import {
-  use_theme_default
-} from "./chunk-45MVPPJN.js";
-import {
-  use_classes_default
-} from "./chunk-5KUROAEP.js";
-
-// core/Textarea/Textarea.tsx
-import _JSXStyle from "styled-jsx/style";
-import React, { useRef, useImperativeHandle, useEffect, useMemo, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var TextareaComponent = React.forwardRef(({
-  type = "default",
-  disabled = false,
-  readOnly = false,
-  onFocus,
-  onBlur,
-  className = "",
-  initialValue = "",
-  onChange,
-  value,
-  placeholder,
-  resize = "none",
-  ...props
-}, ref) => {
-  const theme = use_theme_default();
-  const {
-    SCALES
-  } = use_scale_default();
-  const textareaRef = useRef(null);
-  useImperativeHandle(ref, () => textareaRef.current);
-  const isControlledComponent = useMemo(() => value !== void 0, [value]);
-  const [selfValue, setSelfValue] = useState(initialValue);
-  const [hover, setHover] = useState(false);
-  const colors = useMemo(() => getColors(theme.palette, type), [theme.palette, type]);
-  const classes = use_classes_default("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);
-  };
-  useEffect(() => {
-    if (isControlledComponent) {
-      setSelfValue(value);
-    }
-  }, [isControlledComponent, value]);
-  const controlledValue = isControlledComponent ? {
-    value: selfValue
-  } : {
-    defaultValue: initialValue
-  };
-  const textareaProps = {
-    ...props,
-    ...controlledValue
-  };
-  return /* @__PURE__ */ jsxs("div", { className: _JSXStyle.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__ */ jsx("textarea", { ref: textareaRef, disabled, placeholder, readOnly, onFocus: focusHandler, onBlur: blurHandler, onChange: changeHandler, ...textareaProps, className: _JSXStyle.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__ */ jsx(_JSXStyle, { 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 = with_scale_default(TextareaComponent);
-var Textarea_default = Textarea;
-
-// core/Textarea/index.ts
-var Textarea_default2 = Textarea_default;
-
-export {
-  Textarea_default2 as Textarea_default
-};

package/esm/chunk-3BVFLDHI.js

@@ -1,295 +0,0 @@
-import {
-  use_latest_default
-} from "./chunk-ZRORQ2WH.js";
-import {
-  use_current_state_default
-} from "./chunk-33BUV2RX.js";
-import {
-  use_scale_default,
-  with_scale_default
-} from "./chunk-S62PPQHN.js";
-import {
-  use_theme_default
-} from "./chunk-45MVPPJN.js";
-import {
-  use_classes_default
-} from "./chunk-5KUROAEP.js";
-
-// core/Slider/Slider.tsx
-import _JSXStyle3 from "styled-jsx/style";
-import React3, { useCallback, useEffect as useEffect2, useImperativeHandle, useMemo as useMemo2, useRef as useRef2, useState } from "react";
-
-// core/utils/use-drag.ts
-import { useEffect, useRef } from "react";
-var useDrag = (elementRef, draggingHandler = () => {
-}, dragStartHandler = () => {
-}, dragEndHandler = () => {
-}) => {
-  const onDragging = useRef(false);
-  const [, setStartX, startXRef] = use_current_state_default(0);
-  const [, setCurrentX, currentXRef] = use_current_state_default(0);
-  const draggingRef = use_latest_default(draggingHandler);
-  const dragStartRef = use_latest_default(dragStartHandler);
-  const dragEndRef = use_latest_default(dragEndHandler);
-  useEffect(() => {
-    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
-import _JSXStyle from "styled-jsx/style";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var SliderDot = React.forwardRef(({
-  children,
-  disabled = false,
-  left = 0,
-  isClick = false,
-  ...props
-}, ref) => {
-  const theme = use_theme_default();
-  const classes = use_classes_default("dot", {
-    disabled,
-    click: isClick
-  });
-  return /* @__PURE__ */ jsxs("div", { ref, ...props, className: _JSXStyle.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__ */ jsx(_JSXStyle, { 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
-import _JSXStyle2 from "styled-jsx/style";
-import { useMemo } from "react";
-import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-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 = use_theme_default();
-  const marks = useMemo(() => getMarks(min, max, step), [min, max, step]);
-  return /* @__PURE__ */ jsxs2(Fragment, { children: [
-    marks.map((val, index) => /* @__PURE__ */ jsx2("span", { style: {
-      left: `${val}%`
-    }, className: _JSXStyle2.dynamic([["324900419", [theme.palette.background]]]) }, `${val}-${index}`)),
-    /* @__PURE__ */ jsx2(_JSXStyle2, { 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
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-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 = React3.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 = use_theme_default();
-  const {
-    SCALES
-  } = use_scale_default();
-  const [value, setValue] = useState(initialValue);
-  const [, setSliderWidth, sideWidthRef] = use_current_state_default(0);
-  const [, setLastDargOffset, lastDargOffsetRef] = use_current_state_default(0);
-  const [isClick, setIsClick] = useState(false);
-  const sliderRef = useRef2(null);
-  useImperativeHandle(ref, () => sliderRef.current);
-  const dotRef = useRef2(null);
-  const currentRatio = useMemo2(() => (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 = useCallback((offset) => {
-    const currentValue = getValue(max, min, step, offset, sideWidthRef.current);
-    setValue(currentValue);
-    if (onChange) onChange(currentValue);
-  }, [max, min, step, sideWidthRef, onChange]);
-  const {
-    bg
-  } = useMemo2(() => 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);
-  useEffect2(() => {
-    if (customValue === void 0) return;
-    if (customValue === value) return;
-    setValue(customValue);
-  }, [customValue, value]);
-  useEffect2(() => {
-    if (initialValue) setLastOffsetManually(initialValue);
-  }, []);
-  return /* @__PURE__ */ jsxs3("div", { onClick: clickHandler, ref: sliderRef, ...props, className: _JSXStyle3.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 || use_classes_default("slider", className) || ""), children: [
-    /* @__PURE__ */ jsx3(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__ */ jsx3(SliderMark_default, { max, min, step }),
-    /* @__PURE__ */ jsx3(_JSXStyle3, { 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 = with_scale_default(SliderComponent);
-var Slider_default = Slider;
-
-// core/Slider/index.ts
-var Slider_default2 = Slider_default;
-
-export {
-  Slider_default2 as Slider_default
-};