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

package/dist/chunk-HH2IP5Z4.js

@@ -0,0 +1,189 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+
+var _chunkS62PPQHNjs = require('./chunk-S62PPQHN.js');
+
+
+var _chunk45MVPPJNjs = require('./chunk-45MVPPJN.js');
+
+
+
+var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
+
+// core/Calendar/Calendar.tsx
+var _style = require('styled-jsx/style'); var _style2 = _interopRequireDefault(_style);
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+// core/Calendar/date-utils.ts
+var startOfDay = (date) => new Date(date.getFullYear(), date.getMonth(), date.getDate());
+var addDays = (date, amount) => new Date(date.getFullYear(), date.getMonth(), date.getDate() + amount);
+var addMonths = (date, amount) => {
+  const target = new Date(date.getFullYear(), date.getMonth() + amount, 1);
+  const lastDay = new Date(
+    target.getFullYear(),
+    target.getMonth() + 1,
+    0
+  ).getDate();
+  return new Date(
+    target.getFullYear(),
+    target.getMonth(),
+    Math.min(date.getDate(), lastDay)
+  );
+};
+var isSameDay = (a, b) => a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
+var clampDate = (date, min, max) => {
+  if (min && date < min) return min;
+  if (max && date > max) return max;
+  return date;
+};
+var pad = (value) => String(value).padStart(2, "0");
+var toISO = (date) => `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`;
+var fromISO = (text) => {
+  const match = /^(\d{4})-(\d{2})-(\d{2})$/.exec(text.trim());
+  if (!match) return null;
+  const [year, month, day] = [+match[1], +match[2], +match[3]];
+  const date = new Date(year, month - 1, day);
+  const isReal = date.getFullYear() === year && date.getMonth() === month - 1 && date.getDate() === day;
+  return isReal ? date : null;
+};
+
+// core/Calendar/Calendar.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var CalendarComponent = _react2.default.forwardRef(({
+  value: customValue,
+  onChange,
+  min,
+  max,
+  locale = "en-US",
+  weekStartsOn = 0,
+  autoFocus = false,
+  previousLabel = "Previous month",
+  nextLabel = "Next month",
+  className = "",
+  ...props
+}, ref) => {
+  const theme = _chunk45MVPPJNjs.use_theme_default.call(void 0, );
+  const {
+    SCALES
+  } = _chunkS62PPQHNjs.use_scale_default.call(void 0, );
+  const headingId = _react.useId.call(void 0, );
+  const minDay = _react.useMemo.call(void 0, () => min ? startOfDay(min) : void 0, [min]);
+  const maxDay = _react.useMemo.call(void 0, () => max ? startOfDay(max) : void 0, [max]);
+  const [selfValue, setSelfValue] = _react.useState.call(void 0, null);
+  const selected = customValue !== void 0 ? customValue : selfValue;
+  const [focused, setFocused] = _react.useState.call(void 0, () => clampDate(startOfDay(selected || /* @__PURE__ */ new Date()), minDay, maxDay));
+  const gridRef = _react.useRef.call(void 0, null);
+  const moveFocus = _react.useRef.call(void 0, autoFocus);
+  const time = selected ? selected.getTime() : null;
+  _react.useEffect.call(void 0, () => {
+    if (time === null) return;
+    setFocused(clampDate(startOfDay(new Date(time)), minDay, maxDay));
+  }, [time, minDay, maxDay]);
+  _react.useEffect.call(void 0, () => {
+    var _a, _b;
+    if (!moveFocus.current) return;
+    moveFocus.current = false;
+    (_b = (_a = gridRef.current) == null ? void 0 : _a.querySelector(`[data-date="${toISO(focused)}"]`)) == null ? void 0 : _b.focus();
+  }, [focused]);
+  const formats = _react.useMemo.call(void 0, () => ({
+    month: new Intl.DateTimeFormat(locale, {
+      month: "long",
+      year: "numeric"
+    }),
+    day: new Intl.DateTimeFormat(locale, {
+      weekday: "long",
+      year: "numeric",
+      month: "long",
+      day: "numeric"
+    }),
+    short: new Intl.DateTimeFormat(locale, {
+      weekday: "short"
+    }),
+    long: new Intl.DateTimeFormat(locale, {
+      weekday: "long"
+    })
+  }), [locale]);
+  const weekdays = _react.useMemo.call(void 0, () => Array.from({
+    length: 7
+  }, (_, index) => {
+    const date = new Date(2023, 0, 1 + (weekStartsOn + index) % 7);
+    return {
+      short: formats.short.format(date),
+      long: formats.long.format(date)
+    };
+  }), [formats, weekStartsOn]);
+  const year = focused.getFullYear();
+  const month = focused.getMonth();
+  const weeks = _react.useMemo.call(void 0, () => {
+    const offset = (new Date(year, month, 1).getDay() - weekStartsOn + 7) % 7;
+    const total = new Date(year, month + 1, 0).getDate();
+    const cells = [...Array.from({
+      length: offset
+    }, () => null), ...Array.from({
+      length: total
+    }, (_, index) => new Date(year, month, index + 1))];
+    while (cells.length % 7) cells.push(null);
+    return Array.from({
+      length: cells.length / 7
+    }, (_, index) => cells.slice(index * 7, index * 7 + 7));
+  }, [year, month, weekStartsOn]);
+  const isDisabled = (date) => Boolean(minDay && date < minDay || maxDay && date > maxDay);
+  const today = /* @__PURE__ */ new Date();
+  const previousDisabled = Boolean(minDay && new Date(year, month, 0) < minDay);
+  const nextDisabled = Boolean(maxDay && new Date(year, month + 1, 1) > maxDay);
+  const select = (date) => {
+    if (isDisabled(date)) return;
+    setFocused(date);
+    if (customValue === void 0) setSelfValue(date);
+    if (onChange) onChange(date);
+  };
+  const keyDownHandler = (event, date) => {
+    if (event.key === "Enter" || event.key === " ") {
+      event.preventDefault();
+      return select(date);
+    }
+    const weekIndex = (date.getDay() - weekStartsOn + 7) % 7;
+    const targets = {
+      ArrowLeft: addDays(date, -1),
+      ArrowRight: addDays(date, 1),
+      ArrowUp: addDays(date, -7),
+      ArrowDown: addDays(date, 7),
+      Home: addDays(date, -weekIndex),
+      End: addDays(date, 6 - weekIndex),
+      PageUp: addMonths(date, event.shiftKey ? -12 : -1),
+      PageDown: addMonths(date, event.shiftKey ? 12 : 1)
+    };
+    if (!(event.key in targets)) return;
+    event.preventDefault();
+    moveFocus.current = true;
+    setFocused(clampDate(targets[event.key], minDay, maxDay));
+  };
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref, ...props, className: _style2.default.dynamic([["697595925", [SCALES.font(1), theme.palette.foreground, SCALES.width(1, "auto"), 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.accents_5, theme.layout.radius, theme.palette.accents_2, theme.palette.primary, theme.palette.accents_3, theme.palette.accents_4, theme.palette.background, theme.palette.primary, theme.palette.primary]]]) + " " + (props && props.className != null && props.className || _chunk5KUROAEPjs.use_classes_default.call(void 0, "calendar", className) || ""), children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _style2.default.dynamic([["697595925", [SCALES.font(1), theme.palette.foreground, SCALES.width(1, "auto"), 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.accents_5, theme.layout.radius, theme.palette.accents_2, theme.palette.primary, theme.palette.accents_3, theme.palette.accents_4, theme.palette.background, theme.palette.primary, theme.palette.primary]]]) + " header", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { type: "button", "aria-label": previousLabel, disabled: previousDisabled, onClick: () => setFocused(clampDate(addMonths(focused, -1), minDay, maxDay)), className: _style2.default.dynamic([["697595925", [SCALES.font(1), theme.palette.foreground, SCALES.width(1, "auto"), 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.accents_5, theme.layout.radius, theme.palette.accents_2, theme.palette.primary, theme.palette.accents_3, theme.palette.accents_4, theme.palette.background, theme.palette.primary, theme.palette.primary]]]), children: "\u2039" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { id: headingId, "aria-live": "polite", className: _style2.default.dynamic([["697595925", [SCALES.font(1), theme.palette.foreground, SCALES.width(1, "auto"), 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.accents_5, theme.layout.radius, theme.palette.accents_2, theme.palette.primary, theme.palette.accents_3, theme.palette.accents_4, theme.palette.background, theme.palette.primary, theme.palette.primary]]]) + " title", children: formats.month.format(focused) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { type: "button", "aria-label": nextLabel, disabled: nextDisabled, onClick: () => setFocused(clampDate(addMonths(focused, 1), minDay, maxDay)), className: _style2.default.dynamic([["697595925", [SCALES.font(1), theme.palette.foreground, SCALES.width(1, "auto"), 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.accents_5, theme.layout.radius, theme.palette.accents_2, theme.palette.primary, theme.palette.accents_3, theme.palette.accents_4, theme.palette.background, theme.palette.primary, theme.palette.primary]]]), children: "\u203A" })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "table", { ref: gridRef, role: "grid", "aria-labelledby": headingId, className: _style2.default.dynamic([["697595925", [SCALES.font(1), theme.palette.foreground, SCALES.width(1, "auto"), 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.accents_5, theme.layout.radius, theme.palette.accents_2, theme.palette.primary, theme.palette.accents_3, theme.palette.accents_4, theme.palette.background, theme.palette.primary, theme.palette.primary]]]), children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "thead", { className: _style2.default.dynamic([["697595925", [SCALES.font(1), theme.palette.foreground, SCALES.width(1, "auto"), 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.accents_5, theme.layout.radius, theme.palette.accents_2, theme.palette.primary, theme.palette.accents_3, theme.palette.accents_4, theme.palette.background, theme.palette.primary, theme.palette.primary]]]), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { role: "row", className: _style2.default.dynamic([["697595925", [SCALES.font(1), theme.palette.foreground, SCALES.width(1, "auto"), 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.accents_5, theme.layout.radius, theme.palette.accents_2, theme.palette.primary, theme.palette.accents_3, theme.palette.accents_4, theme.palette.background, theme.palette.primary, theme.palette.primary]]]), children: weekdays.map((weekday) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "th", { role: "columnheader", scope: "col", className: _style2.default.dynamic([["697595925", [SCALES.font(1), theme.palette.foreground, SCALES.width(1, "auto"), 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.accents_5, theme.layout.radius, theme.palette.accents_2, theme.palette.primary, theme.palette.accents_3, theme.palette.accents_4, theme.palette.background, theme.palette.primary, theme.palette.primary]]]), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "abbr", { title: weekday.long, className: _style2.default.dynamic([["697595925", [SCALES.font(1), theme.palette.foreground, SCALES.width(1, "auto"), 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.accents_5, theme.layout.radius, theme.palette.accents_2, theme.palette.primary, theme.palette.accents_3, theme.palette.accents_4, theme.palette.background, theme.palette.primary, theme.palette.primary]]]), children: weekday.short }) }, weekday.long)) }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tbody", { className: _style2.default.dynamic([["697595925", [SCALES.font(1), theme.palette.foreground, SCALES.width(1, "auto"), 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.accents_5, theme.layout.radius, theme.palette.accents_2, theme.palette.primary, theme.palette.accents_3, theme.palette.accents_4, theme.palette.background, theme.palette.primary, theme.palette.primary]]]), children: weeks.map((week, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { role: "row", className: _style2.default.dynamic([["697595925", [SCALES.font(1), theme.palette.foreground, SCALES.width(1, "auto"), 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.accents_5, theme.layout.radius, theme.palette.accents_2, theme.palette.primary, theme.palette.accents_3, theme.palette.accents_4, theme.palette.background, theme.palette.primary, theme.palette.primary]]]), children: week.map((date, cell) => date ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { role: "gridcell", "aria-selected": Boolean(selected && isSameDay(date, selected)), className: _style2.default.dynamic([["697595925", [SCALES.font(1), theme.palette.foreground, SCALES.width(1, "auto"), 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.accents_5, theme.layout.radius, theme.palette.accents_2, theme.palette.primary, theme.palette.accents_3, theme.palette.accents_4, theme.palette.background, theme.palette.primary, theme.palette.primary]]]), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { type: "button", "data-date": toISO(date), "aria-label": formats.day.format(date), "aria-current": isSameDay(date, today) ? "date" : void 0, tabIndex: isSameDay(date, focused) ? 0 : -1, disabled: isDisabled(date), onClick: () => select(date), onKeyDown: (event) => keyDownHandler(event, date), className: _style2.default.dynamic([["697595925", [SCALES.font(1), theme.palette.foreground, SCALES.width(1, "auto"), 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.accents_5, theme.layout.radius, theme.palette.accents_2, theme.palette.primary, theme.palette.accents_3, theme.palette.accents_4, theme.palette.background, theme.palette.primary, theme.palette.primary]]]) + " " + (_chunk5KUROAEPjs.joinClasses.call(void 0, {
+        selected: Boolean(selected && isSameDay(date, selected)),
+        today: isSameDay(date, today)
+      }) || ""), children: date.getDate() }) }, cell) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { role: "gridcell", "aria-hidden": "true", className: _style2.default.dynamic([["697595925", [SCALES.font(1), theme.palette.foreground, SCALES.width(1, "auto"), 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.accents_5, theme.layout.radius, theme.palette.accents_2, theme.palette.primary, theme.palette.accents_3, theme.palette.accents_4, theme.palette.background, theme.palette.primary, theme.palette.primary]]]) }, cell)) }, index)) })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "697595925", dynamic: [SCALES.font(1), theme.palette.foreground, SCALES.width(1, "auto"), 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.accents_5, theme.layout.radius, theme.palette.accents_2, theme.palette.primary, theme.palette.accents_3, theme.palette.accents_4, theme.palette.background, theme.palette.primary, theme.palette.primary], children: `.calendar.__jsx-style-dynamic-selector{display:inline-block;font-size:${SCALES.font(1)};color:${theme.palette.foreground};width:${SCALES.width(1, "auto")};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)};}.header.__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;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:0.5em;}.title.__jsx-style-dynamic-selector{font-weight:600;text-transform:capitalize;}table.__jsx-style-dynamic-selector{border-collapse:collapse;}th.__jsx-style-dynamic-selector{padding:0.25em 0;font-size:0.75em;font-weight:500;color:${theme.palette.accents_5};}th.__jsx-style-dynamic-selector abbr.__jsx-style-dynamic-selector{-webkit-text-decoration:none;text-decoration:none;}td.__jsx-style-dynamic-selector{padding:1px;text-align:center;}button.__jsx-style-dynamic-selector{font:inherit;color:inherit;cursor:pointer;background:transparent;border:1px solid transparent;border-radius:${theme.layout.radius};}.header.__jsx-style-dynamic-selector button.__jsx-style-dynamic-selector{width:2em;height:2em;font-size:1.25em;line-height:1;}td.__jsx-style-dynamic-selector button.__jsx-style-dynamic-selector{width:2.5em;height:2.5em;}button.__jsx-style-dynamic-selector:hover.__jsx-style-dynamic-selector:not(:disabled){background-color:${theme.palette.accents_2};}button.__jsx-style-dynamic-selector:focus-visible{outline:2px solid ${theme.palette.primary};outline-offset:1px;}button.__jsx-style-dynamic-selector:disabled{cursor:not-allowed;color:${theme.palette.accents_3};}.today.__jsx-style-dynamic-selector{border-color:${theme.palette.accents_4};}.selected.__jsx-style-dynamic-selector,.selected.__jsx-style-dynamic-selector:hover.__jsx-style-dynamic-selector:not(:disabled){color:${theme.palette.background};background-color:${theme.palette.primary};border-color:${theme.palette.primary};}` })
+  ] });
+});
+CalendarComponent.displayName = "BolioUICalendar";
+var Calendar = _chunkS62PPQHNjs.with_scale_default.call(void 0, CalendarComponent);
+var Calendar_default = Calendar;
+
+// core/Calendar/index.ts
+var Calendar_default2 = Calendar_default;
+
+
+
+
+
+
+exports.startOfDay = startOfDay; exports.toISO = toISO; exports.fromISO = fromISO; exports.Calendar_default = Calendar_default2;

