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

package/esm/ContextMenu/index.js

@@ -1,8 +1,8 @@
 'use client';
 import {
   ContextMenu_default
-} from "../chunk-AVO2SK2I.js";
-import "../chunk-XLPOECCE.js";
+} from "../chunk-3S6G7WGK.js";
+import "../chunk-FL6J36B7.js";
 import "../chunk-AG2NWQYL.js";
 import "../chunk-DSX6YDJM.js";
 import "../chunk-V57PNXMD.js";

package/esm/CssBaseline/index.js

@@ -1,7 +1,7 @@
 'use client';
 import {
   CssBaseline_default
-} from "../chunk-TDJGMSGT.js";
+} from "../chunk-WIIDIZYK.js";
 import "../chunk-V5I4ORQQ.js";
 import "../chunk-FEA5BJ35.js";
 import "../chunk-X5PGXMVQ.js";

package/esm/DateRangePicker/index.js

@@ -1,7 +1,7 @@
 'use client';
 import {
   DateRangePicker_default
-} from "../chunk-GYFW5NLU.js";
+} from "../chunk-BHQRX76X.js";
 import "../chunk-KBZEYKCZ.js";
 import "../chunk-P245HSVB.js";
 import "../chunk-GJZT47MP.js";

package/esm/ImageZoom/ImageZoom.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { ImageProps } from '../Image';
+interface Props {
+    src: string;
+    alt: string;
+    zoomSrc?: string;
+    caption?: React.ReactNode;
+    closeLabel?: string;
+    className?: string;
+}
+type NativeAttrs = Omit<ImageProps, keyof Props | 'className'>;
+export type ImageZoomProps = Props & NativeAttrs;
+declare const ImageZoom: React.ForwardRefExoticComponent<Props & NativeAttrs & React.RefAttributes<HTMLButtonElement>>;
+export default ImageZoom;

package/esm/ImageZoom/index.d.ts

@@ -0,0 +1,3 @@
+import ImageZoom from './ImageZoom';
+export type { ImageZoomProps } from './ImageZoom';
+export default ImageZoom;

package/esm/ImageZoom/index.js

@@ -0,0 +1,17 @@
+'use client';
+import {
+  ImageZoom_default
+} from "../chunk-REWKR7S3.js";
+import "../chunk-TWIOSRRP.js";
+import "../chunk-WEYAL53O.js";
+import "../chunk-RZBEZ26A.js";
+import "../chunk-MAICNLTY.js";
+import "../chunk-UX2B3G6U.js";
+import "../chunk-V5I4ORQQ.js";
+import "../chunk-FEA5BJ35.js";
+import "../chunk-X5PGXMVQ.js";
+import "../chunk-SZIX7BM5.js";
+import "../chunk-5KUROAEP.js";
+export {
+  ImageZoom_default as default
+};

package/esm/Menu/index.js

@@ -1,7 +1,7 @@
 'use client';
 import {
   Menu_default
-} from "../chunk-XLPOECCE.js";
+} from "../chunk-FL6J36B7.js";
 import "../chunk-AG2NWQYL.js";
 import "../chunk-DSX6YDJM.js";
 import "../chunk-V57PNXMD.js";

package/esm/Splitter/Splitter.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export type SplitterDirection = 'horizontal' | 'vertical';
+interface Props {
+    direction?: SplitterDirection;
+    onResize?: (sizes: Array<number>) => void;
+    handleLabel?: string;
+    className?: string;
+}
+type NativeAttrs = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props>;
+export type SplitterProps = Props & NativeAttrs;
+declare const Splitter: import("../use-scale/with-scale").ScaleComponent<HTMLDivElement, Props & NativeAttrs & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export default Splitter;

package/esm/Splitter/SplitterContext.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface SplitterPanelConfig {
+    id: string;
+    setElement: (element: HTMLDivElement | null) => void;
+}
+export declare const SplitterPanelContext: React.Context<SplitterPanelConfig | null>;

