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

package/esm/chunk-3XTTDT42.js

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

package/esm/chunk-4RJGB3WA.js

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

package/esm/chunk-4VCNNVZ4.js

@@ -1,310 +0,0 @@
-import {
-  Textarea_default
-} from "./chunk-33WYJZ4F.js";
-import {
-  InputBlockLabel_default
-} from "./chunk-PJH7CP77.js";
-import {
-  getColors
-} from "./chunk-IWMGNPNV.js";
-import {
-  use_default_props_default
-} from "./chunk-BSDZWWUS.js";
-import {
-  useScale,
-  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/Input/Input.tsx
-import _JSXStyle4 from "styled-jsx/style";
-import React4, { useEffect, useId, useImperativeHandle, useMemo, useRef, useState } from "react";
-
-// core/Input/InputLabel.tsx
-import _JSXStyle from "styled-jsx/style";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function InputLabel({
-  children,
-  isRight
-}) {
-  const theme = use_theme_default();
-  return /* @__PURE__ */ jsxs("span", { className: _JSXStyle.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__ */ jsx(_JSXStyle, { 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 = React.memo(InputLabel);
-var InputLabel_default = MemoInputLabel;
-
-// core/Input/InputIcon.tsx
-import _JSXStyle2 from "styled-jsx/style";
-import React2 from "react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function InputIconComponent({
-  icon,
-  clickable,
-  onClick
-}) {
-  const Component = clickable ? "button" : "span";
-  return /* @__PURE__ */ jsxs2(Component, { type: clickable ? "button" : void 0, onClick, className: _JSXStyle2.dynamic([["3353385227", [clickable ? "pointer" : "default", clickable ? "auto" : "none"]]]) + " input-icon", children: [
-    icon,
-    /* @__PURE__ */ jsx2(_JSXStyle2, { 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.memo(InputIconComponent);
-var InputIcon_default = InputIcon;
-
-// core/Input/InputIconClear.tsx
-import _JSXStyle3 from "styled-jsx/style";
-import React3 from "react";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-function InputIconClear({
-  onClick,
-  disabled,
-  visible
-}) {
-  const theme = use_theme_default();
-  const classes = use_classes_default("clear-icon", {
-    visible
-  });
-  const clickHandler = (event) => {
-    event.preventDefault();
-    event.stopPropagation();
-    event.nativeEvent.stopImmediatePropagation();
-    if (onClick) onClick(event);
-  };
-  return /* @__PURE__ */ jsxs3("div", { onClick: clickHandler, className: _JSXStyle3.dynamic([["1310084527", [disabled ? "not-allowed" : "pointer", theme.palette.accents_3, disabled ? theme.palette.accents_3 : theme.palette.foreground]]]) + " " + (classes || ""), 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([["1310084527", [disabled ? "not-allowed" : "pointer", theme.palette.accents_3, disabled ? theme.palette.accents_3 : theme.palette.foreground]]]), children: [
-      /* @__PURE__ */ jsx3("path", { d: "M18 6L6 18", className: _JSXStyle3.dynamic([["1310084527", [disabled ? "not-allowed" : "pointer", theme.palette.accents_3, disabled ? theme.palette.accents_3 : theme.palette.foreground]]]) }),
-      /* @__PURE__ */ jsx3("path", { d: "M6 6l12 12", className: _JSXStyle3.dynamic([["1310084527", [disabled ? "not-allowed" : "pointer", theme.palette.accents_3, disabled ? theme.palette.accents_3 : theme.palette.foreground]]]) })
-    ] }),
-    /* @__PURE__ */ jsx3(_JSXStyle3, { 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 = React3.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
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-var simulateChangeEvent = (el, event) => {
-  return {
-    ...event,
-    target: el,
-    currentTarget: el
-  };
-};
-var InputComponent = React4.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
-  } = use_default_props_default(inputComponentProps, defaultProps);
-  const theme = use_theme_default();
-  const {
-    SCALES
-  } = use_scale_default();
-  const inputRef = useRef(null);
-  useImperativeHandle(ref, () => inputRef.current);
-  const generatedId = useId();
-  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] = useState("");
-  const [hover, setHover] = useState(false);
-  const isControlledComponent = useMemo(() => value !== void 0, [value]);
-  const labelClasses = useMemo(() => labelRight ? "right-label" : label ? "left-label" : "", [label, labelRight]);
-  const iconClasses = useMemo(() => iconRight ? "right-icon" : icon ? "left-icon" : "", [icon, iconRight]);
-  const colors = useMemo(() => getColors(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
-  };
-  useEffect(() => {
-    if (isControlledComponent) {
-      setSelfValue(value);
-    }
-  }, [isControlledComponent, value]);
-  const controlledValue = isControlledComponent ? {
-    value: selfValue
-  } : {
-    defaultValue: initialValue
-  };
-  const inputProps = {
-    ...props,
-    ...controlledValue
-  };
-  return /* @__PURE__ */ jsxs4("div", { className: _JSXStyle4.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__ */ jsx4(InputBlockLabel_default, { htmlFor: inputId, children }),
-    /* @__PURE__ */ jsxs4("div", { className: _JSXStyle4.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]]]) + " " + (use_classes_default("input-container", className) || ""), children: [
-      label && /* @__PURE__ */ jsx4(InputLabel_default, { children: label }),
-      /* @__PURE__ */ jsxs4("div", { className: _JSXStyle4.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]]]) + " " + (use_classes_default("input-wrapper", {
-        hover,
-        disabled
-      }, labelClasses) || ""), children: [
-        icon && /* @__PURE__ */ jsx4(InputIcon_default, { icon, ...iconProps }),
-        /* @__PURE__ */ jsx4("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: _JSXStyle4.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 || use_classes_default({
-          disabled
-        }, iconClasses) || "") }),
-        clearable && /* @__PURE__ */ jsx4(InputIconClear_default, { visible: Boolean(inputRef.current && inputRef.current.value !== ""), disabled: disabled || readOnly, onClick: clearHandler }),
-        iconRight && /* @__PURE__ */ jsx4(InputIcon_default, { icon: iconRight, ...iconProps })
-      ] }),
-      labelRight && /* @__PURE__ */ jsx4(InputLabel_default, { isRight: true, children: labelRight })
-    ] }),
-    error && /* @__PURE__ */ jsx4(InputBlockLabel_default, { error, id: errorId, children: errorMessage }),
-    /* @__PURE__ */ jsx4(_JSXStyle4, { 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 = with_scale_default(InputComponent);
-var Input_default = Input;
-
-// core/Input/Password.tsx
-import React6, { useImperativeHandle as useImperativeHandle2, useMemo as useMemo2, useRef as useRef2, useState as useState2 } from "react";
-
-// core/Input/PasswordIcon.tsx
-import React5 from "react";
-import { Fragment, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
-function PasswordIcon({ visible }) {
-  return /* @__PURE__ */ jsx5(
-    "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__ */ jsxs5(Fragment, { children: [
-        /* @__PURE__ */ jsx5("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
-        /* @__PURE__ */ jsx5("circle", { cx: "12", cy: "12", r: "3" })
-      ] }) : /* @__PURE__ */ jsxs5(Fragment, { children: [
-        /* @__PURE__ */ jsx5("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__ */ jsx5("path", { d: "M1 1l22 22" })
-      ] })
-    }
-  );
-}
-var MemoPasswordIcon = React5.memo(PasswordIcon);
-var PasswordIcon_default = MemoPasswordIcon;
-
-// core/Input/Password.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
-var InputPasswordComponent = React6.forwardRef(
-  ({
-    hideToggle = false,
-    children,
-    ...props
-  }, ref) => {
-    const { getAllScaleProps } = useScale();
-    const inputRef = useRef2(null);
-    const [visible, setVisible] = useState2(false);
-    useImperativeHandle2(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 = useMemo2(() => {
-      if (hideToggle) return null;
-      return /* @__PURE__ */ jsx6(PasswordIcon_default, { visible });
-    }, [hideToggle, visible]);
-    return /* @__PURE__ */ jsx6(Input_default, { iconRight: icon, ...getAllScaleProps(), ...inputProps, children });
-  }
-);
-InputPasswordComponent.displayName = "BolioUIInputPassword";
-var InputPassword = with_scale_default(InputPasswordComponent);
-var Password_default = InputPassword;
-
-// core/Input/index.ts
-Input_default.Textarea = Textarea_default;
-Input_default.Password = Password_default;
-var Input_default2 = Input_default;
-
-export {
-  Input_default2 as Input_default
-};

package/esm/chunk-5GR6MFT5.js

@@ -1,70 +0,0 @@
-import {
-  useProportions
-} from "./chunk-UF4IKEU2.js";
-import {
-  use_scale_default,
-  with_scale_default
-} from "./chunk-S62PPQHN.js";
-import {
-  use_theme_default
-} from "./chunk-45MVPPJN.js";
-import {
-  use_classes_default
-} from "./chunk-5KUROAEP.js";
-
-// core/Progress/Progress.tsx
-import _JSXStyle from "styled-jsx/style";
-import React from "react";
-import { jsx, jsxs } from "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 = React.forwardRef(({
-  value = 0,
-  max = 100,
-  className = "",
-  type = "default",
-  colors,
-  fixedTop = false,
-  fixedBottom = false,
-  ...props
-}, ref) => {
-  const theme = use_theme_default();
-  const {
-    SCALES
-  } = use_scale_default();
-  const percentValue = useProportions(value, max);
-  const currentColor = getCurrentColor(percentValue, theme.palette, type, colors);
-  const fixed = fixedTop || fixedBottom;
-  const classes = use_classes_default("progress", {
-    fixed
-  }, className);
-  return /* @__PURE__ */ jsxs("div", { ref, className: _JSXStyle.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__ */ jsx("div", { title: `${percentValue}%`, className: _JSXStyle.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__ */ jsx("progress", { value, max, ...props, className: _JSXStyle.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__ */ jsx(_JSXStyle, { 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 = with_scale_default(ProgressComponent);
-var Progress_default = Progress;
-
-// core/Progress/index.ts
-var Progress_default2 = Progress_default;
-
-export {
-  Progress_default2 as Progress_default
-};