package/dist/chunk-HKOESPKZ.js

@@ -0,0 +1,35 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// core/utils/use-real-shape.ts
+var _react = require('react');
+var getRealShape = (el) => {
+  const defaultShape = { width: 0, height: 0 };
+  if (!el || typeof window === "undefined") return defaultShape;
+  const rect = el.getBoundingClientRect();
+  const { width, height } = window.getComputedStyle(el);
+  const getCSSStyleVal = (str, parentNum) => {
+    if (!str) return 0;
+    const strVal = str.includes("px") ? +str.split("px")[0] : str.includes("%") ? +str.split("%")[0] * parentNum * 0.01 : str;
+    return Number.isNaN(+strVal) ? 0 : +strVal;
+  };
+  return {
+    width: getCSSStyleVal(`${width}`, rect.width),
+    height: getCSSStyleVal(`${height}`, rect.height)
+  };
+};
+var useRealShape = (ref) => {
+  const [state, setState] = _react.useState.call(void 0, {
+    width: 0,
+    height: 0
+  });
+  const update = _react.useCallback.call(void 0, () => {
+    const { width, height } = getRealShape(ref.current);
+    setState({ width, height });
+  }, [ref]);
+  const element = ref.current;
+  _react.useEffect.call(void 0, () => update(), [element, update]);
+  return [state, update];
+};
+var use_real_shape_default = useRealShape;
+
+
+
+exports.use_real_shape_default = use_real_shape_default;