package/esm/Splitter/SplitterPanel.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface Props {
+    defaultSize?: number;
+    minSize?: number;
+    maxSize?: number;
+    className?: string;
+}
+type NativeAttrs = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props>;
+export type SplitterPanelProps = Props & NativeAttrs;
+declare const SplitterPanel: React.ForwardRefExoticComponent<Props & NativeAttrs & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export default SplitterPanel;

package/esm/Splitter/index.d.ts

@@ -0,0 +1,9 @@
+import Splitter from './Splitter';
+import SplitterPanel from './SplitterPanel';
+export type SplitterComponentType = typeof Splitter & {
+    Panel: typeof SplitterPanel;
+};
+export type { SplitterProps, SplitterDirection } from './Splitter';
+export type { SplitterPanelProps } from './SplitterPanel';
+declare const _default: SplitterComponentType;
+export default _default;

package/esm/Splitter/index.js

@@ -0,0 +1,14 @@
+'use client';
+import {
+  Splitter_default
+} from "../chunk-FFEAKF3A.js";
+import "../chunk-MAICNLTY.js";
+import "../chunk-UX2B3G6U.js";
+import "../chunk-V5I4ORQQ.js";
+import "../chunk-FEA5BJ35.js";
+import "../chunk-X5PGXMVQ.js";
+import "../chunk-SZIX7BM5.js";
+import "../chunk-5KUROAEP.js";
+export {
+  Splitter_default as default
+};

package/esm/Table/Table.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TableDataItemBase, TableOnCellClick, TableOnChange, TableOnRowClick, TableRowClassNameHandler } from './TableTypes';
+import { TableDataItemBase, TableKey, TableSort, TableOnCellClick, TableOnChange, TableOnRowClick, TableRowClassNameHandler } from './TableTypes';
 import { ScaleProps } from '../use-scale';
 import TableColumn from './TableColumn';
 import type { AnyElement } from '../utils/types';
@@ -20,6 +20,16 @@ interface Props<TableDataItem extends TableDataItemBase> {
     pagination?: TablePagination;
     className?: string;
     rowClassName?: TableRowClassNameHandler<TableDataItem>;
+    sort?: TableSort | null;
+    initialSort?: TableSort | null;
+    onSortChange?: (sort: TableSort | null) => void;
+    selectable?: boolean;
+    rowKey?: keyof TableDataItem | ((row: TableDataItem) => TableKey);
+    selectedKeys?: Array<TableKey>;
+    initialSelectedKeys?: Array<TableKey>;
+    onSelectionChange?: (keys: Array<TableKey>, rows: Array<TableDataItem>) => void;
+    selectRowLabel?: string;
+    selectAllLabel?: string;
 }
 type NativeAttrs = Omit<React.TableHTMLAttributes<AnyElement>, keyof Props<TableDataItemBase>>;
 export type TableProps<TableDataItem extends TableDataItemBase> = Props<TableDataItem> & NativeAttrs;

