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

package/esm/Select/index.js

@@ -1,19 +1,19 @@
 'use client';
 import {
   Select_default
-} from "../chunk-YHZFOVVI.js";
-import "../chunk-UVVBMWR4.js";
+} from "../chunk-DIMJQLWY.js";
+import "../chunk-JFNYQSEZ.js";
+import "../chunk-AG2NWQYL.js";
 import "../chunk-DSX6YDJM.js";
 import "../chunk-V57PNXMD.js";
 import "../chunk-JJFOGZ6V.js";
-import "../chunk-JFNYQSEZ.js";
-import "../chunk-AXYDJGTN.js";
 import "../chunk-KBZEYKCZ.js";
+import "../chunk-AXYDJGTN.js";
 import "../chunk-LDTDMDE6.js";
 import "../chunk-BXDUHMWS.js";
-import "../chunk-ZRORQ2WH.js";
 import "../chunk-33BUV2RX.js";
 import "../chunk-GGD4BGH2.js";
+import "../chunk-ZRORQ2WH.js";
 import "../chunk-GJZT47MP.js";
 import "../chunk-MAICNLTY.js";
 import "../chunk-UX2B3G6U.js";

package/esm/Slider/index.js

@@ -1,10 +1,10 @@
 'use client';
 import {
   Slider_default
-} from "../chunk-FLK7EAOE.js";
-import "../chunk-ZRORQ2WH.js";
+} from "../chunk-IUZV5Y27.js";
 import "../chunk-33BUV2RX.js";
 import "../chunk-GGD4BGH2.js";
+import "../chunk-ZRORQ2WH.js";
 import "../chunk-MAICNLTY.js";
 import "../chunk-UX2B3G6U.js";
 import "../chunk-V5I4ORQQ.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,14 +1,14 @@
 '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";
 import "../chunk-AXYDJGTN.js";
-import "../chunk-ZRORQ2WH.js";
 import "../chunk-33BUV2RX.js";
 import "../chunk-GGD4BGH2.js";
+import "../chunk-ZRORQ2WH.js";
 import "../chunk-RZBEZ26A.js";
 import "../chunk-MAICNLTY.js";
 import "../chunk-UX2B3G6U.js";

package/esm/TagsInput/TagsInput.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { NormalTypes } from '../utils/prop-types';
+interface Props {
+    value?: Array<string>;
+    initialValue?: Array<string>;
+    onChange?: (tags: Array<string>) => void;
+    max?: number;
+    allowDuplicates?: boolean;
+    type?: NormalTypes;
+    rounded?: boolean;
+    filled?: boolean;
+    light?: boolean;
+    ghost?: boolean;
+    subtle?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    error?: boolean;
+    errorMessage?: string;
+    className?: string;
+}
+type NativeAttrs = Omit<React.InputHTMLAttributes<HTMLInputElement>, keyof Props | 'defaultValue' | 'type'>;
+export type TagsInputProps = Props & NativeAttrs;
+declare const TagsInput: import("../use-scale/with-scale").ScaleComponent<HTMLInputElement, Props & NativeAttrs & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLInputElement>>;
+export default TagsInput;

package/esm/TagsInput/index.d.ts

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

package/esm/TagsInput/index.js

@@ -0,0 +1,17 @@
+'use client';
+import {
+  TagsInput_default
+} from "../chunk-G4KB56RO.js";
+import "../chunk-UOGCO6CV.js";
+import "../chunk-KBZEYKCZ.js";
+import "../chunk-GJZT47MP.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 {
+  TagsInput_default as default
+};

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/Tree/Tree.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { TreeNodeData } from './TreeContext';
+export type { TreeNodeData } from './TreeContext';
+interface Props {
+    data: Array<TreeNodeData>;
+    value?: string | null;
+    initialValue?: string | null;
+    onChange?: (value: string, node: TreeNodeData) => void;
+    expanded?: Array<string>;
+    initialExpanded?: Array<string>;
+    onExpandedChange?: (expanded: Array<string>) => void;
+    className?: string;
+}
+type NativeAttrs = Omit<React.HTMLAttributes<HTMLUListElement>, keyof Props | 'defaultValue'>;
+export type TreeProps = Props & NativeAttrs;
+declare const Tree: import("../use-scale/with-scale").ScaleComponent<HTMLUListElement, Props & NativeAttrs & React.RefAttributes<HTMLUListElement>>;
+export default Tree;

package/esm/Tree/TreeContext.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export interface TreeNodeData {
+    value: string;
+    label: React.ReactNode;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+    children?: Array<TreeNodeData>;
+}
+export interface TreeConfig {
+    selected: string | null;
+    expanded: Array<string>;
+    tabbable: string | undefined;
+    activate: (node: TreeNodeData) => void;
+    register: (value: string, element: HTMLLIElement | null) => void;
+}
+export declare const TreeContext: React.Context<TreeConfig>;
+export declare const useTreeContext: () => TreeConfig;

package/esm/Tree/TreeNode.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { TreeNodeData } from './TreeContext';
+interface Props {
+    node: TreeNodeData;
+    level: number;
+}
+declare function TreeNode({ node, level }: Props): React.JSX.Element;
+export default TreeNode;

package/esm/Tree/index.d.ts

@@ -0,0 +1,3 @@
+import Tree from './Tree';
+export type { TreeProps, TreeNodeData } from './Tree';
+export default Tree;

package/esm/Tree/index.js

@@ -0,0 +1,14 @@
+'use client';
+import {
+  Tree_default
+} from "../chunk-K6UULETP.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 {
+  Tree_default as default
+};

