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

package/esm/chunk-7L3HCDGD.js

@@ -1,65 +0,0 @@
-import {
-  use_theme_default
-} from "./chunk-45MVPPJN.js";
-import {
-  use_classes_default
-} from "./chunk-5KUROAEP.js";
-
-// core/Container/Container.tsx
-import _JSXStyle from "styled-jsx/style";
-import React, { useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var defaultProps = {
-  gap: 0,
-  justify: "start",
-  align: "top",
-  component: "div",
-  className: "",
-  fluid: false
-};
-var getFlexAlignment = (justify, align) => {
-  const flexJustifyMap = {
-    end: "flex-end",
-    center: "center",
-    "space-around": "space-around",
-    "space-between": "space-between"
-  };
-  const flexAlignMap = {
-    middle: "center",
-    bottom: "flex-end"
-  };
-  return {
-    justifyValue: flexJustifyMap[justify] || "normal",
-    alignValue: flexAlignMap[align] || "normal"
-  };
-};
-var Container = React.forwardRef(({
-  children,
-  component = defaultProps.component,
-  justify = defaultProps.justify,
-  align = defaultProps.align,
-  fluid = defaultProps.fluid,
-  className = defaultProps.className,
-  ...props
-}, ref) => {
-  const Component = component;
-  const theme = use_theme_default();
-  const {
-    justifyValue,
-    alignValue
-  } = useMemo(() => getFlexAlignment(justify, align), [justify, align]);
-  const fluidWidth = fluid ? "" : "max-width: " + theme.layout.pageWidthWithMargin;
-  return /* @__PURE__ */ jsxs(Component, { ref, ...props, className: _JSXStyle.dynamic([["2507064107", [fluidWidth, justifyValue, alignValue]]]) + " " + (props && props.className != null && props.className || use_classes_default("container", className) || ""), children: [
-    children,
-    /* @__PURE__ */ jsx(_JSXStyle, { id: "2507064107", dynamic: [fluidWidth, justifyValue, alignValue], children: `.container.__jsx-style-dynamic-selector{${fluidWidth};padding-left:15px;padding-right:15px;margin-right:auto;margin-left:auto;-webkit-box-pack:${justifyValue};-webkit-justify-content:${justifyValue};-ms-flex-pack:${justifyValue};justify-content:${justifyValue};-webkit-align-items:${alignValue};-webkit-box-align:${alignValue};-ms-flex-align:${alignValue};align-items:${alignValue};}` })
-  ] });
-});
-Container.displayName = "BolioUIContainer";
-var Container_default = Container;
-
-// core/Container/index.ts
-var Container_default2 = Container_default;
-
-export {
-  Container_default2 as Container_default
-};

package/esm/chunk-APDSEVV6.js

@@ -1,443 +0,0 @@
-import {
-  dropdown_default
-} from "./chunk-OFNHKVGZ.js";
-import {
-  Grid_default
-} from "./chunk-NRSWR3C4.js";
-import {
-  log_warning_default
-} from "./chunk-AXYDJGTN.js";
-import {
-  use_current_state_default
-} from "./chunk-33BUV2RX.js";
-import {
-  use_scale_default,
-  with_scale_default
-} from "./chunk-S62PPQHN.js";
-import {
-  pickChildByProps
-} from "./chunk-UX2B3G6U.js";
-import {
-  use_theme_default
-} from "./chunk-45MVPPJN.js";
-import {
-  use_classes_default
-} from "./chunk-5KUROAEP.js";
-
-// core/Select/Select.tsx
-import _JSXStyle7 from "styled-jsx/style";
-import React7, { useCallback, useEffect as useEffect2, useImperativeHandle as useImperativeHandle3, useMemo, useRef as useRef3, useState } from "react";
-
-// core/Select/SelectIcon.tsx
-import _JSXStyle from "styled-jsx/style";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function SelectIconComponent() {
-  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", strokeWidth: "1", strokeLinecap: "round", strokeLinejoin: "round", fill: "none", shapeRendering: "geometricPrecision", className: "jsx-2742933678", children: [
-    /* @__PURE__ */ jsx("path", { d: "M6 9l6 6 6-6", className: "jsx-2742933678" }),
-    /* @__PURE__ */ jsx(_JSXStyle, { id: "2742933678", children: "svg.jsx-2742933678{color:inherit;stroke:currentColor;-webkit-transition:all 200ms ease;transition:all 200ms ease;width:1.214em;height:1.214em;}" })
-  ] });
-}
-SelectIconComponent.displayName = "BolioUISelectIcon";
-var SelectIcon = React.memo(SelectIconComponent);
-var SelectIcon_default = SelectIcon;
-
-// core/Select/SelectDropdown.tsx
-import _JSXStyle2 from "styled-jsx/style";
-import React3, { useImperativeHandle, useRef } from "react";
-
-// core/Select/SelectContext.ts
-import React2 from "react";
-var defaultContext = {
-  visible: false,
-  disableAll: false
-};
-var SelectContext = React2.createContext(defaultContext);
-var useSelectContext = () => React2.useContext(SelectContext);
-
-// core/Select/SelectDropdown.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var SelectDropdown = React3.forwardRef(({
-  visible,
-  children,
-  className = "",
-  dropdownStyle = {},
-  disableMatchWidth,
-  getPopupContainer
-}, dropdownRef) => {
-  const theme = use_theme_default();
-  const internalDropdownRef = useRef(null);
-  const {
-    ref
-  } = useSelectContext();
-  const classes = use_classes_default("select-dropdown", className);
-  useImperativeHandle(dropdownRef, () => internalDropdownRef.current);
-  return /* @__PURE__ */ jsx2(dropdown_default, { parent: ref, visible, disableMatchWidth, getPopupContainer, children: /* @__PURE__ */ jsxs2("div", { ref: internalDropdownRef, style: dropdownStyle, className: _JSXStyle2.dynamic([["2113247935", [theme.layout.radius, theme.expressiveness.shadowLarge, theme.palette.accents_2]]]) + " " + (classes || ""), children: [
-    children,
-    /* @__PURE__ */ jsx2(_JSXStyle2, { id: "2113247935", dynamic: [theme.layout.radius, theme.expressiveness.shadowLarge, theme.palette.accents_2], children: `.select-dropdown.__jsx-style-dynamic-selector{border-radius:${theme.layout.radius};box-shadow:${theme.expressiveness.shadowLarge};background-color:${theme.palette.accents_2};max-height:17em;overflow-y:auto;overflow-anchor:none;padding:0.38em 0;-webkit-scroll-behavior:smooth;-moz-scroll-behavior:smooth;-ms-scroll-behavior:smooth;scroll-behavior:smooth;}` })
-  ] }) });
-});
-SelectDropdown.displayName = "BolioUISelectDropdown";
-var SelectDropdown_default = SelectDropdown;
-
-// core/Select/SelectMultipleValue.tsx
-import _JSXStyle4 from "styled-jsx/style";
-
-// core/Select/SelectIconClear.tsx
-import _JSXStyle3 from "styled-jsx/style";
-import React4 from "react";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-function SelectIconClear({
-  onClick
-}) {
-  const theme = use_theme_default();
-  const clickHandler = (event) => {
-    event.preventDefault();
-    event.stopPropagation();
-    event.nativeEvent.stopImmediatePropagation();
-    if (onClick) onClick(event);
-  };
-  return /* @__PURE__ */ jsxs3("div", { onClick: clickHandler, className: _JSXStyle3.dynamic([["3218630561", [theme.palette.accents_5, theme.palette.foreground]]]) + " clear-icon", children: [
-    /* @__PURE__ */ jsxs3("svg", { viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", fill: "none", shapeRendering: "geometricPrecision", className: _JSXStyle3.dynamic([["3218630561", [theme.palette.accents_5, theme.palette.foreground]]]), children: [
-      /* @__PURE__ */ jsx3("path", { d: "M18 6L6 18", className: _JSXStyle3.dynamic([["3218630561", [theme.palette.accents_5, theme.palette.foreground]]]) }),
-      /* @__PURE__ */ jsx3("path", { d: "M6 6l12 12", className: _JSXStyle3.dynamic([["3218630561", [theme.palette.accents_5, theme.palette.foreground]]]) })
-    ] }),
-    /* @__PURE__ */ jsx3(_JSXStyle3, { id: "3218630561", dynamic: [theme.palette.accents_5, theme.palette.foreground], children: `.clear-icon.__jsx-style-dynamic-selector{padding:0 0 0 0.5em;margin:0;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;cursor:pointer;box-sizing:border-box;-webkit-transition:color 150ms ease 0s;transition:color 150ms ease 0s;color:${theme.palette.accents_5};visibility:visible;opacity:1;}.clear-icon.__jsx-style-dynamic-selector:hover{color:${theme.palette.foreground};}svg.__jsx-style-dynamic-selector{color:currentColor;width:1em;height:1em;}` })
-  ] });
-}
-var MemoSelectIconClear = React4.memo(SelectIconClear);
-var SelectIconClear_default = MemoSelectIconClear;
-
-// core/Select/SelectMultipleValue.tsx
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-function SelectMultipleValue({
-  disabled,
-  onClear,
-  children
-}) {
-  const theme = use_theme_default();
-  return /* @__PURE__ */ jsxs4(Grid_default, { children: [
-    /* @__PURE__ */ jsxs4("div", { className: _JSXStyle4.dynamic([["19398775", [theme.layout.radius, theme.palette.accents_3, disabled ? theme.palette.accents_5 : theme.palette.accents_7]]]) + " item", children: [
-      children,
-      !!onClear && /* @__PURE__ */ jsx4(SelectIconClear_default, { onClick: onClear })
-    ] }),
-    /* @__PURE__ */ jsx4(_JSXStyle4, { id: "19398775", dynamic: [theme.layout.radius, theme.palette.accents_3, disabled ? theme.palette.accents_5 : theme.palette.accents_7], children: `.item.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;justify-items:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1;padding:0 0.5em;font-size:var(--select-font-size);height:calc(var(--select-font-size) * 2);border-radius:${theme.layout.radius};background-color:${theme.palette.accents_3};color:${disabled ? theme.palette.accents_5 : theme.palette.accents_7};}.item.__jsx-style-dynamic-selector>div:not(.clear-icon),.item.__jsx-style-dynamic-selector>div:not(.clear-icon):hover{border-radius:0;background-color:transparent;padding:0;margin:0;color:inherit;}` })
-  ] });
-}
-SelectMultipleValue.displayName = "BolioUISelectMultipleValue";
-var SelectMultipleValue_default = SelectMultipleValue;
-
-// core/Select/styles.ts
-var getColors = (palette, status, disabled) => {
-  const colors = {
-    default: {
-      color: palette.foreground,
-      bgColor: palette.accents_1,
-      borderColor: palette.accents_2,
-      hoverBgColor: palette.accents_1,
-      hoverBorder: palette.accents_4
-    },
-    primary: {
-      color: palette.primaryDark,
-      bgColor: palette.primaryLight,
-      borderColor: palette.primary,
-      hoverBgColor: palette.primaryLight,
-      hoverBorder: palette.primary
-    },
-    secondary: {
-      color: palette.secondaryDark,
-      bgColor: palette.secondaryLight,
-      borderColor: palette.secondary,
-      hoverBgColor: palette.secondaryLight,
-      hoverBorder: palette.secondary
-    },
-    success: {
-      color: palette.successDark,
-      bgColor: palette.successLight,
-      borderColor: palette.success,
-      hoverBgColor: palette.successLight,
-      hoverBorder: palette.success
-    },
-    warning: {
-      color: palette.warningDark,
-      bgColor: palette.warningLight,
-      borderColor: palette.warning,
-      hoverBgColor: palette.warningLight,
-      hoverBorder: palette.warning
-    },
-    error: {
-      color: palette.errorDark,
-      bgColor: palette.errorLight,
-      borderColor: palette.error,
-      hoverBgColor: palette.errorLight,
-      hoverBorder: palette.error
-    },
-    info: {
-      color: palette.infoDark,
-      bgColor: palette.infoLight,
-      borderColor: palette.info,
-      hoverBgColor: palette.infoLight,
-      hoverBorder: palette.info
-    }
-  };
-  if (disabled)
-    return {
-      color: palette.accents_6,
-      bgColor: palette.accents_2,
-      borderColor: palette.accents_3,
-      hoverBgColor: palette.accents_2,
-      hoverBorder: palette.accents_3
-    };
-  if (!status) return colors.default;
-  return colors[status];
-};
-
-// core/Shared/ellipsis.tsx
-import _JSXStyle5 from "styled-jsx/style";
-import React5 from "react";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-var Ellipsis = ({
-  children,
-  height
-}) => {
-  return /* @__PURE__ */ jsxs5("span", { className: _JSXStyle5.dynamic([["822089635", [height]]]), children: [
-    children,
-    /* @__PURE__ */ jsx5(_JSXStyle5, { id: "822089635", dynamic: [height], children: `span.__jsx-style-dynamic-selector{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:${height};min-width:0;}` })
-  ] });
-};
-var ellipsis_default = React5.memo(Ellipsis);
-
-// core/Select/SelectInput.tsx
-import _JSXStyle6 from "styled-jsx/style";
-import React6, { useEffect, useImperativeHandle as useImperativeHandle2, useRef as useRef2 } from "react";
-import { Fragment, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
-var SelectInput = React6.forwardRef(({
-  visible,
-  onBlur,
-  onFocus,
-  ariaLabel,
-  ariaLabelledby
-}, inputRef) => {
-  const ref = useRef2(null);
-  useImperativeHandle2(inputRef, () => ref.current);
-  useEffect(() => {
-    var _a;
-    if (visible) {
-      (_a = ref.current) == null ? void 0 : _a.focus();
-    }
-  }, [visible]);
-  return /* @__PURE__ */ jsxs6(Fragment, { children: [
-    /* @__PURE__ */ jsx6("input", { ref, type: "search", role: "combobox", "aria-haspopup": "listbox", "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, readOnly: true, unselectable: "on", "aria-expanded": visible, onBlur, onFocus, className: "jsx-2813108835" }),
-    /* @__PURE__ */ jsx6(_JSXStyle6, { id: "2813108835", children: "input.jsx-2813108835{position:fixed;top:-10000px;left:-10000px;opacity:0;z-index:-1;width:0;height:0;padding:0;font-size:0;border:none;}" })
-  ] });
-});
-SelectInput.displayName = "BolioUISelectInput";
-var SelectInput_default = SelectInput;
-
-// core/Select/Select.tsx
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
-var noop = () => {
-};
-var SelectComponent = React7.forwardRef(({
-  children,
-  type = "default",
-  disabled = false,
-  initialValue: init,
-  value: customValue,
-  icon: Icon = SelectIcon_default,
-  onChange,
-  pure = false,
-  multiple = false,
-  clearable = true,
-  placeholder,
-  className = "",
-  dropdownClassName,
-  dropdownStyle,
-  disableMatchWidth = false,
-  getPopupContainer,
-  onDropdownVisibleChange = noop,
-  "aria-label": ariaLabel,
-  "aria-labelledby": ariaLabelledby,
-  ...props
-}, selectRef) => {
-  const theme = use_theme_default();
-  const {
-    SCALES
-  } = use_scale_default();
-  const ref = useRef3(null);
-  const inputRef = useRef3(null);
-  const dropdownRef = useRef3(null);
-  const [visible, setVisible] = useState(false);
-  const [selectFocus, setSelectFocus] = useState(false);
-  const [value, setValue, valueRef] = use_current_state_default(() => {
-    if (!multiple) return init;
-    if (Array.isArray(init)) return init;
-    return typeof init === "undefined" ? [] : [init];
-  });
-  const isEmpty = useMemo(() => {
-    if (!Array.isArray(value)) return !value;
-    return value.length === 0;
-  }, [value]);
-  const colors = useMemo(() => getColors(theme.palette, type, disabled), [theme.palette, type, disabled]);
-  const updateVisible = useCallback((next) => {
-    onDropdownVisibleChange(next);
-    setVisible(next);
-  }, [onDropdownVisibleChange]);
-  const updateValue = useCallback((next) => {
-    setValue((last) => {
-      if (!Array.isArray(last)) return next;
-      if (!last.includes(next)) return [...last, next];
-      return last.filter((item) => item !== next);
-    });
-    if (onChange) onChange(valueRef.current);
-    if (!multiple) {
-      updateVisible(false);
-    }
-  }, [setValue, onChange, valueRef, multiple, updateVisible]);
-  const initialValue = useMemo(() => ({
-    value,
-    visible,
-    updateValue,
-    updateVisible,
-    ref,
-    disableAll: disabled
-  }), [visible, disabled, ref, value, updateValue, updateVisible]);
-  const clickHandler = (event) => {
-    event.stopPropagation();
-    event.nativeEvent.stopImmediatePropagation();
-    event.preventDefault();
-    if (disabled) return;
-    updateVisible(!visible);
-    event.preventDefault();
-  };
-  const mouseDownHandler = (event) => {
-    if (visible) {
-      event.preventDefault();
-    }
-  };
-  useEffect2(() => {
-    if (customValue === void 0) return;
-    setValue(customValue);
-  }, [customValue, setValue]);
-  useImperativeHandle3(selectRef, () => ({
-    focus: () => {
-      var _a;
-      return (_a = inputRef.current) == null ? void 0 : _a.focus();
-    },
-    blur: () => {
-      var _a;
-      return (_a = inputRef.current) == null ? void 0 : _a.blur();
-    },
-    scrollTo: (options) => {
-      var _a;
-      return (_a = dropdownRef.current) == null ? void 0 : _a.scrollTo(options);
-    }
-  }), [inputRef, dropdownRef]);
-  const selectedChild = useMemo(() => {
-    const [, optionChildren] = pickChildByProps(children, "value", value);
-    return React7.Children.map(optionChildren, (child) => {
-      if (!React7.isValidElement(child)) return null;
-      const el = React7.cloneElement(child, {
-        preventAllEvents: true
-      });
-      if (!multiple) return el;
-      return /* @__PURE__ */ jsx7(SelectMultipleValue_default, { disabled, onClear: clearable ? () => updateValue(child.props.value) : null, children: el });
-    });
-  }, [value, children, multiple, clearable, disabled, updateValue]);
-  const onInputBlur = () => {
-    updateVisible(false);
-    setSelectFocus(false);
-  };
-  const classes = use_classes_default("select", {
-    active: selectFocus || visible,
-    multiple
-  }, className);
-  return /* @__PURE__ */ jsx7(SelectContext.Provider, { value: initialValue, children: /* @__PURE__ */ jsxs7("div", { ref, onClick: clickHandler, onMouseDown: mouseDownHandler, ...props, className: _JSXStyle7.dynamic([["3975230790", [disabled ? "not-allowed" : "pointer", colors.borderColor, theme.layout.radius, colors.bgColor, SCALES.font(0.875), SCALES.height(2.25), SCALES.width(1, "initial"), SCALES.pt(0), SCALES.pr(0.334), SCALES.pb(0), SCALES.pl(0.667), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.pt(0.334), SCALES.pr(0.334), SCALES.pb(0.334), SCALES.pl(0.667), colors.hoverBorder, colors.hoverBgColor, colors.color, colors.color, colors.color, SCALES.font(0.775), theme.layout.gapQuarter, visible ? "180" : "0", colors.color]]]) + " " + (props && props.className != null && props.className || classes || ""), children: [
-    /* @__PURE__ */ jsx7(SelectInput_default, { ref: inputRef, ariaLabel: ariaLabel || (typeof placeholder === "string" ? placeholder : void 0), ariaLabelledby, visible, onBlur: onInputBlur, onFocus: () => setSelectFocus(true) }),
-    isEmpty && /* @__PURE__ */ jsx7("span", { className: _JSXStyle7.dynamic([["3975230790", [disabled ? "not-allowed" : "pointer", colors.borderColor, theme.layout.radius, colors.bgColor, SCALES.font(0.875), SCALES.height(2.25), SCALES.width(1, "initial"), SCALES.pt(0), SCALES.pr(0.334), SCALES.pb(0), SCALES.pl(0.667), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.pt(0.334), SCALES.pr(0.334), SCALES.pb(0.334), SCALES.pl(0.667), colors.hoverBorder, colors.hoverBgColor, colors.color, colors.color, colors.color, SCALES.font(0.775), theme.layout.gapQuarter, visible ? "180" : "0", colors.color]]]) + " value placeholder", children: /* @__PURE__ */ jsx7(ellipsis_default, { height: "var(--select-height)", children: placeholder }) }),
-    value && !multiple && /* @__PURE__ */ jsx7("span", { className: _JSXStyle7.dynamic([["3975230790", [disabled ? "not-allowed" : "pointer", colors.borderColor, theme.layout.radius, colors.bgColor, SCALES.font(0.875), SCALES.height(2.25), SCALES.width(1, "initial"), SCALES.pt(0), SCALES.pr(0.334), SCALES.pb(0), SCALES.pl(0.667), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.pt(0.334), SCALES.pr(0.334), SCALES.pb(0.334), SCALES.pl(0.667), colors.hoverBorder, colors.hoverBgColor, colors.color, colors.color, colors.color, SCALES.font(0.775), theme.layout.gapQuarter, visible ? "180" : "0", colors.color]]]) + " value", children: selectedChild }),
-    value && multiple && /* @__PURE__ */ jsx7(Grid_default.Container, { gap: 0.5, children: selectedChild }),
-    /* @__PURE__ */ jsx7(SelectDropdown_default, { ref: dropdownRef, visible, className: dropdownClassName, dropdownStyle, disableMatchWidth, getPopupContainer, children }),
-    !pure && /* @__PURE__ */ jsx7("div", { className: _JSXStyle7.dynamic([["3975230790", [disabled ? "not-allowed" : "pointer", colors.borderColor, theme.layout.radius, colors.bgColor, SCALES.font(0.875), SCALES.height(2.25), SCALES.width(1, "initial"), SCALES.pt(0), SCALES.pr(0.334), SCALES.pb(0), SCALES.pl(0.667), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.pt(0.334), SCALES.pr(0.334), SCALES.pb(0.334), SCALES.pl(0.667), colors.hoverBorder, colors.hoverBgColor, colors.color, colors.color, colors.color, SCALES.font(0.775), theme.layout.gapQuarter, visible ? "180" : "0", colors.color]]]) + " icon", children: /* @__PURE__ */ jsx7(Icon, { className: _JSXStyle7.dynamic([["3975230790", [disabled ? "not-allowed" : "pointer", colors.borderColor, theme.layout.radius, colors.bgColor, SCALES.font(0.875), SCALES.height(2.25), SCALES.width(1, "initial"), SCALES.pt(0), SCALES.pr(0.334), SCALES.pb(0), SCALES.pl(0.667), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.pt(0.334), SCALES.pr(0.334), SCALES.pb(0.334), SCALES.pl(0.667), colors.hoverBorder, colors.hoverBgColor, colors.color, colors.color, colors.color, SCALES.font(0.775), theme.layout.gapQuarter, visible ? "180" : "0", colors.color]]]) }) }),
-    /* @__PURE__ */ jsx7(_JSXStyle7, { id: "3975230790", dynamic: [disabled ? "not-allowed" : "pointer", colors.borderColor, theme.layout.radius, colors.bgColor, SCALES.font(0.875), SCALES.height(2.25), SCALES.width(1, "initial"), SCALES.pt(0), SCALES.pr(0.334), SCALES.pb(0), SCALES.pl(0.667), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.pt(0.334), SCALES.pr(0.334), SCALES.pb(0.334), SCALES.pl(0.667), colors.hoverBorder, colors.hoverBgColor, colors.color, colors.color, colors.color, SCALES.font(0.775), theme.layout.gapQuarter, visible ? "180" : "0", colors.color], children: `.select.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;position:relative;cursor:${disabled ? "not-allowed" : "pointer"};max-width:90vw;overflow:hidden;-webkit-transition: border 150ms ease-in 0s, color 200ms ease-out 0s, box-shadow 200ms ease 0s;transition: border 150ms ease-in 0s, color 200ms ease-out 0s, box-shadow 200ms ease 0s;border:1px solid ${colors.borderColor};border-radius:${theme.layout.radius};background-color:${colors.bgColor};--select-font-size:${SCALES.font(0.875)};--select-height:${SCALES.height(2.25)};min-width:11.5em;width:${SCALES.width(1, "initial")};height:var(--select-height);padding:${SCALES.pt(0)} ${SCALES.pr(0.334)} ${SCALES.pb(0)} ${SCALES.pl(0.667)};margin:${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)};}.multiple.__jsx-style-dynamic-selector{height:auto;min-height:var(--select-height);padding:${SCALES.pt(0.334)} ${SCALES.pr(0.334)} ${SCALES.pb(0.334)} ${SCALES.pl(0.667)};}.select.active.__jsx-style-dynamic-selector,.select.__jsx-style-dynamic-selector:hover{border-color:${colors.hoverBorder};background-color:${colors.hoverBgColor};}.select.active.icon.__jsx-style-dynamic-selector,.select.__jsx-style-dynamic-selector:hover .icon.__jsx-style-dynamic-selector{color:${colors.color};}.value.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex:1;-ms-flex:1;flex:1;height:100%;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1;padding:0;margin-right:1.25em;font-size:var(--select-font-size);color:${colors.color};width:calc(100% - 1.25em);}.value.__jsx-style-dynamic-selector>div,.value.__jsx-style-dynamic-selector>div:hover{border-radius:0;background-color:transparent;padding:0;margin:0;color:inherit;}.placeholder.__jsx-style-dynamic-selector{color:${colors.color};font-size:${SCALES.font(0.775)};}.icon.__jsx-style-dynamic-selector{position:absolute;right:${theme.layout.gapQuarter};font-size:var(--select-font-size);top:50%;bottom:0;-webkit-transform:translateY(-50%) rotate(${visible ? "180" : "0"}deg);-ms-transform:translateY(-50%) rotate(${visible ? "180" : "0"}deg);transform:translateY(-50%) rotate(${visible ? "180" : "0"}deg);pointer-events:none;-webkit-transition:-webkit-transform 200ms ease;-webkit-transition:transform 200ms ease;transition:transform 200ms ease;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;color:${colors.color};}` })
-  ] }) });
-});
-SelectComponent.displayName = "BolioUISelect";
-var Select = with_scale_default(SelectComponent);
-var Select_default = Select;
-
-// core/Select/SelectOption.tsx
-import _JSXStyle8 from "styled-jsx/style";
-import { useMemo as useMemo2 } from "react";
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
-function SelectOptionComponent({
-  value: identValue = "",
-  className = "",
-  children,
-  disabled = false,
-  divider = false,
-  label = false,
-  preventAllEvents = false,
-  ...props
-}) {
-  const theme = use_theme_default();
-  const {
-    SCALES
-  } = use_scale_default();
-  const {
-    updateValue,
-    value,
-    disableAll
-  } = useSelectContext();
-  const isDisabled = useMemo2(() => disabled || disableAll, [disabled, disableAll]);
-  const isLabel = useMemo2(() => label || divider, [label, divider]);
-  const classes = use_classes_default("option", {
-    divider,
-    label
-  }, className);
-  if (!isLabel && identValue === void 0) {
-    log_warning_default('The props "value" is required.', "Select Option");
-  }
-  const selected = useMemo2(() => {
-    if (!value) return false;
-    if (typeof value === "string") {
-      return identValue === value;
-    }
-    return value.includes(`${identValue}`);
-  }, [identValue, value]);
-  const bgColor = useMemo2(() => {
-    if (isDisabled) return theme.palette.accents_3;
-    return selected ? theme.palette.accents_3 : theme.palette.accents_2;
-  }, [selected, isDisabled, theme.palette]);
-  const hoverBgColor = useMemo2(() => {
-    if (isDisabled || isLabel || selected) return bgColor;
-    return theme.palette.accents_1;
-  }, [selected, isDisabled, theme.palette, isLabel, bgColor]);
-  const color = useMemo2(() => {
-    if (isDisabled) return theme.palette.accents_4;
-    return selected ? theme.palette.foreground : theme.palette.accents_5;
-  }, [selected, isDisabled, theme.palette]);
-  const clickHandler = (event) => {
-    if (preventAllEvents) return;
-    event.stopPropagation();
-    event.nativeEvent.stopImmediatePropagation();
-    event.preventDefault();
-    if (isDisabled || isLabel) return;
-    if (updateValue) updateValue(identValue);
-  };
-  return /* @__PURE__ */ jsxs8("div", { onClick: clickHandler, ...props, className: _JSXStyle8.dynamic([["1995693354", [bgColor, color, isDisabled ? "not-allowed" : "pointer", SCALES.font(0.75), SCALES.width(1, "100%"), SCALES.height(2.25), SCALES.pt(0), SCALES.pr(0.667), SCALES.pb(0), SCALES.pl(0.667), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), hoverBgColor, theme.palette.accents_7, theme.palette.accents_3, SCALES.width(1, "100%"), SCALES.height(1, 0), 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.accents_7, theme.palette.accents_3, SCALES.font(0.875), SCALES.width(1, "100%")]]]) + " " + (props && props.className != null && props.className || classes || ""), children: [
-    /* @__PURE__ */ jsx8(ellipsis_default, { height: SCALES.height(2.25), children }),
-    /* @__PURE__ */ jsx8(_JSXStyle8, { id: "1995693354", dynamic: [bgColor, color, isDisabled ? "not-allowed" : "pointer", SCALES.font(0.75), SCALES.width(1, "100%"), SCALES.height(2.25), SCALES.pt(0), SCALES.pr(0.667), SCALES.pb(0), SCALES.pl(0.667), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), hoverBgColor, theme.palette.accents_7, theme.palette.accents_3, SCALES.width(1, "100%"), SCALES.height(1, 0), 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.accents_7, theme.palette.accents_3, SCALES.font(0.875), SCALES.width(1, "100%")], children: `.option.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;max-width:100%;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;font-weight:normal;background-color:${bgColor};color:${color};-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;cursor:${isDisabled ? "not-allowed" : "pointer"};-webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;transition: background 0.2s ease 0s, border-color 0.2s ease 0s;--select-font-size:${SCALES.font(0.75)};font-size:var(--select-font-size);width:${SCALES.width(1, "100%")};height:${SCALES.height(2.25)};padding:${SCALES.pt(0)} ${SCALES.pr(0.667)} ${SCALES.pb(0)} ${SCALES.pl(0.667)};margin:${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)};}.option.__jsx-style-dynamic-selector:hover{background-color:${hoverBgColor};color:${theme.palette.accents_7};}.divider.__jsx-style-dynamic-selector{line-height:0;overflow:hidden;border-top:1px solid ${theme.palette.accents_3};width:${SCALES.width(1, "100%")};height:${SCALES.height(1, 0)};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)};}.label.__jsx-style-dynamic-selector{color:${theme.palette.accents_7};border-bottom:1px solid ${theme.palette.accents_3};text-transform:capitalize;cursor:default;font-size:${SCALES.font(0.875)};width:${SCALES.width(1, "100%")};font-weight:500;}` })
-  ] });
-}
-SelectOptionComponent.displayName = "BolioUISelectOption";
-var SelectOption = with_scale_default(SelectOptionComponent);
-var SelectOption_default = SelectOption;
-
-// core/Select/index.ts
-Select_default.Option = SelectOption_default;
-var Select_default2 = Select_default;
-
-export {
-  Select_default2 as Select_default
-};

package/esm/chunk-BDEBNBW6.js

@@ -1,61 +0,0 @@
-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/Loading/Loading.tsx
-import _JSXStyle from "styled-jsx/style";
-import React, { useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var getIconBgColor = (type, palette, color) => {
-  const colors = {
-    default: palette.accents_6,
-    primary: palette.primary,
-    secondary: palette.secondary,
-    success: palette.success,
-    warning: palette.warning,
-    error: palette.error,
-    info: palette.info
-  };
-  return color ? color : colors[type];
-};
-var LoadingComponent = React.forwardRef(({
-  children,
-  type = "default",
-  color,
-  className = "",
-  spaceRatio = 1,
-  ...props
-}, ref) => {
-  const theme = use_theme_default();
-  const {
-    SCALES
-  } = use_scale_default();
-  const classes = use_classes_default("loading-container", className);
-  const bgColor = useMemo(() => getIconBgColor(type, theme.palette, color), [type, theme.palette, color]);
-  return /* @__PURE__ */ jsxs("div", { ref, role: "status", ...props, className: _JSXStyle.dynamic([["1090444014", [SCALES.font(1), SCALES.width(1, "100%"), SCALES.height(1, "100%"), 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.accents_5, bgColor, spaceRatio]]]) + " " + (props && props.className != null && props.className || classes || ""), children: [
-    /* @__PURE__ */ jsxs("span", { className: _JSXStyle.dynamic([["1090444014", [SCALES.font(1), SCALES.width(1, "100%"), SCALES.height(1, "100%"), 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.accents_5, bgColor, spaceRatio]]]) + " loading", children: [
-      children && /* @__PURE__ */ jsx("label", { className: _JSXStyle.dynamic([["1090444014", [SCALES.font(1), SCALES.width(1, "100%"), SCALES.height(1, "100%"), 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.accents_5, bgColor, spaceRatio]]]), children }),
-      /* @__PURE__ */ jsx("i", { className: _JSXStyle.dynamic([["1090444014", [SCALES.font(1), SCALES.width(1, "100%"), SCALES.height(1, "100%"), 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.accents_5, bgColor, spaceRatio]]]) }),
-      /* @__PURE__ */ jsx("i", { className: _JSXStyle.dynamic([["1090444014", [SCALES.font(1), SCALES.width(1, "100%"), SCALES.height(1, "100%"), 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.accents_5, bgColor, spaceRatio]]]) }),
-      /* @__PURE__ */ jsx("i", { className: _JSXStyle.dynamic([["1090444014", [SCALES.font(1), SCALES.width(1, "100%"), SCALES.height(1, "100%"), 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.accents_5, bgColor, spaceRatio]]]) })
-    ] }),
-    /* @__PURE__ */ jsx(_JSXStyle, { id: "1090444014", dynamic: [SCALES.font(1), SCALES.width(1, "100%"), SCALES.height(1, "100%"), 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.accents_5, bgColor, spaceRatio], children: `.loading-container.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;font-size:${SCALES.font(1)};width:${SCALES.width(1, "100%")};height:${SCALES.height(1, "100%")};min-height:1em;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)};}label.__jsx-style-dynamic-selector{margin-right:0.5em;color:${theme.palette.accents_5};line-height:1;}label.__jsx-style-dynamic-selector *{margin:0;}.loading.__jsx-style-dynamic-selector{position:absolute;top:50%;left:50%;width:100%;height:100%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display: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;background-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}i.__jsx-style-dynamic-selector{width:0.25em;height:0.25em;border-radius:50%;background-color:${bgColor};margin:0 calc(0.25em / 2 * ${spaceRatio});display:inline-block;-webkit-animation:loading-blink-__jsx-style-dynamic-selector 1.4s infinite both;animation:loading-blink-__jsx-style-dynamic-selector 1.4s infinite both;}i.__jsx-style-dynamic-selector:nth-child(2){-webkit-animation-delay:0.2s;animation-delay:0.2s;}i.__jsx-style-dynamic-selector:nth-child(3){-webkit-animation-delay:0.4s;animation-delay:0.4s;}@-webkit-keyframes loading-blink-__jsx-style-dynamic-selector{0%{opacity:0.2;}20%{opacity:1;}100%{opacity:0.2;}}@keyframes loading-blink-__jsx-style-dynamic-selector{0%{opacity:0.2;}20%{opacity:1;}100%{opacity:0.2;}}` })
-  ] });
-});
-LoadingComponent.displayName = "BolioUILoading";
-var Loading = with_scale_default(LoadingComponent);
-var Loading_default = Loading;
-
-// core/Loading/index.ts
-var Loading_default2 = Loading_default;
-
-export {
-  Loading_default2 as Loading_default
-};