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

package/esm/chunk-HMOOLCMA.js

@@ -1,401 +0,0 @@
-import {
-  dropdown_default
-} from "./chunk-OFNHKVGZ.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/Menu/Menu.tsx
-import _JSXStyle2 from "styled-jsx/style";
-import React3, { useId, useRef as useRef2, useState as useState2 } from "react";
-
-// core/Menu/MenuContext.ts
-import React from "react";
-var MenuContext = React.createContext({
-  close: () => void 0
-});
-var MenuListContext = React.createContext({
-  openSub: null,
-  setOpenSub: () => void 0
-});
-var MenuRadioContext = React.createContext({});
-
-// core/Menu/MenuList.tsx
-import _JSXStyle from "styled-jsx/style";
-import { useContext, useEffect, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var TYPEAHEAD_RESET = 500;
-var MenuList = ({
-  id,
-  labelledBy,
-  focus,
-  onLeave,
-  isSub = false,
-  className = "",
-  children
-}) => {
-  const theme = use_theme_default();
-  const {
-    SCALES
-  } = use_scale_default();
-  const {
-    close
-  } = useContext(MenuContext);
-  const listRef = useRef(null);
-  const [openSub, setOpenSub] = useState(null);
-  const typed = useRef({
-    text: "",
-    at: 0
-  });
-  const getItems = () => {
-    var _a, _b;
-    return Array.from((_b = (_a = listRef.current) == null ? void 0 : _a.querySelectorAll('[role^="menuitem"]')) != null ? _b : []).filter((item) => item.closest('[role="menu"]') === listRef.current && item.getAttribute("aria-disabled") !== "true");
-  };
-  useEffect(() => {
-    var _a, _b;
-    if (focus === "list") return (_a = listRef.current) == null ? void 0 : _a.focus();
-    const items = getItems();
-    const target = focus === "first" ? items[0] : items[items.length - 1];
-    (_b = target != null ? target : listRef.current) == null ? void 0 : _b.focus();
-  }, []);
-  const typeahead = (key, items, index) => {
-    const now = Date.now();
-    const text = now - typed.current.at > TYPEAHEAD_RESET ? key.toLowerCase() : typed.current.text + key.toLowerCase();
-    typed.current = {
-      text,
-      at: now
-    };
-    const search = [...text].every((char) => char === text[0]) ? text[0] : text;
-    const start = search === text && text.length > 1 ? index : index + 1;
-    const ordered = [...items.slice(start), ...items.slice(0, start)];
-    const match = ordered.find((item) => {
-      var _a;
-      return (_a = item.textContent) == null ? void 0 : _a.trim().toLowerCase().startsWith(search);
-    });
-    match == null ? void 0 : match.focus();
-  };
-  const keyDownHandler = (event) => {
-    const target = event.target;
-    if (target.closest('[role="menu"]') !== listRef.current) return;
-    const items = getItems();
-    const index = items.indexOf(target);
-    const focusAt = (next) => {
-      var _a;
-      event.preventDefault();
-      (_a = items[(next + items.length) % items.length]) == null ? void 0 : _a.focus();
-    };
-    switch (event.key) {
-      case "ArrowDown":
-        return focusAt(index + 1);
-      case "ArrowUp":
-        return focusAt(index < 0 ? items.length - 1 : index - 1);
-      case "Home":
-        return focusAt(0);
-      case "End":
-        return focusAt(items.length - 1);
-      case "Enter":
-      case " ":
-        event.preventDefault();
-        if (index >= 0) items[index].click();
-        return;
-      case "ArrowRight":
-        if (index >= 0 && items[index].hasAttribute("aria-haspopup")) {
-          event.preventDefault();
-          items[index].click();
-        }
-        return;
-      case "ArrowLeft":
-        if (!isSub) return;
-        event.preventDefault();
-        return onLeave();
-      case "Escape":
-        event.preventDefault();
-        event.stopPropagation();
-        return onLeave();
-      case "Tab":
-        event.preventDefault();
-        return close(true);
-    }
-    const isCharacter = event.key.length === 1 && !event.ctrlKey && !event.metaKey && !event.altKey;
-    if (isCharacter) typeahead(event.key, items, index);
-  };
-  return /* @__PURE__ */ jsx(MenuListContext.Provider, { value: {
-    openSub,
-    setOpenSub
-  }, children: /* @__PURE__ */ jsxs("div", { ref: listRef, id, role: "menu", tabIndex: -1, "aria-labelledby": labelledBy, "aria-orientation": "vertical", onKeyDown: keyDownHandler, className: _JSXStyle.dynamic([["680378988", [SCALES.font(0.875), theme.palette.foreground, theme.palette.background, theme.palette.border, theme.layout.radius, theme.expressiveness.shadowMedium]]]) + ` menu-list ${isSub ? "sub" : ""} ${className}`, children: [
-    children,
-    /* @__PURE__ */ jsx(_JSXStyle, { id: "680378988", dynamic: [SCALES.font(0.875), theme.palette.foreground, theme.palette.background, theme.palette.border, theme.layout.radius, theme.expressiveness.shadowMedium], children: `.menu-list.__jsx-style-dynamic-selector{box-sizing:border-box;min-width:12em;padding:0.25em;font-size:${SCALES.font(0.875)};color:${theme.palette.foreground};background-color:${theme.palette.background};border:1px solid ${theme.palette.border};border-radius:${theme.layout.radius};box-shadow:${theme.expressiveness.shadowMedium};outline:none;}.sub.__jsx-style-dynamic-selector{position:absolute;top:calc(-0.25em - 1px);left:calc(100% + 0.25em);z-index:1;font-size:1em;}` })
-  ] }) });
-};
-var MenuList_default = MenuList;
-
-// core/Menu/Menu.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var MenuComponent = React3.forwardRef(({
-  trigger,
-  visible: customVisible,
-  initialVisible = false,
-  onVisibleChange,
-  getPopupContainer,
-  className = "",
-  children,
-  ...props
-}, ref) => {
-  const baseId = useId();
-  const menuId = `${baseId}-menu`;
-  const triggerId = trigger.props.id || `${baseId}-trigger`;
-  const wrapperRef = useRef2(null);
-  const focus = useRef2("list");
-  const isControlled = customVisible !== void 0;
-  const [selfVisible, setSelfVisible] = useState2(initialVisible);
-  const visible = isControlled ? customVisible : selfVisible;
-  const setVisible = (next) => {
-    if (next === visible) return;
-    if (!isControlled) setSelfVisible(next);
-    onVisibleChange == null ? void 0 : onVisibleChange(next);
-  };
-  const close = (returnFocus) => {
-    var _a;
-    setVisible(false);
-    if (returnFocus) (_a = document.getElementById(triggerId)) == null ? void 0 : _a.focus();
-  };
-  const setRefs = (element) => {
-    wrapperRef.current = element;
-    if (typeof ref === "function") ref(element);
-    else if (ref) ref.current = element;
-  };
-  use_click_away_default(wrapperRef, () => visible && setVisible(false));
-  const clickHandler = (event) => {
-    var _a, _b;
-    (_b = (_a = trigger.props).onClick) == null ? void 0 : _b.call(_a, event);
-    if (event.defaultPrevented) return;
-    focus.current = event.detail === 0 ? "first" : "list";
-    setVisible(!visible);
-  };
-  const keyDownHandler = (event) => {
-    var _a, _b;
-    (_b = (_a = trigger.props).onKeyDown) == null ? void 0 : _b.call(_a, event);
-    if (event.defaultPrevented) return;
-    if (event.key !== "ArrowDown" && event.key !== "ArrowUp") return;
-    event.preventDefault();
-    focus.current = event.key === "ArrowDown" ? "first" : "last";
-    setVisible(true);
-  };
-  return /* @__PURE__ */ jsx2(MenuContext.Provider, { value: {
-    close
-  }, children: /* @__PURE__ */ jsxs2("div", { ref: setRefs, ...props, className: "jsx-3416932714 " + (props && props.className != null && props.className || use_classes_default("menu", className) || ""), children: [
-    React3.cloneElement(trigger, {
-      id: triggerId,
-      "aria-haspopup": "menu",
-      "aria-expanded": visible,
-      "aria-controls": visible ? menuId : void 0,
-      onClick: clickHandler,
-      onKeyDown: keyDownHandler
-    }),
-    /* @__PURE__ */ jsx2(dropdown_default, { parent: wrapperRef, visible, disableMatchWidth: true, getPopupContainer, children: /* @__PURE__ */ jsx2(MenuList_default, { id: menuId, labelledBy: triggerId, focus: focus.current, onLeave: () => close(true), children }) }),
-    /* @__PURE__ */ jsx2(_JSXStyle2, { id: "3416932714", children: ".menu.jsx-3416932714{display:inline-block;}" })
-  ] }) });
-});
-MenuComponent.displayName = "BolioUIMenu";
-var Menu = with_scale_default(MenuComponent);
-var Menu_default = Menu;
-
-// core/Menu/MenuSub.tsx
-import _JSXStyle4 from "styled-jsx/style";
-import React5, { useContext as useContext3, useId as useId2, useRef as useRef3 } from "react";
-
-// core/Menu/MenuItem.tsx
-import _JSXStyle3 from "styled-jsx/style";
-import React4, { useContext as useContext2 } from "react";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var Check = () => /* @__PURE__ */ jsx3("svg", { viewBox: "0 0 24 24", width: "1em", height: "1em", "aria-hidden": "true", children: /* @__PURE__ */ jsx3("path", { d: "M20 6 9 17l-5-5", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
-var Dot = () => /* @__PURE__ */ jsx3("svg", { viewBox: "0 0 24 24", width: "1em", height: "1em", "aria-hidden": "true", children: /* @__PURE__ */ jsx3("circle", { cx: "12", cy: "12", r: "4", fill: "currentColor" }) });
-var MenuItemBase = React4.forwardRef(({
-  role,
-  icon,
-  shortcut,
-  disabled = false,
-  type = "default",
-  disableAutoClose = false,
-  checked,
-  indicator,
-  onChoose,
-  trailing,
-  onClick,
-  onMouseMove,
-  className = "",
-  children,
-  ...props
-}, ref) => {
-  const theme = use_theme_default();
-  const {
-    close
-  } = useContext2(MenuContext);
-  const {
-    setOpenSub
-  } = useContext2(MenuListContext);
-  const classes = use_classes_default("menu-item", type, className);
-  const clickHandler = (event) => {
-    if (disabled) return;
-    onClick == null ? void 0 : onClick(event);
-    if (event.defaultPrevented) return;
-    onChoose == null ? void 0 : onChoose();
-    if (!disableAutoClose) close(true);
-  };
-  const mouseMoveHandler = (event) => {
-    onMouseMove == null ? void 0 : onMouseMove(event);
-    if (disabled || event.defaultPrevented) return;
-    if (!props["aria-haspopup"]) setOpenSub(null);
-    if (document.activeElement !== event.currentTarget) event.currentTarget.focus();
-  };
-  return /* @__PURE__ */ jsxs3("div", { ref, role, tabIndex: -1, "aria-checked": role === "menuitem" ? void 0 : Boolean(checked), "aria-disabled": disabled || void 0, onClick: clickHandler, onMouseMove: mouseMoveHandler, ...props, className: _JSXStyle3.dynamic([["3093615983", [theme.palette.foreground, theme.palette.accents_2, theme.palette.error, theme.palette.errorLight, theme.palette.errorDark, theme.palette.accents_4, theme.palette.accents_5]]]) + " " + (props && props.className != null && props.className || classes || ""), children: [
-    indicator && /* @__PURE__ */ jsx3("span", { className: _JSXStyle3.dynamic([["3093615983", [theme.palette.foreground, theme.palette.accents_2, theme.palette.error, theme.palette.errorLight, theme.palette.errorDark, theme.palette.accents_4, theme.palette.accents_5]]]) + " indicator", children: checked && (indicator === "check" ? /* @__PURE__ */ jsx3(Check, {}) : /* @__PURE__ */ jsx3(Dot, {})) }),
-    icon && /* @__PURE__ */ jsx3("span", { className: _JSXStyle3.dynamic([["3093615983", [theme.palette.foreground, theme.palette.accents_2, theme.palette.error, theme.palette.errorLight, theme.palette.errorDark, theme.palette.accents_4, theme.palette.accents_5]]]) + " icon", children: icon }),
-    /* @__PURE__ */ jsx3("span", { className: _JSXStyle3.dynamic([["3093615983", [theme.palette.foreground, theme.palette.accents_2, theme.palette.error, theme.palette.errorLight, theme.palette.errorDark, theme.palette.accents_4, theme.palette.accents_5]]]) + " label", children }),
-    shortcut && /* @__PURE__ */ jsx3("span", { "aria-hidden": "true", className: _JSXStyle3.dynamic([["3093615983", [theme.palette.foreground, theme.palette.accents_2, theme.palette.error, theme.palette.errorLight, theme.palette.errorDark, theme.palette.accents_4, theme.palette.accents_5]]]) + " shortcut", children: shortcut }),
-    trailing,
-    /* @__PURE__ */ jsx3(_JSXStyle3, { id: "3093615983", dynamic: [theme.palette.foreground, theme.palette.accents_2, theme.palette.error, theme.palette.errorLight, theme.palette.errorDark, theme.palette.accents_4, theme.palette.accents_5], children: `.menu-item.__jsx-style-dynamic-selector{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;gap:0.5em;box-sizing:border-box;min-height:2.25em;padding:0.375em 0.75em;border-radius:4px;line-height:1.25em;color:${theme.palette.foreground};cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;}.menu-item.__jsx-style-dynamic-selector:focus,.menu-item[aria-expanded='true'].__jsx-style-dynamic-selector{background-color:${theme.palette.accents_2};}.menu-item.error.__jsx-style-dynamic-selector{color:${theme.palette.error};}.menu-item.error.__jsx-style-dynamic-selector:focus{background-color:${theme.palette.errorLight};color:${theme.palette.errorDark};}.menu-item[aria-disabled='true'].__jsx-style-dynamic-selector{color:${theme.palette.accents_4};cursor:not-allowed;}.indicator.__jsx-style-dynamic-selector,.icon.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-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:1em;}.label.__jsx-style-dynamic-selector{-webkit-flex:1;-ms-flex:1;flex:1;white-space:nowrap;}.shortcut.__jsx-style-dynamic-selector{padding-left:1.5em;font-size:0.875em;color:${theme.palette.accents_5};}` })
-  ] });
-});
-MenuItemBase.displayName = "BolioUIMenuItemBase";
-var MenuItem = React4.forwardRef((props, ref) => /* @__PURE__ */ jsx3(MenuItemBase, { ref, role: "menuitem", ...props }));
-MenuItem.displayName = "BolioUIMenuItem";
-var MenuCheckboxItem = React4.forwardRef(({
-  checked = false,
-  onChange,
-  disableAutoClose = true,
-  ...props
-}, ref) => /* @__PURE__ */ jsx3(MenuItemBase, { ref, role: "menuitemcheckbox", indicator: "check", checked, disableAutoClose, onChoose: () => onChange == null ? void 0 : onChange(!checked), ...props }));
-MenuCheckboxItem.displayName = "BolioUIMenuCheckboxItem";
-var MenuRadioItem = React4.forwardRef(({
-  value,
-  disableAutoClose = true,
-  ...props
-}, ref) => {
-  const group = useContext2(MenuRadioContext);
-  return /* @__PURE__ */ jsx3(MenuItemBase, { ref, role: "menuitemradio", indicator: "dot", checked: group.value === value, disableAutoClose, onChoose: () => {
-    var _a;
-    return (_a = group.onChange) == null ? void 0 : _a.call(group, value);
-  }, ...props });
-});
-MenuRadioItem.displayName = "BolioUIMenuRadioItem";
-var MenuRadioGroup = React4.forwardRef(({
-  value,
-  onChange,
-  children,
-  ...props
-}, ref) => /* @__PURE__ */ jsx3(MenuRadioContext.Provider, { value: {
-  value,
-  onChange
-}, children: /* @__PURE__ */ jsx3("div", { ref, role: "group", ...props, children }) }));
-MenuRadioGroup.displayName = "BolioUIMenuRadioGroup";
-var MenuLabel = React4.forwardRef(({
-  className = "",
-  children,
-  ...props
-}, ref) => {
-  const theme = use_theme_default();
-  return /* @__PURE__ */ jsxs3("div", { ref, role: "presentation", ...props, className: _JSXStyle3.dynamic([["2624534348", [theme.palette.accents_5]]]) + " " + (props && props.className != null && props.className || `menu-label ${className}`), children: [
-    children,
-    /* @__PURE__ */ jsx3(_JSXStyle3, { id: "2624534348", dynamic: [theme.palette.accents_5], children: `.menu-label.__jsx-style-dynamic-selector{padding:0.375em 0.75em;font-size:0.8125em;font-weight:500;color:${theme.palette.accents_5};-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}` })
-  ] });
-});
-MenuLabel.displayName = "BolioUIMenuLabel";
-var MenuDivider = React4.forwardRef(({
-  className = "",
-  ...props
-}, ref) => {
-  const theme = use_theme_default();
-  return /* @__PURE__ */ jsx3("div", { ref, role: "separator", ...props, className: _JSXStyle3.dynamic([["2981772682", [theme.palette.border]]]) + " " + (props && props.className != null && props.className || `menu-divider ${className}`), children: /* @__PURE__ */ jsx3(_JSXStyle3, { id: "2981772682", dynamic: [theme.palette.border], children: `.menu-divider.__jsx-style-dynamic-selector{height:1px;margin:0.25em -0.25em;background-color:${theme.palette.border};}` }) });
-});
-MenuDivider.displayName = "BolioUIMenuDivider";
-
-// core/Menu/MenuSub.tsx
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-var Chevron = () => /* @__PURE__ */ jsx4("svg", { viewBox: "0 0 24 24", width: "1em", height: "1em", "aria-hidden": "true", children: /* @__PURE__ */ jsx4("path", { d: "m9 18 6-6-6-6", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
-var MenuSub = React5.forwardRef(({
-  label,
-  icon,
-  disabled = false,
-  children,
-  ...props
-}, ref) => {
-  const baseId = useId2();
-  const triggerId = `${baseId}-trigger`;
-  const listId = `${baseId}-menu`;
-  const {
-    openSub,
-    setOpenSub
-  } = useContext3(MenuListContext);
-  const open = openSub === listId;
-  const focus = useRef3("list");
-  const triggerRef = useRef3(null);
-  const setRefs = (element) => {
-    triggerRef.current = element;
-    if (typeof ref === "function") ref(element);
-    else if (ref) ref.current = element;
-  };
-  const openWith = (next) => {
-    focus.current = next;
-    setOpenSub(listId);
-  };
-  const leave = () => {
-    var _a;
-    setOpenSub(null);
-    (_a = triggerRef.current) == null ? void 0 : _a.focus();
-  };
-  return /* @__PURE__ */ jsxs4("div", { role: "none", className: "jsx-2447129102 menu-sub", children: [
-    /* @__PURE__ */ jsx4(
-      MenuItemBase,
-      {
-        ref: setRefs,
-        id: triggerId,
-        role: "menuitem",
-        icon,
-        disabled,
-        disableAutoClose: true,
-        "aria-haspopup": "menu",
-        "aria-expanded": open,
-        "aria-controls": open ? listId : void 0,
-        onClick: (event) => {
-          var _a, _b;
-          const fromKeyboard = event.detail === 0;
-          if (!open) return openWith(fromKeyboard ? "first" : "list");
-          if (fromKeyboard) (_b = (_a = document.getElementById(listId)) == null ? void 0 : _a.querySelector('[role^="menuitem"]:not([aria-disabled="true"])')) == null ? void 0 : _b.focus();
-        },
-        onMouseEnter: () => !disabled && !open && openWith("list"),
-        trailing: /* @__PURE__ */ jsx4("span", { className: "jsx-2447129102 chevron", children: /* @__PURE__ */ jsx4(Chevron, {}) }),
-        ...props,
-        children: label
-      }
-    ),
-    open && /* @__PURE__ */ jsx4(MenuList_default, { id: listId, labelledBy: triggerId, focus: focus.current, onLeave: leave, isSub: true, children }),
-    /* @__PURE__ */ jsx4(_JSXStyle4, { id: "2447129102", children: ".menu-sub.jsx-2447129102{position:relative;}.chevron.jsx-2447129102{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;margin-left:auto;padding-left:1em;}" })
-  ] });
-});
-MenuSub.displayName = "BolioUIMenuSub";
-var MenuSub_default = MenuSub;
-
-// core/Menu/index.ts
-Menu_default.Item = MenuItem;
-Menu_default.CheckboxItem = MenuCheckboxItem;
-Menu_default.RadioGroup = MenuRadioGroup;
-Menu_default.RadioItem = MenuRadioItem;
-Menu_default.Label = MenuLabel;
-Menu_default.Divider = MenuDivider;
-Menu_default.Sub = MenuSub_default;
-var Menu_default2 = Menu_default;
-
-export {
-  Menu_default2 as Menu_default
-};

package/esm/chunk-HMOTWEQB.js

@@ -1,113 +0,0 @@
-import {
-  use_scale_default,
-  with_scale_default
-} from "./chunk-S62PPQHN.js";
-import {
-  use_theme_default
-} from "./chunk-45MVPPJN.js";
-import {
-  use_classes_default
-} from "./chunk-5KUROAEP.js";
-
-// core/Stepper/Stepper.tsx
-import _JSXStyle from "styled-jsx/style";
-import React2 from "react";
-
-// core/Stepper/StepperContext.ts
-import React from "react";
-var StepperContext = React.createContext({
-  index: 0,
-  active: 0,
-  isLast: true,
-  orientation: "horizontal"
-});
-
-// core/Stepper/Stepper.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var StepperComponent = React2.forwardRef(({
-  active,
-  onStepClick,
-  orientation = "horizontal",
-  className = "",
-  children,
-  ...props
-}, ref) => {
-  const theme = use_theme_default();
-  const {
-    SCALES
-  } = use_scale_default();
-  const steps = React2.Children.toArray(children).filter(React2.isValidElement);
-  const classes = use_classes_default("stepper", orientation, className);
-  return /* @__PURE__ */ jsxs("ol", { ref, ...props, className: _JSXStyle.dynamic([["4100811214", [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.width(1, "auto"), SCALES.font(0.875), theme.palette.foreground]]]) + " " + (props && props.className != null && props.className || classes || ""), children: [
-    steps.map((step, index) => {
-      var _a;
-      return /* @__PURE__ */ jsx(StepperContext.Provider, { value: {
-        index,
-        active,
-        isLast: index === steps.length - 1,
-        orientation,
-        onStepClick
-      }, children: step }, (_a = step.key) != null ? _a : index);
-    }),
-    /* @__PURE__ */ jsx(_JSXStyle, { id: "4100811214", dynamic: [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.width(1, "auto"), SCALES.font(0.875), theme.palette.foreground], children: `.stepper.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;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)};width:${SCALES.width(1, "auto")};font-size:${SCALES.font(0.875)};color:${theme.palette.foreground};list-style:none;}.vertical.__jsx-style-dynamic-selector{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}` })
-  ] });
-});
-StepperComponent.displayName = "BolioUIStepper";
-var Stepper = with_scale_default(StepperComponent);
-var Stepper_default = Stepper;
-
-// core/Stepper/StepperStep.tsx
-import _JSXStyle2 from "styled-jsx/style";
-import React3, { useContext } from "react";
-import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var Check = () => /* @__PURE__ */ jsx2("svg", { viewBox: "0 0 24 24", width: "1em", height: "1em", "aria-hidden": "true", children: /* @__PURE__ */ jsx2("path", { d: "M20 6 9 17l-5-5", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
-var StepperStep = React3.forwardRef(({
-  label,
-  description,
-  icon,
-  error = false,
-  disabled = false,
-  className = "",
-  ...props
-}, ref) => {
-  const theme = use_theme_default();
-  const {
-    index,
-    active,
-    isLast,
-    orientation,
-    onStepClick
-  } = useContext(StepperContext);
-  const state = index < active ? "completed" : index === active ? "current" : "upcoming";
-  const classes = use_classes_default("step", state, orientation, {
-    error,
-    last: isLast
-  }, className);
-  const status = error ? "Error" : state === "completed" ? "Completed" : "";
-  const content = /* @__PURE__ */ jsxs2(Fragment, { children: [
-    /* @__PURE__ */ jsx2("span", { className: "indicator", "aria-hidden": "true", children: icon != null ? icon : error ? "!" : state === "completed" ? /* @__PURE__ */ jsx2(Check, {}) : index + 1 }),
-    /* @__PURE__ */ jsxs2("span", { className: "text", children: [
-      /* @__PURE__ */ jsx2("span", { className: "label", children: label }),
-      description && /* @__PURE__ */ jsx2("span", { className: "description", children: description }),
-      status && /* @__PURE__ */ jsxs2("span", { className: "sr-only", children: [
-        ", ",
-        status
-      ] })
-    ] })
-  ] });
-  return /* @__PURE__ */ jsxs2("li", { ref, "aria-current": state === "current" ? "step" : void 0, ...props, className: _JSXStyle2.dynamic([["3738191881", [theme.layout.radius, theme.palette.primary, theme.palette.accents_5, theme.palette.border, theme.palette.background, theme.palette.primary, theme.palette.primary, theme.palette.background, theme.palette.primary, theme.palette.primary, theme.palette.background, theme.palette.error, theme.palette.error, theme.palette.accents_5, theme.palette.error, theme.palette.accents_5, theme.palette.border, theme.palette.primary]]]) + " " + (props && props.className != null && props.className || classes || ""), children: [
-    onStepClick ? /* @__PURE__ */ jsx2("button", { type: "button", disabled, onClick: () => onStepClick(index), className: _JSXStyle2.dynamic([["3738191881", [theme.layout.radius, theme.palette.primary, theme.palette.accents_5, theme.palette.border, theme.palette.background, theme.palette.primary, theme.palette.primary, theme.palette.background, theme.palette.primary, theme.palette.primary, theme.palette.background, theme.palette.error, theme.palette.error, theme.palette.accents_5, theme.palette.error, theme.palette.accents_5, theme.palette.border, theme.palette.primary]]]) + " head", children: content }) : /* @__PURE__ */ jsx2("div", { className: _JSXStyle2.dynamic([["3738191881", [theme.layout.radius, theme.palette.primary, theme.palette.accents_5, theme.palette.border, theme.palette.background, theme.palette.primary, theme.palette.primary, theme.palette.background, theme.palette.primary, theme.palette.primary, theme.palette.background, theme.palette.error, theme.palette.error, theme.palette.accents_5, theme.palette.error, theme.palette.accents_5, theme.palette.border, theme.palette.primary]]]) + " head", children: content }),
-    !isLast && /* @__PURE__ */ jsx2("span", { "aria-hidden": "true", className: _JSXStyle2.dynamic([["3738191881", [theme.layout.radius, theme.palette.primary, theme.palette.accents_5, theme.palette.border, theme.palette.background, theme.palette.primary, theme.palette.primary, theme.palette.background, theme.palette.primary, theme.palette.primary, theme.palette.background, theme.palette.error, theme.palette.error, theme.palette.accents_5, theme.palette.error, theme.palette.accents_5, theme.palette.border, theme.palette.primary]]]) + " connector" }),
-    /* @__PURE__ */ jsx2(_JSXStyle2, { id: "3738191881", dynamic: [theme.layout.radius, theme.palette.primary, theme.palette.accents_5, theme.palette.border, theme.palette.background, theme.palette.primary, theme.palette.primary, theme.palette.background, theme.palette.primary, theme.palette.primary, theme.palette.background, theme.palette.error, theme.palette.error, theme.palette.accents_5, theme.palette.error, theme.palette.accents_5, theme.palette.border, theme.palette.primary], children: `.step.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:0;}.step.last.__jsx-style-dynamic-selector{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;}.step.vertical.__jsx-style-dynamic-selector{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}.head.__jsx-style-dynamic-selector{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;gap:0.75em;margin:0;padding:0;font:inherit;text-align:left;color:inherit;background:none;border:0;border-radius:${theme.layout.radius};}button.head.__jsx-style-dynamic-selector{cursor:pointer;}button.head.__jsx-style-dynamic-selector:disabled{cursor:not-allowed;opacity:0.6;}button.head.__jsx-style-dynamic-selector:focus-visible{outline:2px solid ${theme.palette.primary};outline-offset:2px;}.indicator.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-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;box-sizing:border-box;width:2em;height:2em;font-weight:600;border-radius:50%;color:${theme.palette.accents_5};border:1px solid ${theme.palette.border};background-color:${theme.palette.background};-webkit-transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;}.current.__jsx-style-dynamic-selector .indicator.__jsx-style-dynamic-selector{color:${theme.palette.primary};border:2px solid ${theme.palette.primary};}.completed.__jsx-style-dynamic-selector .indicator.__jsx-style-dynamic-selector{color:${theme.palette.background};background-color:${theme.palette.primary};border-color:${theme.palette.primary};}.error.__jsx-style-dynamic-selector .indicator.__jsx-style-dynamic-selector{color:${theme.palette.background};background-color:${theme.palette.error};border-color:${theme.palette.error};}.text.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;line-height:1.3em;}.label.__jsx-style-dynamic-selector{font-weight:500;white-space:nowrap;}.upcoming.__jsx-style-dynamic-selector .label.__jsx-style-dynamic-selector{color:${theme.palette.accents_5};}.error.__jsx-style-dynamic-selector .label.__jsx-style-dynamic-selector{color:${theme.palette.error};}.description.__jsx-style-dynamic-selector{font-size:0.875em;color:${theme.palette.accents_5};}.connector.__jsx-style-dynamic-selector{-webkit-flex:1;-ms-flex:1;flex:1;height:2px;min-width:1.5em;margin:0 0.75em;background-color:${theme.palette.border};}.completed.__jsx-style-dynamic-selector .connector.__jsx-style-dynamic-selector{background-color:${theme.palette.primary};}.vertical.__jsx-style-dynamic-selector .connector.__jsx-style-dynamic-selector{-webkit-flex:none;-ms-flex:none;flex:none;width:2px;height:auto;min-width:0;min-height:1.5em;margin:0.25em 0 0.25em calc(1em - 1px);}.sr-only.__jsx-style-dynamic-selector{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);white-space:nowrap;border:0;}` })
-  ] });
-});
-StepperStep.displayName = "BolioUIStepperStep";
-var StepperStep_default = StepperStep;
-
-// core/Stepper/index.ts
-Stepper_default.Step = StepperStep_default;
-var Stepper_default2 = Stepper_default;
-
-export {
-  Stepper_default2 as Stepper_default
-};

package/esm/chunk-HX5M3GSJ.js

@@ -1,63 +0,0 @@
-import {
-  use_theme_default
-} from "./chunk-45MVPPJN.js";
-import {
-  use_classes_default
-} from "./chunk-5KUROAEP.js";
-
-// core/Row/Row.tsx
-import _JSXStyle from "styled-jsx/style";
-import React, { useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var defaultProps = {
-  gap: 0,
-  justify: "start",
-  align: "top",
-  component: "div",
-  className: ""
-};
-var getFlexAlignment = (justify, align) => {
-  const flexJustifyMap = {
-    end: "flex-end",
-    center: "center",
-    "space-around": "space-around",
-    "space-between": "space-between"
-  };
-  const flexAlignMap = {
-    middle: "center",
-    bottom: "flex-end"
-  };
-  return {
-    justifyValue: flexJustifyMap[justify] || "normal",
-    alignValue: flexAlignMap[align] || "normal"
-  };
-};
-var Row = React.forwardRef(({
-  children,
-  component = defaultProps.component,
-  gap = defaultProps.gap,
-  justify = defaultProps.justify,
-  align = defaultProps.align,
-  className = defaultProps.className,
-  ...props
-}, ref) => {
-  const Component = component;
-  const theme = use_theme_default();
-  const {
-    justifyValue,
-    alignValue
-  } = useMemo(() => getFlexAlignment(justify, align), [justify, align]);
-  return /* @__PURE__ */ jsxs(Component, { ref, ...props, className: _JSXStyle.dynamic([["2627703425", [gap, theme.layout.gap, gap, theme.layout.gap, gap, theme.layout.gap, justifyValue, alignValue]]]) + " " + (props && props.className != null && props.className || use_classes_default("row", className) || ""), children: [
-    children,
-    /* @__PURE__ */ jsx(_JSXStyle, { id: "2627703425", dynamic: [gap, theme.layout.gap, gap, theme.layout.gap, gap, theme.layout.gap, justifyValue, alignValue], children: `.row.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;box-sizing:border-box;margin-left:calc(${gap} * ${theme.layout.gap} / 2);margin-right:calc(${gap} * ${theme.layout.gap} / 2);--row-gap:calc(${gap} * ${theme.layout.gap});-webkit-box-pack:${justifyValue};-webkit-justify-content:${justifyValue};-ms-flex-pack:${justifyValue};justify-content:${justifyValue};-webkit-align-items:${alignValue};-webkit-box-align:${alignValue};-ms-flex-align:${alignValue};align-items:${alignValue};}` })
-  ] });
-});
-Row.displayName = "BolioUIRow";
-var Row_default = Row;
-
-// core/Row/index.ts
-var Row_default2 = Row_default;
-
-export {
-  Row_default2 as Row_default
-};