package/esm/chunk-2A4BSQ66.js

@@ -0,0 +1,130 @@
+import {
+  use_scale_default,
+  with_scale_default
+} from "./chunk-MAICNLTY.js";
+import {
+  use_theme_default
+} from "./chunk-V5I4ORQQ.js";
+import {
+  use_classes_default
+} from "./chunk-5KUROAEP.js";
+
+// core/SegmentedControl/SegmentedControl.tsx
+import React2, { useId, useMemo, useState } from "react";
+
+// core/SegmentedControl/SegmentedControlContext.ts
+import React from "react";
+var SegmentedControlContext = React.createContext({ disabled: false });
+var useSegmentedControlContext = () => React.useContext(SegmentedControlContext);
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/SegmentedControl/SegmentedControl.module.css.bolio-css-module-source
+var SegmentedControl_module_css_default = { "segmented": "SegmentedControl-module_segmented__DCgXM" };
+
+// core/SegmentedControl/SegmentedControl.tsx
+import { jsx } from "react/jsx-runtime";
+var SegmentedControlComponent = React2.forwardRef(
+  ({
+    value,
+    initialValue,
+    onChange,
+    disabled = false,
+    fullWidth = false,
+    className = "",
+    children,
+    style,
+    ...props
+  }, ref) => {
+    const theme = use_theme_default();
+    const { SCALES } = use_scale_default();
+    const name = useId();
+    const [selfValue, setSelfValue] = useState(initialValue);
+    const current = value !== void 0 ? value : selfValue;
+    const providerValue = useMemo(
+      () => ({
+        name,
+        value: current,
+        disabled,
+        select: (next) => {
+          setSelfValue(next);
+          if (onChange) onChange(next);
+        }
+      }),
+      [name, current, disabled, onChange]
+    );
+    const groupStyle = {
+      width: SCALES.width(1, fullWidth ? "100%" : "fit-content"),
+      height: SCALES.height(2.25),
+      margin: `${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)}`,
+      fontSize: SCALES.font(0.875),
+      "--segmented-bg": theme.palette.accents_1,
+      "--segmented-border": theme.palette.border,
+      "--segmented-color": theme.palette.accents_5,
+      "--segmented-hover-color": theme.palette.foreground,
+      "--segmented-active-bg": theme.palette.background,
+      "--segmented-active-color": theme.palette.foreground,
+      "--segmented-shadow": theme.expressiveness.shadowSmall,
+      "--segmented-focus": theme.palette.primary,
+      "--segmented-radius": theme.layout.radius,
+      ...style
+    };
+    return /* @__PURE__ */ jsx(SegmentedControlContext.Provider, { value: providerValue, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        role: "radiogroup",
+        "aria-disabled": disabled || void 0,
+        className: use_classes_default(SegmentedControl_module_css_default.segmented, className),
+        ...props,
+        style: groupStyle,
+        children
+      }
+    ) });
+  }
+);
+SegmentedControlComponent.displayName = "BolioUISegmentedControl";
+var SegmentedControl = with_scale_default(SegmentedControlComponent);
+var SegmentedControl_default = SegmentedControl;
+
+// core/SegmentedControl/SegmentedControlItem.tsx
+import React3 from "react";
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/SegmentedControl/SegmentedControlItem.module.css.bolio-css-module-source
+var SegmentedControlItem_module_css_default = { "item": "SegmentedControlItem-module_item__R48V1", "input": "SegmentedControlItem-module_input__Q8UWL", "text": "SegmentedControlItem-module_text__7YVZC" };
+
+// core/SegmentedControl/SegmentedControlItem.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var SegmentedControlItem = React3.forwardRef(
+  ({ value, disabled = false, className = "", children, style, ...props }, ref) => {
+    const group = useSegmentedControlContext();
+    return /* @__PURE__ */ jsxs("label", { className: use_classes_default(SegmentedControlItem_module_css_default.item, className), style, children: [
+      /* @__PURE__ */ jsx2(
+        "input",
+        {
+          ref,
+          type: "radio",
+          className: SegmentedControlItem_module_css_default.input,
+          name: group.name,
+          value,
+          checked: group.value === value,
+          disabled: disabled || group.disabled,
+          onChange: () => {
+            var _a;
+            return (_a = group.select) == null ? void 0 : _a.call(group, value);
+          },
+          ...props
+        }
+      ),
+      /* @__PURE__ */ jsx2("span", { className: SegmentedControlItem_module_css_default.text, children })
+    ] });
+  }
+);
+SegmentedControlItem.displayName = "BolioUISegmentedControlItem";
+var SegmentedControlItem_default = SegmentedControlItem;
+
+// core/SegmentedControl/index.ts
+SegmentedControl_default.Item = SegmentedControlItem_default;
+var SegmentedControl_default2 = SegmentedControl_default;
+
+export {
+  SegmentedControl_default2 as SegmentedControl_default
+};

package/esm/{chunk-HIFS4JIO.js → chunk-2EYJZXS4.js}

@@ -1,12 +1,12 @@
+import {
+  getColors
+} from "./chunk-KBZEYKCZ.js";
 import {
   Calendar_default,
   fromISO,
   startOfDay,
   toISO
-} from "./chunk-IBC5BABS.js";
-import {
-  getColors
-} from "./chunk-KBZEYKCZ.js";
+} from "./chunk-P245HSVB.js";
 import {
   use_click_away_default
 } from "./chunk-DGXZP4VJ.js";