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

package/dist/chunk-4VCNNVZ4.js

@@ -0,0 +1,310 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunk33WYJZ4Fjs = require('./chunk-33WYJZ4F.js');
+
+
+var _chunkPJH7CP77js = require('./chunk-PJH7CP77.js');
+
+
+var _chunkIWMGNPNVjs = require('./chunk-IWMGNPNV.js');
+
+
+var _chunkBSDZWWUSjs = require('./chunk-BSDZWWUS.js');
+
+
+
+
+var _chunkS62PPQHNjs = require('./chunk-S62PPQHN.js');
+
+
+var _chunk45MVPPJNjs = require('./chunk-45MVPPJN.js');
+
+
+var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
+
+// core/Input/Input.tsx
+var _style = require('styled-jsx/style'); var _style2 = _interopRequireDefault(_style);
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+// core/Input/InputLabel.tsx
+
+
+var _jsxruntime = require('react/jsx-runtime');
+function InputLabel({
+  children,
+  isRight
+}) {
+  const theme = _chunk45MVPPJNjs.use_theme_default.call(void 0, );
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _style2.default.dynamic([["839392656", [theme.layout.gapHalf, theme.palette.accents_4, theme.palette.accents_1, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border]]]) + " " + ((isRight ? "right" : "") || ""), children: [
+    children,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "839392656", dynamic: [theme.layout.gapHalf, theme.palette.accents_4, theme.palette.accents_1, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border, theme.palette.border, theme.palette.border, theme.layout.radius, theme.layout.radius, theme.palette.border, theme.palette.border], children: `span.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:initial;height:100%;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:none;margin:0;padding:0 ${theme.layout.gapHalf};color:${theme.palette.accents_4};background-color:${theme.palette.accents_1};border-top-left-radius:${theme.layout.radius};border-bottom-left-radius:${theme.layout.radius};border-top:1px solid ${theme.palette.border};border-left:1px solid ${theme.palette.border};border-bottom:1px solid ${theme.palette.border};border-right:1px solid ${theme.palette.border};font-size:inherit;line-height:1;}span.right.__jsx-style-dynamic-selector{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:${theme.layout.radius};border-bottom-right-radius:${theme.layout.radius};border-left:1px solid ${theme.palette.border};border-right:1px solid ${theme.palette.border};}` })
+  ] });
+}
+var MemoInputLabel = _react2.default.memo(InputLabel);
+var InputLabel_default = MemoInputLabel;
+
+// core/Input/InputIcon.tsx
+
+
+
+function InputIconComponent({
+  icon,
+  clickable,
+  onClick
+}) {
+  const Component = clickable ? "button" : "span";
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Component, { type: clickable ? "button" : void 0, onClick, className: _style2.default.dynamic([["3353385227", [clickable ? "pointer" : "default", clickable ? "auto" : "none"]]]) + " input-icon", children: [
+    icon,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "3353385227", dynamic: [clickable ? "pointer" : "default", clickable ? "auto" : "none"], children: `.input-icon.__jsx-style-dynamic-selector{box-sizing:border-box;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:calc(var(--input-height) - 2px);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:100%;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;line-height:1;position:relative;cursor:${clickable ? "pointer" : "default"};pointer-events:${clickable ? "auto" : "none"};}.input-icon.__jsx-style-dynamic-selector svg{width:calc(var(--input-height) - 2px);height:calc(var(--input-height) - 2px);-webkit-transform:scale(0.44);-ms-transform:scale(0.44);transform:scale(0.44);}` })
+  ] });
+}
+InputIconComponent.displayName = "BolioUIInputIcon";
+var InputIcon = _react2.default.memo(InputIconComponent);
+var InputIcon_default = InputIcon;
+
+// core/Input/InputIconClear.tsx
+
+
+
+function InputIconClear({
+  onClick,
+  disabled,
+  visible
+}) {
+  const theme = _chunk45MVPPJNjs.use_theme_default.call(void 0, );
+  const classes = _chunk5KUROAEPjs.use_classes_default.call(void 0, "clear-icon", {
+    visible
+  });
+  const clickHandler = (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    event.nativeEvent.stopImmediatePropagation();
+    if (onClick) onClick(event);
+  };
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { onClick: clickHandler, className: _style2.default.dynamic([["1310084527", [disabled ? "not-allowed" : "pointer", theme.palette.accents_3, disabled ? theme.palette.accents_3 : theme.palette.foreground]]]) + " " + (classes || ""), children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", fill: "none", shapeRendering: "geometricPrecision", className: _style2.default.dynamic([["1310084527", [disabled ? "not-allowed" : "pointer", theme.palette.accents_3, disabled ? theme.palette.accents_3 : theme.palette.foreground]]]), children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M18 6L6 18", className: _style2.default.dynamic([["1310084527", [disabled ? "not-allowed" : "pointer", theme.palette.accents_3, disabled ? theme.palette.accents_3 : theme.palette.foreground]]]) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M6 6l12 12", className: _style2.default.dynamic([["1310084527", [disabled ? "not-allowed" : "pointer", theme.palette.accents_3, disabled ? theme.palette.accents_3 : theme.palette.foreground]]]) })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "1310084527", dynamic: [disabled ? "not-allowed" : "pointer", theme.palette.accents_3, disabled ? theme.palette.accents_3 : theme.palette.foreground], children: `.clear-icon.__jsx-style-dynamic-selector{box-sizing:border-box;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:calc(var(--input-height) - 2px);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;height:100%;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;cursor:${disabled ? "not-allowed" : "pointer"};-webkit-transition:color 150ms ease 0s;transition:color 150ms ease 0s;margin:0;padding:0;color:${theme.palette.accents_3};visibility:hidden;opacity:0;}.visible.__jsx-style-dynamic-selector{visibility:visible;opacity:1;}.clear-icon.__jsx-style-dynamic-selector:hover{color:${disabled ? theme.palette.accents_3 : theme.palette.foreground};}svg.__jsx-style-dynamic-selector{color:currentColor;width:calc(var(--input-height) - 2px);height:calc(var(--input-height) - 2px);-webkit-transform:scale(0.44);-ms-transform:scale(0.44);transform:scale(0.44);}` })
+  ] });
+}
+var MemoInputIconClear = _react2.default.memo(InputIconClear);
+var InputIconClear_default = MemoInputIconClear;
+
+// core/Input/InputProps.ts
+var defaultProps = {
+  disabled: false,
+  readOnly: false,
+  clearable: false,
+  iconClickable: false,
+  type: "default",
+  htmlType: "text",
+  autoComplete: "off",
+  className: "",
+  placeholder: "",
+  initialValue: ""
+};
+
+// core/Input/Input.tsx
+
+var simulateChangeEvent = (el, event) => {
+  return {
+    ...event,
+    target: el,
+    currentTarget: el
+  };
+};
+var InputComponent = _react2.default.forwardRef((inputComponentProps, ref) => {
+  const {
+    label,
+    labelRight,
+    type,
+    htmlType,
+    icon,
+    iconRight,
+    iconClickable,
+    onIconClick,
+    initialValue,
+    onChange,
+    readOnly,
+    value,
+    onClearClick,
+    clearable,
+    className,
+    onBlur,
+    onFocus,
+    autoComplete,
+    placeholder,
+    children,
+    disabled,
+    rounded,
+    backgroundColor,
+    borderColor,
+    hoverBorder,
+    error,
+    errorMessage,
+    ...props
+  } = _chunkBSDZWWUSjs.use_default_props_default.call(void 0, inputComponentProps, defaultProps);
+  const theme = _chunk45MVPPJNjs.use_theme_default.call(void 0, );
+  const {
+    SCALES
+  } = _chunkS62PPQHNjs.use_scale_default.call(void 0, );
+  const inputRef = _react.useRef.call(void 0, null);
+  _react.useImperativeHandle.call(void 0, ref, () => inputRef.current);
+  const generatedId = _react.useId.call(void 0, );
+  const inputId = props.id || generatedId;
+  const errorId = `${inputId}-error`;
+  const describedBy = [props["aria-describedby"], error && errorMessage ? errorId : void 0].filter(Boolean).join(" ") || void 0;
+  const [selfValue, setSelfValue] = _react.useState.call(void 0, "");
+  const [hover, setHover] = _react.useState.call(void 0, false);
+  const isControlledComponent = _react.useMemo.call(void 0, () => value !== void 0, [value]);
+  const labelClasses = _react.useMemo.call(void 0, () => labelRight ? "right-label" : label ? "left-label" : "", [label, labelRight]);
+  const iconClasses = _react.useMemo.call(void 0, () => iconRight ? "right-icon" : icon ? "left-icon" : "", [icon, iconRight]);
+  const colors = _react.useMemo.call(void 0, () => _chunkIWMGNPNVjs.getColors.call(void 0, theme.palette, type, disabled), [theme.palette, type, disabled]);
+  const changeHandler = (event) => {
+    if (disabled || readOnly) return;
+    setSelfValue(event.target.value);
+    if (onChange) onChange(event);
+  };
+  const clearHandler = (event) => {
+    setSelfValue("");
+    if (onClearClick) onClearClick(event);
+    if (!inputRef.current) return;
+    const changeEvent = simulateChangeEvent(inputRef.current, event);
+    changeEvent.target.value = "";
+    if (onChange) onChange(changeEvent);
+    inputRef.current.focus();
+  };
+  const focusHandler = (e) => {
+    setHover(true);
+    if (onFocus) onFocus(e);
+  };
+  const blurHandler = (e) => {
+    setHover(false);
+    if (onBlur) onBlur(e);
+  };
+  const iconClickHandler = (e) => {
+    if (disabled) return;
+    if (onIconClick) onIconClick(e);
+  };
+  const iconProps = {
+    clickable: iconClickable,
+    onClick: iconClickHandler
+  };
+  _react.useEffect.call(void 0, () => {
+    if (isControlledComponent) {
+      setSelfValue(value);
+    }
+  }, [isControlledComponent, value]);
+  const controlledValue = isControlledComponent ? {
+    value: selfValue
+  } : {
+    defaultValue: initialValue
+  };
+  const inputProps = {
+    ...props,
+    ...controlledValue
+  };
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _style2.default.dynamic([["807946411", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, "initial"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, "initial"), rounded ? "25px" : theme.layout.radius, borderColor ? borderColor : colors.borderColor, backgroundColor ? backgroundColor : colors.bgColor, hoverBorder ? hoverBorder : colors.hoverBorder, backgroundColor ? backgroundColor : colors.hoverBgColor, colors.hoverBorder, SCALES.font(0.875), colors.color, theme.palette.accents_3, theme.palette.background, colors.color]]]) + " with-label", children: [
+    children && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPJH7CP77js.InputBlockLabel_default, { htmlFor: inputId, children }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _style2.default.dynamic([["807946411", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, "initial"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, "initial"), rounded ? "25px" : theme.layout.radius, borderColor ? borderColor : colors.borderColor, backgroundColor ? backgroundColor : colors.bgColor, hoverBorder ? hoverBorder : colors.hoverBorder, backgroundColor ? backgroundColor : colors.hoverBgColor, colors.hoverBorder, SCALES.font(0.875), colors.color, theme.palette.accents_3, theme.palette.background, colors.color]]]) + " " + (_chunk5KUROAEPjs.use_classes_default.call(void 0, "input-container", className) || ""), children: [
+      label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InputLabel_default, { children: label }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _style2.default.dynamic([["807946411", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, "initial"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, "initial"), rounded ? "25px" : theme.layout.radius, borderColor ? borderColor : colors.borderColor, backgroundColor ? backgroundColor : colors.bgColor, hoverBorder ? hoverBorder : colors.hoverBorder, backgroundColor ? backgroundColor : colors.hoverBgColor, colors.hoverBorder, SCALES.font(0.875), colors.color, theme.palette.accents_3, theme.palette.background, colors.color]]]) + " " + (_chunk5KUROAEPjs.use_classes_default.call(void 0, "input-wrapper", {
+        hover,
+        disabled
+      }, labelClasses) || ""), children: [
+        icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InputIcon_default, { icon, ...iconProps }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "input", { type: htmlType, ref: inputRef, placeholder, disabled, readOnly, onFocus: focusHandler, onBlur: blurHandler, onChange: changeHandler, autoComplete, ...inputProps, id: inputId, "aria-invalid": error || void 0, "aria-describedby": describedBy, className: _style2.default.dynamic([["807946411", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, "initial"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, "initial"), rounded ? "25px" : theme.layout.radius, borderColor ? borderColor : colors.borderColor, backgroundColor ? backgroundColor : colors.bgColor, hoverBorder ? hoverBorder : colors.hoverBorder, backgroundColor ? backgroundColor : colors.hoverBgColor, colors.hoverBorder, SCALES.font(0.875), colors.color, theme.palette.accents_3, theme.palette.background, colors.color]]]) + " " + (inputProps && inputProps.className != null && inputProps.className || _chunk5KUROAEPjs.use_classes_default.call(void 0, {
+          disabled
+        }, iconClasses) || "") }),
+        clearable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InputIconClear_default, { visible: Boolean(inputRef.current && inputRef.current.value !== ""), disabled: disabled || readOnly, onClick: clearHandler }),
+        iconRight && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InputIcon_default, { icon: iconRight, ...iconProps })
+      ] }),
+      labelRight && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InputLabel_default, { isRight: true, children: labelRight })
+    ] }),
+    error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPJH7CP77js.InputBlockLabel_default, { error, id: errorId, children: errorMessage }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "807946411", dynamic: [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, "initial"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, "initial"), rounded ? "25px" : theme.layout.radius, borderColor ? borderColor : colors.borderColor, backgroundColor ? backgroundColor : colors.bgColor, hoverBorder ? hoverBorder : colors.hoverBorder, backgroundColor ? backgroundColor : colors.hoverBgColor, colors.hoverBorder, SCALES.font(0.875), colors.color, theme.palette.accents_3, theme.palette.background, colors.color], children: `.with-label.__jsx-style-dynamic-selector{display:inline-block;box-sizing:border-box;-webkit-box-align:center;--input-height:${SCALES.height(2.25)};font-size:${SCALES.font(0.875)};width:${SCALES.width(1, "initial")};padding:${SCALES.pt(0)} ${SCALES.pr(0)} ${SCALES.pb(0)} ${SCALES.pl(0)};margin:${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)};}.input-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;width:${SCALES.width(1, "initial")};height:var(--input-height);}.input-wrapper.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:${rounded ? "25px" : theme.layout.radius};border:1px solid ${borderColor ? borderColor : colors.borderColor};-webkit-transition: border 0.2s ease 0s, color 0.2s ease 0s;transition: border 0.2s ease 0s, color 0.2s ease 0s;background:${backgroundColor ? backgroundColor : colors.bgColor};}.input-wrapper.active.__jsx-style-dynamic-selector,.input-wrapper.__jsx-style-dynamic-selector:hover{border:1px solid ${hoverBorder ? hoverBorder : colors.hoverBorder};background:${backgroundColor ? backgroundColor : colors.hoverBgColor};}.input-wrapper.left-label.__jsx-style-dynamic-selector{border-top-left-radius:0;border-bottom-left-radius:0;}.input-wrapper.right-label.__jsx-style-dynamic-selector{border-top-right-radius:0;border-bottom-right-radius:0;}.input-wrapper.disabled.__jsx-style-dynamic-selector{cursor:not-allowed;}input.disabled.__jsx-style-dynamic-selector{cursor:not-allowed;}.input-wrapper.hover.__jsx-style-dynamic-selector{border-color:${colors.hoverBorder};}input.__jsx-style-dynamic-selector{margin:0.25em 0.625em;padding:0 4px;box-shadow:none;font-size:${SCALES.font(0.875)};background-color:transparent;border:none;color:${colors.color};outline:none;border-radius:0;width:100%;min-width:0;-webkit-appearance:none;}input.left-icon.__jsx-style-dynamic-selector{margin-left:0;}input.right-icon.__jsx-style-dynamic-selector{margin-right:0;}.__jsx-style-dynamic-selector::-webkit-input-placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:${theme.palette.accents_3};}.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:${theme.palette.accents_3};}.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:${theme.palette.accents_3};}.__jsx-style-dynamic-selector::placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:${theme.palette.accents_3};}.__jsx-style-dynamic-selector::-ms-reveal{display:none !important;}input.__jsx-style-dynamic-selector:-webkit-autofill,input.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:hover,input.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:active,input.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:focus{-webkit-box-shadow:0 0 0 30px ${theme.palette.background} inset !important;-webkit-text-fill-color:${colors.color} !important;}` })
+  ] });
+});
+InputComponent.displayName = "BolioUIInput";
+var Input = _chunkS62PPQHNjs.with_scale_default.call(void 0, InputComponent);
+var Input_default = Input;
+
+// core/Input/Password.tsx
+
+
+// core/Input/PasswordIcon.tsx
+
+
+function PasswordIcon({ visible }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      fill: "none",
+      shapeRendering: "geometricPrecision",
+      style: { color: "currentColor" },
+      role: "img",
+      "aria-label": visible ? "Hide password" : "Show password",
+      children: !visible ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "12", cy: "12", r: "3" })
+      ] }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M17.94 17.94A10.07 10.07 0 0112 20c-7 0-11-8-11-8a18.45 18.45 0 015.06-5.94M9.9 4.24A9.12 9.12 0 0112 4c7 0 11 8 11 8a18.5 18.5 0 01-2.16 3.19m-6.72-1.07a3 3 0 11-4.24-4.24" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M1 1l22 22" })
+      ] })
+    }
+  );
+}
+var MemoPasswordIcon = _react2.default.memo(PasswordIcon);
+var PasswordIcon_default = MemoPasswordIcon;
+
+// core/Input/Password.tsx
+
+var InputPasswordComponent = _react2.default.forwardRef(
+  ({
+    hideToggle = false,
+    children,
+    ...props
+  }, ref) => {
+    const { getAllScaleProps } = _chunkS62PPQHNjs.useScale.call(void 0, );
+    const inputRef = _react.useRef.call(void 0, null);
+    const [visible, setVisible] = _react.useState.call(void 0, false);
+    _react.useImperativeHandle.call(void 0, ref, () => inputRef.current);
+    const iconClickHandler = () => {
+      setVisible((v) => !v);
+      if (inputRef && inputRef.current) {
+        inputRef.current.focus();
+      }
+    };
+    const inputProps = {
+      ...props,
+      ref: inputRef,
+      iconClickable: true,
+      onIconClick: iconClickHandler,
+      htmlType: visible ? "text" : "password"
+    };
+    const icon = _react.useMemo.call(void 0, () => {
+      if (hideToggle) return null;
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PasswordIcon_default, { visible });
+    }, [hideToggle, visible]);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Input_default, { iconRight: icon, ...getAllScaleProps(), ...inputProps, children });
+  }
+);
+InputPasswordComponent.displayName = "BolioUIInputPassword";
+var InputPassword = _chunkS62PPQHNjs.with_scale_default.call(void 0, InputPasswordComponent);
+var Password_default = InputPassword;
+
+// core/Input/index.ts
+Input_default.Textarea = _chunk33WYJZ4Fjs.Textarea_default;
+Input_default.Password = Password_default;
+var Input_default2 = Input_default;
+
+
+
+exports.Input_default = Input_default2;

