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

package/esm/chunk-3XTTDT42.js

@@ -0,0 +1,72 @@
+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-45MVPPJN.js

@@ -0,0 +1,10 @@
+import {
+  useTheme
+} from "./chunk-TFZ2IGNH.js";
+
+// core/use-theme/index.ts
+var use_theme_default = useTheme;
+
+export {
+  use_theme_default
+};

package/esm/chunk-4RJGB3WA.js

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

@@ -0,0 +1,310 @@
+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-5BRAW5HK.js

@@ -0,0 +1,10 @@
+import {
+  useAllThemes
+} from "./chunk-UVCSH6DW.js";
+
+// core/use-all-themes/index.ts
+var use_all_themes_default = useAllThemes;
+
+export {
+  use_all_themes_default
+};

package/esm/chunk-5GR6MFT5.js

@@ -0,0 +1,70 @@
+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
+};