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

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

@@ -1,9 +1,9 @@
 'use client';
 import {
   use_all_themes_default
-} from "../chunk-5BRAW5HK.js";
-import "../chunk-UVCSH6DW.js";
-import "../chunk-VCTKX4AS.js";
+} from "../chunk-QILHI3LO.js";
+import "../chunk-5HRVN7L7.js";
+import "../chunk-SZIX7BM5.js";
 export {
   use_all_themes_default as default
 };

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

@@ -1,11 +1,11 @@
 'use client';
 import {
   use_media_query_default
-} from "../chunk-RF5ZQ37O.js";
-import "../chunk-45MVPPJN.js";
-import "../chunk-TFZ2IGNH.js";
-import "../chunk-QUMM6MGX.js";
-import "../chunk-VCTKX4AS.js";
+} from "../chunk-6VDRKYLW.js";
+import "../chunk-V5I4ORQQ.js";
+import "../chunk-FEA5BJ35.js";
+import "../chunk-X5PGXMVQ.js";
+import "../chunk-SZIX7BM5.js";
 export {
   use_media_query_default as default
 };

package/esm/use-scale/index.js

@@ -7,12 +7,12 @@ import {
   useScale,
   use_scale_default,
   with_scale_default
-} from "../chunk-S62PPQHN.js";
+} from "../chunk-MAICNLTY.js";
 import "../chunk-UX2B3G6U.js";
-import "../chunk-45MVPPJN.js";
-import "../chunk-TFZ2IGNH.js";
-import "../chunk-QUMM6MGX.js";
-import "../chunk-VCTKX4AS.js";
+import "../chunk-V5I4ORQQ.js";
+import "../chunk-FEA5BJ35.js";
+import "../chunk-X5PGXMVQ.js";
+import "../chunk-SZIX7BM5.js";
 export {
   ScaleContext,
   ScalePropKeys,

package/esm/use-theme/index.js

@@ -1,10 +1,10 @@
 'use client';
 import {
   use_theme_default
-} from "../chunk-45MVPPJN.js";
-import "../chunk-TFZ2IGNH.js";
-import "../chunk-QUMM6MGX.js";
-import "../chunk-VCTKX4AS.js";
+} from "../chunk-V5I4ORQQ.js";
+import "../chunk-FEA5BJ35.js";
+import "../chunk-X5PGXMVQ.js";
+import "../chunk-SZIX7BM5.js";
 export {
   use_theme_default as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bolio-ui/core",
-  "version": "2.0.0-alpha.2",
+  "version": "3.0.0-alpha.0",
   "description": "Amazing, modern and creative tools for React UI. 🥷🏼",
   "keywords": [
     "bolio",
@@ -16,14 +16,14 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/bolio-ui/bolio-ui"
+    "url": "git+https://github.com/bolio-ui/bolio-ui.git"
   },
   "license": "MIT",
   "author": {
     "name": "Bruno Andrade",
     "email": "brunnoandradi@gmail.com"
   },
-  "sideEffects": false,
+  "sideEffects": ["*.css"],
   "main": "dist/index.js",
   "unpkg": "dist/index.min.js",
   "module": "esm/index.js",
@@ -34,11 +34,8 @@
       "module": "./esm/index.js",
       "default": "./dist/index.js"
     },
-    "./next": {
-      "types": "./esm/Next/index.d.ts",
-      "module": "./esm/Next/index.js",
-      "default": "./dist/Next/index.js"
-    },
+    "./styles.css": "./dist/styles.css",
+    "./css/*": "./dist/css/*",
     "./dist/index.js": "./dist/index.js",
     "./dist/*/index.js": "./dist/*/index.js",
     "./dist/*": "./dist/*/index.js",
@@ -47,13 +44,6 @@
     "./esm/*": "./esm/*/index.js",
     "./package.json": "./package.json"
   },
-  "typesVersions": {
-    "*": {
-      "next": [
-        "esm/Next/index.d.ts"
-      ]
-    }
-  },
   "files": [
     "/dist",
     "/esm"
@@ -75,17 +65,13 @@
     "build:clear": "rm -rf ./dist ./esm",
     "build:js": "tsup --config scripts/tsup.config.ts",
     "build:after": "node scripts/add-use-client.js",
-    "build:webpack": "webpack --config scripts/webpack.config.js",
     "build:types": "tsc -p ./scripts && tsc -p ./scripts --outDir ./esm",
     "build:package": "yarn build:clear && yarn build:js && yarn build:types && yarn build:after",
     "clear-all": "rm -rf .next _static node_modules",
     "re-start": "rm -rf .next _static node_modules && yarn install && yarn dev",
     "re-build": "rm -rf .next _static node_modules && yarn install && yarn build",
-    "release": "yarn build && yarn build:package && yarn publish --access public --non-interactive",
-    "release:next": "yarn build:package && yarn publish --access public --tag next --non-interactive"
-  },
-  "dependencies": {
-    "styled-jsx": "^5.0.7"
+    "release": "yarn build && yarn build:package && npm publish --access public",
+    "release:next": "yarn build:package && npm publish --access public --tag next"
   },
   "devDependencies": {
     "@babel/core": "^7.26.0",
@@ -114,7 +100,6 @@
     "@typescript-eslint/parser": "^8",
     "@vitejs/plugin-react": "^5",
     "axe-core": "^4.3.2",
-    "babel-loader": "^8.2.2",
     "babel-plugin-styled-components": "^1.13.2",
     "classnames": "^2.3.1",
     "esbuild": "^0.27",
@@ -125,12 +110,14 @@
     "eslint-plugin-react-hooks": "^5",
     "globals": "^17.12.0",
     "gray-matter": "^4.0.3",
+    "identity-obj-proxy": "^3.0.0",
     "jest": "^30",
     "jest-environment-jsdom": "^30",
     "jest-styled-components": "^7.0.5",
     "kbar": "0.1.0-beta.6",
     "next": "^16",
     "plop": "^2.7.4",
+    "postcss-modules": "^9.0.1",
     "prettier": "^3",
     "prism-react-renderer": "^1.2.1",
     "react": "^19",

package/dist/Next/StyledJsxRegistry.d.ts

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

package/dist/Next/index.d.ts

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

package/dist/Next/index.js

@@ -1,25 +0,0 @@
-'use client';
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// core/Next/StyledJsxRegistry.tsx
-var _react = require('react');
-var _navigation = require('next/navigation');
-var _styledjsx = require('styled-jsx');
-var _jsxruntime = require('react/jsx-runtime');
-var StyledJsxRegistry = ({
-  children
-}) => {
-  const [registry] = _react.useState.call(void 0, () => _styledjsx.createStyleRegistry.call(void 0, ));
-  _navigation.useServerInsertedHTML.call(void 0, () => {
-    const styles = registry.styles();
-    registry.flush();
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: styles });
-  });
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _styledjsx.StyleRegistry, { registry, children });
-};
-var StyledJsxRegistry_default = StyledJsxRegistry;
-
-// core/Next/index.ts
-var Next_default = StyledJsxRegistry_default;
-
-
-
-exports.StyledJsxRegistry = StyledJsxRegistry_default; exports.default = Next_default;

package/dist/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/dist/chunk-33WYJZ4F.js

@@ -1,88 +0,0 @@
-"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

@@ -1,295 +0,0 @@
-"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;