package/dist/chunk-5BRAW5HK.js

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkUVCSH6DWjs = require('./chunk-UVCSH6DW.js');
+
+// core/use-all-themes/index.ts
+var use_all_themes_default = _chunkUVCSH6DWjs.useAllThemes;
+
+
+
+exports.use_all_themes_default = use_all_themes_default;

package/dist/chunk-5GR6MFT5.js

@@ -0,0 +1,70 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkUF4IKEU2js = require('./chunk-UF4IKEU2.js');
+
+
+
+var _chunkS62PPQHNjs = require('./chunk-S62PPQHN.js');
+
+
+var _chunk45MVPPJNjs = require('./chunk-45MVPPJN.js');
+
+
+var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
+
+// core/Progress/Progress.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 getCurrentColor = (ratio, palette, type, colors = {}) => {
+  const defaultColors = {
+    default: palette.foreground,
+    primary: palette.primary,
+    success: palette.success,
+    secondary: palette.secondary,
+    warning: palette.warning,
+    error: palette.error,
+    info: palette.info
+  };
+  const colorKeys = Object.keys(colors);
+  if (colorKeys.length === 0) return defaultColors[type];
+  const customColorKey = colorKeys.find((key) => ratio <= +key);
+  if (!customColorKey || Number.isNaN(+customColorKey)) return defaultColors[type];
+  return colors[+customColorKey];
+};
+var ProgressComponent = _react2.default.forwardRef(({
+  value = 0,
+  max = 100,
+  className = "",
+  type = "default",
+  colors,
+  fixedTop = false,
+  fixedBottom = false,
+  ...props
+}, ref) => {
+  const theme = _chunk45MVPPJNjs.use_theme_default.call(void 0, );
+  const {
+    SCALES
+  } = _chunkS62PPQHNjs.use_scale_default.call(void 0, );
+  const percentValue = _chunkUF4IKEU2js.useProportions.call(void 0, value, max);
+  const currentColor = getCurrentColor(percentValue, theme.palette, type, colors);
+  const fixed = fixedTop || fixedBottom;
+  const classes = _chunk5KUROAEPjs.use_classes_default.call(void 0, "progress", {
+    fixed
+  }, className);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref, className: _style2.default.dynamic([["4156751558", [theme.palette.accents_2, theme.layout.radius, SCALES.width(1, "100%"), SCALES.height(0.625), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), fixedTop ? 0 : "unset", fixedBottom ? 0 : "unset", theme.layout.radius, currentColor, percentValue]]]) + " " + (classes || ""), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { title: `${percentValue}%`, className: _style2.default.dynamic([["4156751558", [theme.palette.accents_2, theme.layout.radius, SCALES.width(1, "100%"), SCALES.height(0.625), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), fixedTop ? 0 : "unset", fixedBottom ? 0 : "unset", theme.layout.radius, currentColor, percentValue]]]) + " inner" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "progress", { value, max, ...props, className: _style2.default.dynamic([["4156751558", [theme.palette.accents_2, theme.layout.radius, SCALES.width(1, "100%"), SCALES.height(0.625), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), fixedTop ? 0 : "unset", fixedBottom ? 0 : "unset", theme.layout.radius, currentColor, percentValue]]]) + " " + (props && props.className != null && props.className || className || "") }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "4156751558", dynamic: [theme.palette.accents_2, theme.layout.radius, SCALES.width(1, "100%"), SCALES.height(0.625), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), fixedTop ? 0 : "unset", fixedBottom ? 0 : "unset", theme.layout.radius, currentColor, percentValue], children: `progress.__jsx-style-dynamic-selector{position:fixed;top:-1000px;opacity:0;visibility:hidden;pointer-events:none;}.progress.__jsx-style-dynamic-selector{position:relative;background-color:${theme.palette.accents_2};border-radius:${theme.layout.radius};width:${SCALES.width(1, "100%")};height:${SCALES.height(0.625)};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)};}.fixed.__jsx-style-dynamic-selector{position:fixed;top:${fixedTop ? 0 : "unset"};bottom:${fixedBottom ? 0 : "unset"};left:0;border-radius:0;}.fixed.__jsx-style-dynamic-selector>.inner.__jsx-style-dynamic-selector{border-radius:0;}.inner.__jsx-style-dynamic-selector{position:absolute;top:0;left:0;height:100%;bottom:0;-webkit-transition:all 100ms ease-in;transition:all 100ms ease-in;border-radius:${theme.layout.radius};background-color:${currentColor};width:${percentValue}%;}` })
+  ] });
+});
+ProgressComponent.displayName = "BolioUIProgress";
+var Progress = _chunkS62PPQHNjs.with_scale_default.call(void 0, ProgressComponent);
+var Progress_default = Progress;
+
+// core/Progress/index.ts
+var Progress_default2 = Progress_default;
+
+
+
+exports.Progress_default = Progress_default2;