package/esm/Table/TableBody.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TableDataItemBase, TableOnCellClick, TableOnRowClick, TableRowClassNameHandler } from './TableTypes';
+import { TableDataItemBase, TableKey, TableOnCellClick, TableOnRowClick, TableRowClassNameHandler } from './TableTypes';
 import type { AnyElement } from '../utils/types';
 interface Props<TableDataItem extends TableDataItemBase> {
     hover: boolean;
@@ -7,13 +7,19 @@ interface Props<TableDataItem extends TableDataItemBase> {
     onRow?: TableOnRowClick<TableDataItem>;
     onCell?: TableOnCellClick<TableDataItem>;
     data: Array<TableDataItem>;
+    keys: Array<TableKey>;
+    selection?: {
+        keys: Array<TableKey>;
+        label: string;
+        onToggle: (key: TableKey) => void;
+    };
     className?: string;
     rowClassName: TableRowClassNameHandler<TableDataItem>;
 }
 type NativeAttrs = Omit<React.HTMLAttributes<AnyElement>, keyof Props<TableDataItemBase>>;
 export type TableBodyProps<TableDataItem extends TableDataItemBase> = Props<TableDataItem> & NativeAttrs;
 declare const TableBody: {
-    <TableDataItem extends TableDataItemBase>({ data, hover, emptyText, onRow, onCell, rowClassName }: TableBodyProps<TableDataItem>): React.JSX.Element;
+    <TableDataItem extends TableDataItemBase>({ data, keys, selection, hover, emptyText, onRow, onCell, rowClassName }: TableBodyProps<TableDataItem>): React.JSX.Element;
     displayName: string;
 };
 export default TableBody;

package/esm/Table/TableColumn.d.ts

@@ -5,6 +5,8 @@ export type TableColumnProps<TableDataItem extends TableDataItemBase> = {
     label?: string;
     width?: number;
     className?: string;
+    sortable?: boolean;
+    sorter?: (a: TableDataItem, b: TableDataItem) => number;
     render?: TableColumnRender<TableDataItem>;
 };
 declare const TableColumn: {

package/esm/Table/TableHead.d.ts

@@ -1,9 +1,17 @@
 import React from 'react';
-import { TableAbstractColumn, TableDataItemBase } from './TableTypes';
+import { TableAbstractColumn, TableDataItemBase, TableSort } from './TableTypes';
 import type { AnyElement } from '../utils/types';
 interface Props<TableDataItem extends TableDataItemBase> {
     width: number;
     columns: Array<TableAbstractColumn<TableDataItem>>;
+    sort?: TableSort | null;
+    onSort?: (prop: string) => void;
+    selection?: {
+        checked: boolean;
+        indeterminate: boolean;
+        label: string;
+        onToggle: () => void;
+    };
     className?: string;
 }
 type NativeAttrs = Omit<React.HTMLAttributes<AnyElement>, keyof Props<TableDataItemBase>>;

package/esm/Table/TableSelectBox.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface Props {
+    checked: boolean;
+    indeterminate?: boolean;
+    label: string;
+    onChange: () => void;
+}
+declare function TableSelectBox({ checked, indeterminate, label, onChange }: Props): React.JSX.Element;
+export default TableSelectBox;

package/esm/Table/TableTypes.d.ts

@@ -2,11 +2,19 @@ import React from 'react';
 import type { AnyObject } from '../utils/types';
 export type TableDataItemBase = AnyObject;
 export type TableColumnRender<Item extends TableDataItemBase> = (value: Item[keyof Item], rowData: Item, rowIndex: number) => React.JSX.Element | void;
+export type TableSortDirection = 'asc' | 'desc';
+export type TableSort = {
+    prop: string;
+    direction: TableSortDirection;
+};
+export type TableKey = string | number;
 export type TableAbstractColumn<TableDataItem extends TableDataItemBase> = {
     prop: keyof TableDataItem;
     label: React.ReactNode | string;
     className: string;
     width?: number;
+    sortable?: boolean;
+    sorter?: (a: TableDataItem, b: TableDataItem) => number;
     renderHandler: TableColumnRender<TableDataItem>;
 };
 export type TableOnRowClick<TableDataItem> = (rowData: TableDataItem, rowIndex: number) => void;

package/esm/Table/index.d.ts

@@ -1,5 +1,5 @@
 import Table from './Table';
 export type { TableProps, TablePagination } from './Table';
 export type { TableColumnProps } from './TableColumn';
-export type { TableOnCellClick, TableAbstractColumn, TableOnChange, TableOnRowClick, TableRowClassNameHandler, TableDataItemBase, TableColumnRender } from './TableTypes';
+export type { TableOnCellClick, TableAbstractColumn, TableOnChange, TableOnRowClick, TableRowClassNameHandler, TableDataItemBase, TableColumnRender, TableKey, TableSort, TableSortDirection } from './TableTypes';
 export default Table;

package/esm/Table/index.js

@@ -1,7 +1,7 @@
 'use client';
 import {
   Table_default
-} from "../chunk-TKICX5R6.js";
+} from "../chunk-ZNDN2VPZ.js";
 import "../chunk-E5EDUOQT.js";
 import "../chunk-JJFOGZ6V.js";
 import "../chunk-HKOESPKZ.js";

package/esm/Tour/Tour.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+export interface TourStep {
+    target?: string | HTMLElement | (() => HTMLElement | null);
+    title: React.ReactNode;
+    content: React.ReactNode;
+}
+interface Props {
+    steps: Array<TourStep>;
+    open: boolean;
+    onClose: () => void;
+    current?: number;
+    initialCurrent?: number;
+    onCurrentChange?: (index: number) => void;
+    onFinish?: () => void;
+    previousLabel?: string;
+    nextLabel?: string;
+    finishLabel?: string;
+    skipLabel?: string;
+    stepLabel?: (index: number, count: number) => string;
+    spotlightPadding?: number;
+    className?: string;
+}
+type NativeAttrs = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props>;
+export type TourProps = Props & NativeAttrs;
+declare const Tour: React.ForwardRefExoticComponent<Props & NativeAttrs & React.RefAttributes<HTMLDivElement>>;
+export default Tour;

package/esm/Tour/index.d.ts

@@ -0,0 +1,3 @@
+import Tour from './Tour';
+export type { TourProps, TourStep } from './Tour';
+export default Tour;

package/esm/Tour/index.js

@@ -0,0 +1,23 @@
+'use client';
+import {
+  Tour_default
+} from "../chunk-STYC6O24.js";
+import "../chunk-AXYDJGTN.js";
+import "../chunk-BXDUHMWS.js";
+import "../chunk-ZRORQ2WH.js";
+import "../chunk-DXHNQANX.js";
+import "../chunk-BSDZWWUS.js";
+import "../chunk-GJZT47MP.js";
+import "../chunk-RZBEZ26A.js";
+import "../chunk-LMDBE6T6.js";
+import "../chunk-NDERASK2.js";
+import "../chunk-MAICNLTY.js";
+import "../chunk-UX2B3G6U.js";
+import "../chunk-V5I4ORQQ.js";
+import "../chunk-FEA5BJ35.js";
+import "../chunk-X5PGXMVQ.js";
+import "../chunk-SZIX7BM5.js";
+import "../chunk-5KUROAEP.js";
+export {
+  Tour_default as default
+};

package/esm/{chunk-AVO2SK2I.js → chunk-3S6G7WGK.js}

@@ -1,6 +1,6 @@
 import {
   Menu_default
-} from "./chunk-XLPOECCE.js";
+} from "./chunk-FL6J36B7.js";
 import {
   with_scale_default
 } from "./chunk-MAICNLTY.js";

