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

package/dist/chunk-F5ENWFJU.js

@@ -1,273 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _chunk33BUV2RXjs = require('./chunk-33BUV2RX.js');
-
-
-var _chunkRZBEZ26Ajs = require('./chunk-RZBEZ26A.js');
-
-
-
-var _chunkS62PPQHNjs = require('./chunk-S62PPQHN.js');
-
-
-var _chunkUX2B3G6Ujs = require('./chunk-UX2B3G6U.js');
-
-
-var _chunk45MVPPJNjs = require('./chunk-45MVPPJN.js');
-
-
-var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
-
-// core/Pagination/Pagination.tsx
-var _style = require('styled-jsx/style'); var _style2 = _interopRequireDefault(_style);
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-
-// core/Pagination/PaginationItem.tsx
-
-
-var _jsxruntime = require('react/jsx-runtime');
-function PaginationItem({
-  active,
-  children,
-  disabled,
-  onClick,
-  ...props
-}) {
-  const theme = _chunk45MVPPJNjs.use_theme_default.call(void 0, );
-  const [hover, activeHover] = _react.useMemo.call(void 0, () => [_chunkRZBEZ26Ajs.addColorAlpha.call(void 0, theme.palette.primary, 0.1), _chunkRZBEZ26Ajs.addColorAlpha.call(void 0, theme.palette.primary, 0.8)], [theme.palette.primary]);
-  const classes = _chunk5KUROAEPjs.use_classes_default.call(void 0, {
-    active,
-    disabled
-  });
-  const clickHandler = (event) => {
-    if (disabled) return;
-    if (onClick) onClick(event);
-  };
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "li", { className: _style2.default.dynamic([["32129165", [theme.palette.primary, theme.layout.radius, theme.palette.background, hover, theme.palette.primary, theme.palette.background, theme.expressiveness.shadowSmall, activeHover, theme.expressiveness.shadowMedium, theme.palette.accents_4, theme.palette.accents_2]]]), children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { "aria-current": active ? "page" : void 0, onClick: clickHandler, ...props, className: _style2.default.dynamic([["32129165", [theme.palette.primary, theme.layout.radius, theme.palette.background, hover, theme.palette.primary, theme.palette.background, theme.expressiveness.shadowSmall, activeHover, theme.expressiveness.shadowMedium, theme.palette.accents_4, theme.palette.accents_2]]]) + " " + (props && props.className != null && props.className || classes || ""), children }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "32129165", dynamic: [theme.palette.primary, theme.layout.radius, theme.palette.background, hover, theme.palette.primary, theme.palette.background, theme.expressiveness.shadowSmall, activeHover, theme.expressiveness.shadowMedium, theme.palette.accents_4, theme.palette.accents_2], children: `li.__jsx-style-dynamic-selector{margin-right:0.428em;display:inline-block;}button.__jsx-style-dynamic-selector{border:none;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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;text-transform:capitalize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;text-align:center;vertical-align:middle;box-shadow:none;outline:none;height:var(--pagination-size);min-width:var(--pagination-size);font-size:inherit;cursor:pointer;color:${theme.palette.primary};border-radius:${theme.layout.radius};background-color:${theme.palette.background};-webkit-transition:all linear 200ms 0ms;transition:all linear 200ms 0ms;}button.__jsx-style-dynamic-selector:hover{background-color:${hover};}.active.__jsx-style-dynamic-selector{font-weight:bold;background-color:${theme.palette.primary};color:${theme.palette.background};box-shadow:${theme.expressiveness.shadowSmall};}.active.__jsx-style-dynamic-selector:hover{background-color:${activeHover};box-shadow:${theme.expressiveness.shadowMedium};}.disabled.__jsx-style-dynamic-selector{color:${theme.palette.accents_4};cursor:not-allowed;}.disabled.__jsx-style-dynamic-selector:hover{background-color:${theme.palette.accents_2};}button.__jsx-style-dynamic-selector svg{width:1.3em;height:1.3em;}` })
-  ] });
-}
-PaginationItem.displayName = "BolioUIPaginationItem";
-var PaginationItem_default = PaginationItem;
-
-// core/Pagination/PaginationContext.ts
-
-var defaultContext = {};
-var PaginationContext = _react2.default.createContext(defaultContext);
-var usePaginationContext = () => _react2.default.useContext(PaginationContext);
-
-// core/Pagination/PaginationPrevious.tsx
-
-function PaginationPrevious({ children, ...props }) {
-  const { update, isFirst } = usePaginationContext();
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    PaginationItem_default,
-    {
-      onClick: () => update && update("prev"),
-      disabled: isFirst,
-      ...props,
-      children
-    }
-  );
-}
-PaginationPrevious.displayName = "BolioUIPaginationPrevious";
-var PaginationPrevious_default = PaginationPrevious;
-
-// core/Pagination/PaginationNext.tsx
-
-function PaginationNext({ children, ...props }) {
-  const { update, isLast } = usePaginationContext();
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    PaginationItem_default,
-    {
-      onClick: () => update && update("next"),
-      disabled: isLast,
-      ...props,
-      children
-    }
-  );
-}
-PaginationNext.displayName = "BolioUIPaginationNext";
-var PaginationNext_default = PaginationNext;
-
-// core/Pagination/PaginationPages.tsx
-
-
-// core/Pagination/PaginationEllipsis.tsx
-
-
-
-function PaginationEllipsis({
-  isBefore,
-  onClick
-}) {
-  const [showMore, setShowMore] = _react.useState.call(void 0, false);
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, PaginationItem_default, { onClick: (e) => onClick && onClick(e), onMouseEnter: () => setShowMore(true), onMouseLeave: () => setShowMore(false), children: [
-    showMore ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", fill: "none", shapeRendering: "geometricPrecision", className: _style2.default.dynamic([["2928474255", [isBefore ? "180deg" : "0deg"]]]) + " more", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M13 17l5-5-5-5", className: _style2.default.dynamic([["2928474255", [isBefore ? "180deg" : "0deg"]]]) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M6 17l5-5-5-5", className: _style2.default.dynamic([["2928474255", [isBefore ? "180deg" : "0deg"]]]) })
-    ] }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { viewBox: "0 0 24 24", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", fill: "none", shapeRendering: "geometricPrecision", className: _style2.default.dynamic([["2928474255", [isBefore ? "180deg" : "0deg"]]]), children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "12", cy: "12", r: "1", fill: "currentColor", className: _style2.default.dynamic([["2928474255", [isBefore ? "180deg" : "0deg"]]]) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "19", cy: "12", r: "1", fill: "currentColor", className: _style2.default.dynamic([["2928474255", [isBefore ? "180deg" : "0deg"]]]) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "5", cy: "12", r: "1", fill: "currentColor", className: _style2.default.dynamic([["2928474255", [isBefore ? "180deg" : "0deg"]]]) })
-    ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "2928474255", dynamic: [isBefore ? "180deg" : "0deg"], children: `svg.__jsx-style-dynamic-selector{color:currentColor;stroke:currentColor;width:1em;height:1em;}.more.__jsx-style-dynamic-selector{-webkit-transform:rotate(${isBefore ? "180deg" : "0deg"});-ms-transform:rotate(${isBefore ? "180deg" : "0deg"});transform:rotate(${isBefore ? "180deg" : "0deg"});}` })
-  ] });
-}
-PaginationEllipsis.displayName = "BolioUIPaginationEllipsis";
-var PaginationEllipsis_default = PaginationEllipsis;
-
-// core/Pagination/PaginationPages.tsx
-
-function PaginationPages({ limit, count, current, setPage }) {
-  const showPages = _react.useMemo.call(void 0, () => {
-    const oddLimit = limit % 2 === 0 ? limit - 1 : limit;
-    return oddLimit - 2;
-  }, [limit]);
-  const middleNumber = (showPages + 1) / 2;
-  const [showBeforeEllipsis, showAfterEllipsis] = _react.useMemo.call(void 0, () => {
-    const showEllipsis = count > limit;
-    return [
-      showEllipsis && current > middleNumber + 1,
-      showEllipsis && current < count - middleNumber
-    ];
-  }, [current, middleNumber, count, limit]);
-  const pagesArray = _react.useMemo.call(void 0, () => [...new Array(showPages)], [showPages]);
-  const renderItem = _react.useCallback.call(void 0, 
-    (value, active) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      PaginationItem_default,
-      {
-        active: value === active,
-        onClick: () => setPage(value),
-        children: value
-      },
-      `pagination-item-${value}`
-    ),
-    [setPage]
-  );
-  const startPages = pagesArray.map((_, index) => {
-    const value = index + 2;
-    return renderItem(value, current);
-  });
-  const middlePages = pagesArray.map((_, index) => {
-    const middleIndexNumber = middleNumber - (index + 1);
-    const value = current - middleIndexNumber;
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      PaginationItem_default,
-      {
-        active: index + 1 === middleNumber,
-        onClick: () => setPage(value),
-        children: value
-      },
-      `pagination-middle-${index}`
-    );
-  });
-  const endPages = pagesArray.map((_, index) => {
-    const value = count - (showPages - index);
-    return renderItem(value, current);
-  });
-  if (count <= limit) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: [...new Array(count)].map((_, index) => {
-      const value = index + 1;
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        PaginationItem_default,
-        {
-          active: value === current,
-          onClick: () => setPage(value),
-          children: value
-        },
-        `pagination-item-${value}`
-      );
-    }) });
-  }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    renderItem(1, current),
-    showBeforeEllipsis && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      PaginationEllipsis_default,
-      {
-        isBefore: true,
-        onClick: () => setPage((last) => last - 5 >= 1 ? last - 5 : 1)
-      },
-      "pagination-ellipsis-before"
-    ),
-    showBeforeEllipsis && showAfterEllipsis ? middlePages : showBeforeEllipsis ? endPages : startPages,
-    showAfterEllipsis && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      PaginationEllipsis_default,
-      {
-        onClick: () => setPage((last) => last + 5 <= count ? last + 5 : count)
-      },
-      "pagination-ellipsis-after"
-    ),
-    renderItem(count, current)
-  ] });
-}
-PaginationPages.displayName = "BolioUIPaginationPages";
-var PaginationPages_default = PaginationPages;
-
-// core/Pagination/Pagination.tsx
-
-var PaginationComponent = _react2.default.forwardRef(({
-  page: customPage,
-  initialPage = 1,
-  count = 1,
-  limit = 7,
-  children,
-  onChange,
-  className = "",
-  ...props
-}, ref) => {
-  const {
-    SCALES
-  } = _chunkS62PPQHNjs.use_scale_default.call(void 0, );
-  const [page, setPage, pageRef] = _chunk33BUV2RXjs.use_current_state_default.call(void 0, initialPage);
-  const [, prevChildren] = _chunkUX2B3G6Ujs.pickChild.call(void 0, children, PaginationPrevious_default);
-  const [, nextChildren] = _chunkUX2B3G6Ujs.pickChild.call(void 0, children, PaginationNext_default);
-  const [prevItem, nextItem] = _react.useMemo.call(void 0, () => {
-    const hasChildren = (c) => _react2.default.Children.count(c) > 0;
-    const prevDefault = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PaginationPrevious_default, { children: "prev" });
-    const nextDefault = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PaginationNext_default, { children: "next" });
-    return [hasChildren(prevChildren) ? prevChildren : prevDefault, hasChildren(nextChildren) ? nextChildren : nextDefault];
-  }, [prevChildren, nextChildren]);
-  const update = _react.useCallback.call(void 0, (type) => {
-    if (type === "prev" && pageRef.current > 1) {
-      setPage((last) => last - 1);
-    }
-    if (type === "next" && pageRef.current < count) {
-      setPage((last) => last + 1);
-    }
-  }, [count, pageRef, setPage]);
-  const values = _react.useMemo.call(void 0, () => ({
-    isFirst: page <= 1,
-    isLast: page >= count,
-    update
-  }), [page, count, update]);
-  _react.useEffect.call(void 0, () => {
-    if (onChange) onChange(page);
-  }, [onChange, page]);
-  _react.useEffect.call(void 0, () => {
-    if (customPage !== void 0) {
-      setPage(customPage);
-    }
-  }, [customPage, setPage]);
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, PaginationContext.Provider, { value: values, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "nav", { ref, "aria-label": "Pagination", ...props, className: _style2.default.dynamic([["2367140580", [SCALES.font(2), SCALES.font(0.875), 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)]]]) + " " + (props && props.className != null && props.className || className || ""), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "ul", { className: _style2.default.dynamic([["2367140580", [SCALES.font(2), SCALES.font(0.875), 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)]]]), children: [
-      prevItem,
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PaginationPages_default, { count, current: page, limit, setPage }),
-      nextItem
-    ] }) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { id: "2367140580", dynamic: [SCALES.font(2), SCALES.font(0.875), 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)], children: `ul.__jsx-style-dynamic-selector{margin:0;padding:0;list-style:none;}nav.__jsx-style-dynamic-selector{font-variant:tabular-nums;font-feature-settings:'tnum';--pagination-size:${SCALES.font(2)};font-size:${SCALES.font(0.875)};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)};}nav.__jsx-style-dynamic-selector button:last-of-type{margin-right:0;}` })
-  ] });
-});
-PaginationComponent.displayName = "BolioUIPagination";
-var Pagination = _chunkS62PPQHNjs.with_scale_default.call(void 0, PaginationComponent);
-var Pagination_default = Pagination;
-
-// core/Pagination/index.ts
-Pagination_default.Previous = PaginationPrevious_default;
-Pagination_default.Next = PaginationNext_default;
-var Pagination_default2 = Pagination_default;
-
-
-
-exports.Pagination_default = Pagination_default2;

package/dist/chunk-HH2IP5Z4.js

@@ -1,189 +0,0 @@
-"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;