package/dist/chunk-5JAYTLFV.js

@@ -0,0 +1,227 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkHKOESPKZjs = require('./chunk-HKOESPKZ.js');
+
+
+var _chunkAXYDJGTNjs = require('./chunk-AXYDJGTN.js');
+
+
+var _chunkZRORQ2WHjs = require('./chunk-ZRORQ2WH.js');
+
+
+var _chunk33BUV2RXjs = require('./chunk-33BUV2RX.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/Collapse/Collapse.tsx
+var _style = require('styled-jsx/style'); var _style2 = _interopRequireDefault(_style);
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+// core/Collapse/CollapseIcon.tsx
+
+
+var _jsxruntime = require('react/jsx-runtime');
+function CollapseIcon({
+  active
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", fill: "none", shapeRendering: "geometricPrecision", style: {
+    color: "currentColor"
+  }, className: _style2.default.dynamic([["2249786880", [active ? "-180deg" : "0"]]]), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M6 9l6 6 6-6", className: _style2.default.dynamic([["2249786880", [active ? "-180deg" : "0"]]]) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "2249786880", dynamic: [active ? "-180deg" : "0"], children: `svg.__jsx-style-dynamic-selector{-webkit-transition:-webkit-transform 200ms ease;-webkit-transition:transform 200ms ease;transition:transform 200ms ease;-webkit-transform:rotateZ(${active ? "-180deg" : "0"});-ms-transform:rotateZ(${active ? "-180deg" : "0"});transform:rotateZ(${active ? "-180deg" : "0"});width:1.5em;height:1.5em;}` })
+  ] });
+}
+var MemoCollapseIcon = _react2.default.memo(CollapseIcon);
+var CollapseIcon_default = MemoCollapseIcon;
+
+// core/Shared/expand.tsx
+
+
+
+function Expand({
+  isExpanded = false,
+  delay = 200,
+  children
+}) {
+  const [height, setHeight] = _react.useState.call(void 0, isExpanded ? "auto" : "0");
+  const [selfExpanded, setSelfExpanded] = _react.useState.call(void 0, isExpanded);
+  const [visible, setVisible] = _react.useState.call(void 0, isExpanded);
+  const contentRef = _react.useRef.call(void 0, null);
+  const entryTimer = _react.useRef.call(void 0, void 0);
+  const leaveTimer = _react.useRef.call(void 0, void 0);
+  const resetTimer = _react.useRef.call(void 0, void 0);
+  const [state, updateShape] = _chunkHKOESPKZjs.use_real_shape_default.call(void 0, contentRef);
+  const classes = _chunk5KUROAEPjs.use_classes_default.call(void 0, "container", {
+    expanded: selfExpanded
+  });
+  _react.useEffect.call(void 0, () => setHeight(`${state.height}px`), [state.height]);
+  const latest = _chunkZRORQ2WHjs.use_latest_default.call(void 0, {
+    delay,
+    shapeHeight: state.height
+  });
+  _react.useEffect.call(void 0, () => {
+    const {
+      delay: delay2,
+      shapeHeight
+    } = latest.current;
+    if (isExpanded) {
+      setVisible(isExpanded);
+    } else {
+      updateShape();
+      setHeight(`${shapeHeight}px`);
+    }
+    entryTimer.current = window.setTimeout(() => {
+      setSelfExpanded(isExpanded);
+      clearTimeout(entryTimer.current);
+    }, 30);
+    if (isExpanded) {
+      resetTimer.current = window.setTimeout(() => {
+        setHeight("auto");
+        clearTimeout(resetTimer.current);
+      }, delay2);
+    } else {
+      leaveTimer.current = window.setTimeout(() => {
+        setVisible(isExpanded);
+        clearTimeout(leaveTimer.current);
+      }, delay2 / 2);
+    }
+    return () => {
+      clearTimeout(entryTimer.current);
+      clearTimeout(leaveTimer.current);
+      clearTimeout(resetTimer.current);
+    };
+  }, [isExpanded, updateShape, latest]);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _style2.default.dynamic([["1918690829", [visible ? "visible" : "hidden", delay, height]]]) + " " + (classes || ""), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: contentRef, className: _style2.default.dynamic([["1918690829", [visible ? "visible" : "hidden", delay, height]]]) + " content", children }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "1918690829", dynamic: [visible ? "visible" : "hidden", delay, height], children: `.container.__jsx-style-dynamic-selector{padding:0;margin:0;height:0;overflow:hidden;visibility:${visible ? "visible" : "hidden"};-webkit-transition:height ${delay}ms ease;transition:height ${delay}ms ease;}.expanded.__jsx-style-dynamic-selector{height:${height};visibility:visible;}` })
+  ] });
+}
+Expand.displayName = "BolioUIExpand";
+var expand_default = Expand;
+
+// core/Collapse/CollapseContext.ts
+
+var defaultContext = {
+  values: []
+};
+var CollapseContext = _react2.default.createContext(defaultContext);
+var useCollapseContext = () => _react2.default.useContext(CollapseContext);
+
+// core/Collapse/Collapse.tsx
+
+var CollapseComponent = _react2.default.forwardRef(({
+  children,
+  title,
+  subtitle,
+  initialVisible = false,
+  shadow = false,
+  className = "",
+  index,
+  ...props
+}, ref) => {
+  const theme = _chunk45MVPPJNjs.use_theme_default.call(void 0, );
+  const {
+    SCALES
+  } = _chunkS62PPQHNjs.use_scale_default.call(void 0, );
+  const {
+    values,
+    updateValues
+  } = useCollapseContext();
+  const [visible, setVisible, visibleRef] = _chunk33BUV2RXjs.use_current_state_default.call(void 0, initialVisible);
+  const classes = _chunk5KUROAEPjs.use_classes_default.call(void 0, "collapse", {
+    shadow
+  }, className);
+  if (!title) {
+    _chunkAXYDJGTNjs.log_warning_default.call(void 0, '"title" is required.', "Collapse");
+  }
+  _react.useEffect.call(void 0, () => {
+    if (!values.length) return;
+    const isActive = !!values.find((item) => item === index);
+    setVisible(isActive);
+  }, [index, setVisible, values]);
+  const clickHandler = () => {
+    const next = !visibleRef.current;
+    setVisible(next);
+    if (updateValues) updateValues(index, next);
+  };
+  const keyDownHandler = (event) => {
+    if (event.key !== "Enter" && event.key !== " ") return;
+    event.preventDefault();
+    clickHandler();
+  };
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref, ...props, className: _style2.default.dynamic([["1468217834", [theme.palette.border, theme.palette.border, SCALES.font(1), SCALES.width(1, "auto"), SCALES.height(1, "auto"), SCALES.pt(1.2), SCALES.pr(0), SCALES.pb(1.2), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme.expressiveness.shadowSmall, theme.layout.radius, theme.layout.gap, theme.palette.primary, theme.palette.foreground, theme.palette.accents_5, SCALES.pt(1.2), SCALES.pr(0), SCALES.pb(1.2), SCALES.pl(0)]]]) + " " + (props && props.className != null && props.className || classes || ""), children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { role: "button", tabIndex: 0, "aria-expanded": visible, onClick: clickHandler, onKeyDown: keyDownHandler, className: _style2.default.dynamic([["1468217834", [theme.palette.border, theme.palette.border, SCALES.font(1), SCALES.width(1, "auto"), SCALES.height(1, "auto"), SCALES.pt(1.2), SCALES.pr(0), SCALES.pb(1.2), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme.expressiveness.shadowSmall, theme.layout.radius, theme.layout.gap, theme.palette.primary, theme.palette.foreground, theme.palette.accents_5, SCALES.pt(1.2), SCALES.pr(0), SCALES.pb(1.2), SCALES.pl(0)]]]) + " view", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _style2.default.dynamic([["1468217834", [theme.palette.border, theme.palette.border, SCALES.font(1), SCALES.width(1, "auto"), SCALES.height(1, "auto"), SCALES.pt(1.2), SCALES.pr(0), SCALES.pb(1.2), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme.expressiveness.shadowSmall, theme.layout.radius, theme.layout.gap, theme.palette.primary, theme.palette.foreground, theme.palette.accents_5, SCALES.pt(1.2), SCALES.pr(0), SCALES.pb(1.2), SCALES.pl(0)]]]) + " title", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: _style2.default.dynamic([["1468217834", [theme.palette.border, theme.palette.border, SCALES.font(1), SCALES.width(1, "auto"), SCALES.height(1, "auto"), SCALES.pt(1.2), SCALES.pr(0), SCALES.pb(1.2), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme.expressiveness.shadowSmall, theme.layout.radius, theme.layout.gap, theme.palette.primary, theme.palette.foreground, theme.palette.accents_5, SCALES.pt(1.2), SCALES.pr(0), SCALES.pb(1.2), SCALES.pl(0)]]]), children: title }),
+        " ",
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CollapseIcon_default, { active: visible })
+      ] }),
+      subtitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _style2.default.dynamic([["1468217834", [theme.palette.border, theme.palette.border, SCALES.font(1), SCALES.width(1, "auto"), SCALES.height(1, "auto"), SCALES.pt(1.2), SCALES.pr(0), SCALES.pb(1.2), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme.expressiveness.shadowSmall, theme.layout.radius, theme.layout.gap, theme.palette.primary, theme.palette.foreground, theme.palette.accents_5, SCALES.pt(1.2), SCALES.pr(0), SCALES.pb(1.2), SCALES.pl(0)]]]) + " subtitle", children: subtitle })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, expand_default, { isExpanded: visible, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _style2.default.dynamic([["1468217834", [theme.palette.border, theme.palette.border, SCALES.font(1), SCALES.width(1, "auto"), SCALES.height(1, "auto"), SCALES.pt(1.2), SCALES.pr(0), SCALES.pb(1.2), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme.expressiveness.shadowSmall, theme.layout.radius, theme.layout.gap, theme.palette.primary, theme.palette.foreground, theme.palette.accents_5, SCALES.pt(1.2), SCALES.pr(0), SCALES.pb(1.2), SCALES.pl(0)]]]) + " content", children }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "1468217834", dynamic: [theme.palette.border, theme.palette.border, SCALES.font(1), SCALES.width(1, "auto"), SCALES.height(1, "auto"), SCALES.pt(1.2), SCALES.pr(0), SCALES.pb(1.2), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme.expressiveness.shadowSmall, theme.layout.radius, theme.layout.gap, theme.palette.primary, theme.palette.foreground, theme.palette.accents_5, SCALES.pt(1.2), SCALES.pr(0), SCALES.pb(1.2), SCALES.pl(0)], children: `.collapse.__jsx-style-dynamic-selector{border-top:1px solid ${theme.palette.border};border-bottom:1px solid ${theme.palette.border};font-size:${SCALES.font(1)};width:${SCALES.width(1, "auto")};height:${SCALES.height(1, "auto")};padding:${SCALES.pt(1.2)} ${SCALES.pr(0)} ${SCALES.pb(1.2)} ${SCALES.pl(0)};margin:${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)};}.shadow.__jsx-style-dynamic-selector{box-shadow:${theme.expressiveness.shadowSmall};border:none;border-radius:${theme.layout.radius};padding:${theme.layout.gap};}.view.__jsx-style-dynamic-selector{cursor:pointer;outline:none;}.view.__jsx-style-dynamic-selector:focus-visible{outline:2px solid ${theme.palette.primary};outline-offset:4px;}.title.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:${theme.palette.foreground};}.title.__jsx-style-dynamic-selector h3.__jsx-style-dynamic-selector{margin:0;font-size:1.5em;}.subtitle.__jsx-style-dynamic-selector{color:${theme.palette.accents_5};margin:0;}.subtitle.__jsx-style-dynamic-selector>*{margin:0;}.content.__jsx-style-dynamic-selector{font-size:inherit;line-height:1.6em;padding:${SCALES.pt(1.2)} ${SCALES.pr(0)} ${SCALES.pb(1.2)} ${SCALES.pl(0)};}.content.__jsx-style-dynamic-selector>*:first-child{margin-top:0;}.content.__jsx-style-dynamic-selector>*:last-child{margin-bottom:0;}` })
+  ] });
+});
+CollapseComponent.displayName = "BolioUICollapse";
+var Collapse = _chunkS62PPQHNjs.with_scale_default.call(void 0, CollapseComponent);
+var Collapse_default = Collapse;
+
+// core/Collapse/CollapseGroup.tsx
+
+
+
+function CollapseGroupComponent({
+  children,
+  accordion = true,
+  className = "",
+  ...props
+}) {
+  const {
+    SCALES
+  } = _chunkS62PPQHNjs.use_scale_default.call(void 0, );
+  const [state, setState, stateRef] = _chunk33BUV2RXjs.use_current_state_default.call(void 0, []);
+  const classes = _chunk5KUROAEPjs.use_classes_default.call(void 0, "collapse-group", className);
+  const updateValues = _react.useCallback.call(void 0, (currentIndex, nextState) => {
+    const hasChild = stateRef.current.find((val) => val === currentIndex);
+    if (accordion) {
+      if (nextState) return setState([currentIndex]);
+      return setState([]);
+    }
+    if (nextState) {
+      if (hasChild) return;
+      return setState([...stateRef.current, currentIndex]);
+    }
+    setState(stateRef.current.filter((item) => item !== currentIndex));
+  }, [accordion, stateRef, setState]);
+  const initialValue = _react.useMemo.call(void 0, () => ({
+    values: state,
+    updateValues
+  }), [state, updateValues]);
+  const hasIndexChildren = _react.useMemo.call(void 0, () => _chunkUX2B3G6Ujs.setChildrenIndex.call(void 0, children, [Collapse_default]), [children]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CollapseContext.Provider, { value: initialValue, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ...props, className: _style2.default.dynamic([["1712563073", [SCALES.width(1, "auto"), SCALES.height(1, "auto"), SCALES.pt(0), SCALES.pr(0.6), SCALES.pb(0), SCALES.pl(0.6), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]]) + " " + (props && props.className != null && props.className || classes || ""), children: [
+    hasIndexChildren,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "1712563073", dynamic: [SCALES.width(1, "auto"), SCALES.height(1, "auto"), SCALES.pt(0), SCALES.pr(0.6), SCALES.pb(0), SCALES.pl(0.6), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)], children: `.collapse-group.__jsx-style-dynamic-selector{width:${SCALES.width(1, "auto")};height:${SCALES.height(1, "auto")};padding:${SCALES.pt(0)} ${SCALES.pr(0.6)} ${SCALES.pb(0)} ${SCALES.pl(0.6)};margin:${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)};}.collapse-group.__jsx-style-dynamic-selector>div + div{border-top:none;}` })
+  ] }) });
+}
+CollapseGroupComponent.displayName = "BolioUICollapseGroup";
+var CollapseGroup = _chunkS62PPQHNjs.with_scale_default.call(void 0, CollapseGroupComponent);
+var CollapseGroup_default = CollapseGroup;
+
+// core/Collapse/index.ts
+Collapse_default.Group = CollapseGroup_default;
+var Collapse_default2 = Collapse_default;
+
+
+
+exports.Collapse_default = Collapse_default2;