package/esm/{chunk-GYFW5NLU.js → chunk-BHQRX76X.js}

@@ -18,6 +18,7 @@ import {
   use_theme_default
 } from "./chunk-V5I4ORQQ.js";
 import {
+  joinClasses,
   use_classes_default
 } from "./chunk-5KUROAEP.js";
 
@@ -25,10 +26,12 @@ import {
 import React, { useEffect, useRef, useState } from "react";
 
 // css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/DateRangePicker/DateRangePicker.module.css.bolio-css-module-source
-var DateRangePicker_module_css_default = { "daterange": "DateRangePicker-module_daterange__id9HF", "field": "DateRangePicker-module_field__4UZhH", "input": "DateRangePicker-module_input__h9sDj", "separator": "DateRangePicker-module_separator__StR3E", "toggle": "DateRangePicker-module_toggle__gNukh", "popup": "DateRangePicker-module_popup__hKExw" };
+var DateRangePicker_module_css_default = { "daterange": "DateRangePicker-module_daterange__id9HF", "field": "DateRangePicker-module_field__4UZhH", "input": "DateRangePicker-module_input__h9sDj", "separator": "DateRangePicker-module_separator__StR3E", "toggle": "DateRangePicker-module_toggle__gNukh", "popup": "DateRangePicker-module_popup__hKExw", "alignEnd": "DateRangePicker-module_alignEnd__DgOia" };
 
 // core/DateRangePicker/DateRangePicker.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
+var TWO_MONTHS_EM = 46;
+var ONE_MONTH_EM = 22;
 var emptyRange = [null, null];
 var format = (date) => date ? toISO(date) : "";
 var DateRangePickerComponent = React.forwardRef(
@@ -72,6 +75,7 @@ var DateRangePickerComponent = React.forwardRef(
     const endText = format(end);
     const [texts, setTexts] = useState({ start: startText, end: endText });
     const [open, setOpen] = useState(false);
+    const [fit, setFit] = useState({ months: 2, alignEnd: false });
     useEffect(() => {
       setTexts({ start: startText, end: endText });
     }, [startText, endText]);
@@ -97,6 +101,18 @@ var DateRangePickerComponent = React.forwardRef(
       commit(edge === "start" ? [date, other] : [other, date]);
     };
     const blurHandler = () => setTexts({ start: startText, end: endText });
+    const toggle = () => {
+      const root = rootRef.current;
+      if (!open && root) {
+        const em = parseFloat(getComputedStyle(root).fontSize) || 16;
+        const room = document.documentElement.clientWidth - root.getBoundingClientRect().left;
+        setFit({
+          months: room >= TWO_MONTHS_EM * em ? 2 : 1,
+          alignEnd: room < ONE_MONTH_EM * em
+        });
+      }
+      setOpen((last) => !last);
+    };
     const pick = (next) => {
       var _a;
       commit(next);
@@ -195,7 +211,7 @@ var DateRangePickerComponent = React.forwardRef(
                 "aria-haspopup": "dialog",
                 "aria-expanded": open,
                 disabled,
-                onClick: () => setOpen((last) => !last),
+                onClick: toggle,
                 children: /* @__PURE__ */ jsxs(
                   "svg",
                   {
@@ -222,13 +238,15 @@ var DateRangePickerComponent = React.forwardRef(
             {
               role: "dialog",
               "aria-label": calendarLabel,
-              className: DateRangePicker_module_css_default.popup,
+              className: joinClasses(DateRangePicker_module_css_default.popup, {
+                [DateRangePicker_module_css_default.alignEnd]: fit.alignEnd
+              }),
               onKeyDown: keyDownHandler,
               children: /* @__PURE__ */ jsx(
                 Calendar_default,
                 {
                   mode: "range",
-                  numberOfMonths: 2,
+                  numberOfMonths: fit.months,
                   autoFocus: true,
                   value: range,
                   min,

package/esm/chunk-FFEAKF3A.js

@@ -0,0 +1,220 @@
+import {
+  use_scale_default,
+  with_scale_default
+} from "./chunk-MAICNLTY.js";
+import {
+  use_theme_default
+} from "./chunk-V5I4ORQQ.js";
+import {
+  joinClasses,
+  use_classes_default
+} from "./chunk-5KUROAEP.js";
+
+// core/Splitter/Splitter.tsx
+import React2, { useId, useRef, useState } from "react";
+
+// core/Splitter/SplitterContext.ts
+import React from "react";
+var SplitterPanelContext = React.createContext(null);
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Splitter/Splitter.module.css.bolio-css-module-source
+var Splitter_module_css_default = { "splitter": "Splitter-module_splitter__ZxGeO", "horizontal": "Splitter-module_horizontal__1LuP6", "vertical": "Splitter-module_vertical__APNTT", "panel": "Splitter-module_panel__UyXwt", "handle": "Splitter-module_handle__zkBUq" };
+
+// core/Splitter/Splitter.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var initialSizes = (panels) => {
+  const given = panels.map((panel) => panel.props.defaultSize);
+  const used = given.reduce((sum, size) => sum + (size != null ? size : 0), 0);
+  const open = given.filter((size) => size === void 0).length;
+  return given.map(
+    (size) => size === void 0 ? Math.max(0, 100 - used) / open : size
+  );
+};
+var SplitterComponent = React2.forwardRef(
+  ({
+    direction = "horizontal",
+    onResize,
+    handleLabel = "Resize",
+    className = "",
+    children,
+    style,
+    ...props
+  }, ref) => {
+    const theme = use_theme_default();
+    const { SCALES } = use_scale_default();
+    const baseId = useId();
+    const panels = React2.Children.toArray(children).filter(
+      React2.isValidElement
+    );
+    const horizontal = direction === "horizontal";
+    const [sizes, setSizes] = useState(() => initialSizes(panels));
+    if (sizes.length !== panels.length) setSizes(initialSizes(panels));
+    const elements = useRef([]);
+    const drag = useRef(void 0);
+    const minOf = (index) => {
+      var _a;
+      return (_a = panels[index].props.minSize) != null ? _a : 0;
+    };
+    const maxOf = (index) => {
+      var _a;
+      return (_a = panels[index].props.maxSize) != null ? _a : 100;
+    };
+    const move = (index, delta, from) => {
+      const [a, b] = [from[index], from[index + 1]];
+      const low = Math.max(minOf(index) - a, b - maxOf(index + 1));
+      const high = Math.min(maxOf(index) - a, b - minOf(index + 1));
+      const applied = Math.min(Math.max(delta, low), high);
+      if (!applied && sizes[index] === a) return;
+      const next = [...from];
+      next[index] = a + applied;
+      next[index + 1] = b - applied;
+      setSizes(next);
+      if (onResize) onResize(next);
+    };
+    const pointerDown = (event) => {
+      var _a, _b;
+      (_b = (_a = event.currentTarget).setPointerCapture) == null ? void 0 : _b.call(_a, event.pointerId);
+      const room = elements.current.reduce((sum, element) => {
+        const rect = element == null ? void 0 : element.getBoundingClientRect();
+        return sum + (rect ? horizontal ? rect.width : rect.height : 0);
+      }, 0);
+      drag.current = {
+        from: horizontal ? event.clientX : event.clientY,
+        sizes: [...sizes],
+        room
+      };
+    };
+    const pointerMove = (event, index) => {
+      var _a, _b;
+      const start = drag.current;
+      if (!start || !start.room) return;
+      if (!((_b = (_a = event.currentTarget).hasPointerCapture) == null ? void 0 : _b.call(_a, event.pointerId))) return;
+      const travelled = (horizontal ? event.clientX : event.clientY) - start.from;
+      move(index, travelled / start.room * 100, start.sizes);
+    };
+    const keyDown = (event, index) => {
+      const step = event.shiftKey ? 10 : 1;
+      const [less, more] = horizontal ? ["ArrowLeft", "ArrowRight"] : ["ArrowUp", "ArrowDown"];
+      const deltas = {
+        [less]: -step,
+        [more]: step,
+        Home: -100,
+        End: 100
+      };
+      if (!(event.key in deltas)) return;
+      event.preventDefault();
+      move(index, deltas[event.key], sizes);
+    };
+    const template = sizes.map((size) => `minmax(0, ${size}fr)`).join(" auto ");
+    const splitterStyle = {
+      "--splitter-template": template,
+      width: SCALES.width(1, "100%"),
+      height: SCALES.height(1, "100%"),
+      margin: `${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)}`,
+      "--splitter-line": theme.palette.border,
+      "--splitter-active": theme.palette.primary,
+      ...style
+    };
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: use_classes_default(Splitter_module_css_default.splitter, className, {
+          [Splitter_module_css_default.horizontal]: horizontal,
+          [Splitter_module_css_default.vertical]: !horizontal
+        }),
+        ...props,
+        style: splitterStyle,
+        children: panels.map((panel, index) => {
+          var _a;
+          const [a, b] = [sizes[index], sizes[index + 1]];
+          return /* @__PURE__ */ jsxs(React2.Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              SplitterPanelContext.Provider,
+              {
+                value: {
+                  id: `${baseId}-panel-${index}`,
+                  setElement: (element) => {
+                    elements.current[index] = element;
+                  }
+                },
+                children: panel
+              }
+            ),
+            index < panels.length - 1 && /* @__PURE__ */ jsx(
+              "div",
+              {
+                role: "separator",
+                tabIndex: 0,
+                "aria-label": handleLabel,
+                "aria-orientation": horizontal ? "vertical" : "horizontal",
+                "aria-controls": `${baseId}-panel-${index}`,
+                "aria-valuenow": Math.round(a),
+                "aria-valuemin": Math.round(
+                  Math.max(minOf(index), a + b - maxOf(index + 1))
+                ),
+                "aria-valuemax": Math.round(
+                  Math.min(maxOf(index), a + b - minOf(index + 1))
+                ),
+                className: joinClasses(Splitter_module_css_default.handle),
+                onPointerDown: pointerDown,
+                onPointerMove: (event) => pointerMove(event, index),
+                onPointerUp: () => drag.current = void 0,
+                onPointerCancel: () => drag.current = void 0,
+                onKeyDown: (event) => keyDown(event, index)
+              }
+            )
+          ] }, (_a = panel.key) != null ? _a : index);
+        })
+      }
+    );
+  }
+);
+SplitterComponent.displayName = "BolioUISplitter";
+var Splitter = with_scale_default(SplitterComponent);
+var Splitter_default = Splitter;
+
+// core/Splitter/SplitterPanel.tsx
+import React3, { useContext } from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var SplitterPanel = React3.forwardRef(
+  ({
+    // read by the Splitter
+    /* eslint-disable @typescript-eslint/no-unused-vars */
+    defaultSize,
+    minSize,
+    maxSize,
+    /* eslint-enable @typescript-eslint/no-unused-vars */
+    className = "",
+    children,
+    style,
+    ...props
+  }, ref) => {
+    const config = useContext(SplitterPanelContext);
+    return /* @__PURE__ */ jsx2(
+      "div",
+      {
+        ref: (element) => {
+          config == null ? void 0 : config.setElement(element);
+          if (typeof ref === "function") ref(element);
+          else if (ref) ref.current = element;
+        },
+        id: config == null ? void 0 : config.id,
+        className: use_classes_default(Splitter_module_css_default.panel, className),
+        ...props,
+        style,
+        children
+      }
+    );
+  }
+);
+SplitterPanel.displayName = "BolioUISplitterPanel";
+var SplitterPanel_default = SplitterPanel;
+
+// core/Splitter/index.ts
+Splitter_default.Panel = SplitterPanel_default;
+var Splitter_default2 = Splitter_default;
+
+export {
+  Splitter_default2 as Splitter_default
+};

package/esm/{chunk-XLPOECCE.js → chunk-FL6J36B7.js}

@@ -64,10 +64,11 @@ var MenuList = ({
   };
   useEffect(() => {
     var _a, _b;
-    if (focus === "list") return (_a = listRef.current) == null ? void 0 : _a.focus();
+    const options = { preventScroll: true };
+    if (focus === "list") return (_a = listRef.current) == null ? void 0 : _a.focus(options);
     const items = getItems();
     const target = focus === "first" ? items[0] : items[items.length - 1];
-    (_b = target != null ? target : listRef.current) == null ? void 0 : _b.focus();
+    (_b = target != null ? target : listRef.current) == null ? void 0 : _b.focus(options);
   }, []);
   const typeahead = (key, items, index) => {
     const now = Date.now();