package/dist/chunk-HMOOLCMA.js

@@ -0,0 +1,401 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkOFNHKVGZjs = require('./chunk-OFNHKVGZ.js');
+
+
+var _chunkDGXZP4VJjs = require('./chunk-DGXZP4VJ.js');
+
+
+
+var _chunkS62PPQHNjs = require('./chunk-S62PPQHN.js');
+
+
+var _chunk45MVPPJNjs = require('./chunk-45MVPPJN.js');
+
+
+var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
+
+// core/Menu/Menu.tsx
+var _style = require('styled-jsx/style'); var _style2 = _interopRequireDefault(_style);
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+// core/Menu/MenuContext.ts
+
+var MenuContext = _react2.default.createContext({
+  close: () => void 0
+});
+var MenuListContext = _react2.default.createContext({
+  openSub: null,
+  setOpenSub: () => void 0
+});
+var MenuRadioContext = _react2.default.createContext({});
+
+// core/Menu/MenuList.tsx
+
+
+var _jsxruntime = require('react/jsx-runtime');
+var TYPEAHEAD_RESET = 500;
+var MenuList = ({
+  id,
+  labelledBy,
+  focus,
+  onLeave,
+  isSub = false,
+  className = "",
+  children
+}) => {
+  const theme = _chunk45MVPPJNjs.use_theme_default.call(void 0, );
+  const {
+    SCALES
+  } = _chunkS62PPQHNjs.use_scale_default.call(void 0, );
+  const {
+    close
+  } = _react.useContext.call(void 0, MenuContext);
+  const listRef = _react.useRef.call(void 0, null);
+  const [openSub, setOpenSub] = _react.useState.call(void 0, null);
+  const typed = _react.useRef.call(void 0, {
+    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");
+  };
+  _react.useEffect.call(void 0, () => {
+    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__ */ _jsxruntime.jsx.call(void 0, MenuListContext.Provider, { value: {
+    openSub,
+    setOpenSub
+  }, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref: listRef, id, role: "menu", tabIndex: -1, "aria-labelledby": labelledBy, "aria-orientation": "vertical", onKeyDown: keyDownHandler, className: _style2.default.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__ */ _jsxruntime.jsx.call(void 0, _style2.default, { 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
+
+var MenuComponent = _react2.default.forwardRef(({
+  trigger,
+  visible: customVisible,
+  initialVisible = false,
+  onVisibleChange,
+  getPopupContainer,
+  className = "",
+  children,
+  ...props
+}, ref) => {
+  const baseId = _react.useId.call(void 0, );
+  const menuId = `${baseId}-menu`;
+  const triggerId = trigger.props.id || `${baseId}-trigger`;
+  const wrapperRef = _react.useRef.call(void 0, null);
+  const focus = _react.useRef.call(void 0, "list");
+  const isControlled = customVisible !== void 0;
+  const [selfVisible, setSelfVisible] = _react.useState.call(void 0, 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;
+  };
+  _chunkDGXZP4VJjs.use_click_away_default.call(void 0, 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__ */ _jsxruntime.jsx.call(void 0, MenuContext.Provider, { value: {
+    close
+  }, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref: setRefs, ...props, className: "jsx-3416932714 " + (props && props.className != null && props.className || _chunk5KUROAEPjs.use_classes_default.call(void 0, "menu", className) || ""), children: [
+    _react2.default.cloneElement(trigger, {
+      id: triggerId,
+      "aria-haspopup": "menu",
+      "aria-expanded": visible,
+      "aria-controls": visible ? menuId : void 0,
+      onClick: clickHandler,
+      onKeyDown: keyDownHandler
+    }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOFNHKVGZjs.dropdown_default, { parent: wrapperRef, visible, disableMatchWidth: true, getPopupContainer, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MenuList_default, { id: menuId, labelledBy: triggerId, focus: focus.current, onLeave: () => close(true), children }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "3416932714", children: ".menu.jsx-3416932714{display:inline-block;}" })
+  ] }) });
+});
+MenuComponent.displayName = "BolioUIMenu";
+var Menu = _chunkS62PPQHNjs.with_scale_default.call(void 0, MenuComponent);
+var Menu_default = Menu;
+
+// core/Menu/MenuSub.tsx
+
+
+
+// core/Menu/MenuItem.tsx
+
+
+
+var Check = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { viewBox: "0 0 24 24", width: "1em", height: "1em", "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M20 6 9 17l-5-5", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
+var Dot = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { viewBox: "0 0 24 24", width: "1em", height: "1em", "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "12", cy: "12", r: "4", fill: "currentColor" }) });
+var MenuItemBase = _react2.default.forwardRef(({
+  role,
+  icon,
+  shortcut,
+  disabled = false,
+  type = "default",
+  disableAutoClose = false,
+  checked,
+  indicator,
+  onChoose,
+  trailing,
+  onClick,
+  onMouseMove,
+  className = "",
+  children,
+  ...props
+}, ref) => {
+  const theme = _chunk45MVPPJNjs.use_theme_default.call(void 0, );
+  const {
+    close
+  } = _react.useContext.call(void 0, MenuContext);
+  const {
+    setOpenSub
+  } = _react.useContext.call(void 0, MenuListContext);
+  const classes = _chunk5KUROAEPjs.use_classes_default.call(void 0, "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__ */ _jsxruntime.jsxs.call(void 0, "div", { ref, role, tabIndex: -1, "aria-checked": role === "menuitem" ? void 0 : Boolean(checked), "aria-disabled": disabled || void 0, onClick: clickHandler, onMouseMove: mouseMoveHandler, ...props, className: _style2.default.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__ */ _jsxruntime.jsx.call(void 0, "span", { className: _style2.default.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__ */ _jsxruntime.jsx.call(void 0, Check, {}) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Dot, {})) }),
+    icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _style2.default.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__ */ _jsxruntime.jsx.call(void 0, "span", { className: _style2.default.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__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": "true", className: _style2.default.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__ */ _jsxruntime.jsx.call(void 0, _style2.default, { 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 = _react2.default.forwardRef((props, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MenuItemBase, { ref, role: "menuitem", ...props }));
+MenuItem.displayName = "BolioUIMenuItem";
+var MenuCheckboxItem = _react2.default.forwardRef(({
+  checked = false,
+  onChange,
+  disableAutoClose = true,
+  ...props
+}, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MenuItemBase, { ref, role: "menuitemcheckbox", indicator: "check", checked, disableAutoClose, onChoose: () => onChange == null ? void 0 : onChange(!checked), ...props }));
+MenuCheckboxItem.displayName = "BolioUIMenuCheckboxItem";
+var MenuRadioItem = _react2.default.forwardRef(({
+  value,
+  disableAutoClose = true,
+  ...props
+}, ref) => {
+  const group = _react.useContext.call(void 0, MenuRadioContext);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 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 = _react2.default.forwardRef(({
+  value,
+  onChange,
+  children,
+  ...props
+}, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MenuRadioContext.Provider, { value: {
+  value,
+  onChange
+}, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, role: "group", ...props, children }) }));
+MenuRadioGroup.displayName = "BolioUIMenuRadioGroup";
+var MenuLabel = _react2.default.forwardRef(({
+  className = "",
+  children,
+  ...props
+}, ref) => {
+  const theme = _chunk45MVPPJNjs.use_theme_default.call(void 0, );
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref, role: "presentation", ...props, className: _style2.default.dynamic([["2624534348", [theme.palette.accents_5]]]) + " " + (props && props.className != null && props.className || `menu-label ${className}`), children: [
+    children,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { 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 = _react2.default.forwardRef(({
+  className = "",
+  ...props
+}, ref) => {
+  const theme = _chunk45MVPPJNjs.use_theme_default.call(void 0, );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, role: "separator", ...props, className: _style2.default.dynamic([["2981772682", [theme.palette.border]]]) + " " + (props && props.className != null && props.className || `menu-divider ${className}`), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { 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
+
+var Chevron = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { viewBox: "0 0 24 24", width: "1em", height: "1em", "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "m9 18 6-6-6-6", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
+var MenuSub = _react2.default.forwardRef(({
+  label,
+  icon,
+  disabled = false,
+  children,
+  ...props
+}, ref) => {
+  const baseId = _react.useId.call(void 0, );
+  const triggerId = `${baseId}-trigger`;
+  const listId = `${baseId}-menu`;
+  const {
+    openSub,
+    setOpenSub
+  } = _react.useContext.call(void 0, MenuListContext);
+  const open = openSub === listId;
+  const focus = _react.useRef.call(void 0, "list");
+  const triggerRef = _react.useRef.call(void 0, 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__ */ _jsxruntime.jsxs.call(void 0, "div", { role: "none", className: "jsx-2447129102 menu-sub", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      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__ */ _jsxruntime.jsx.call(void 0, "span", { className: "jsx-2447129102 chevron", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Chevron, {}) }),
+        ...props,
+        children: label
+      }
+    ),
+    open && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MenuList_default, { id: listId, labelledBy: triggerId, focus: focus.current, onLeave: leave, isSub: true, children }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { 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;
+
+
+
+exports.Menu_default = Menu_default2;