@sia.soul/sia-react-ui 0.1.2 → 0.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -604,8 +604,8 @@ var coreIconPaths = {
604
604
  download: /* @__PURE__ */ jsx2(Fragment2, { children: /* @__PURE__ */ jsx2("path", { d: "M12 3v12M7 10l5 5 5-5M4 20h16" }) }),
605
605
  upload: /* @__PURE__ */ jsx2(Fragment2, { children: /* @__PURE__ */ jsx2("path", { d: "M12 16V4M7 9l5-5 5 5M4 20h16" }) }),
606
606
  refresh: /* @__PURE__ */ jsxs2(Fragment2, { children: [
607
- /* @__PURE__ */ jsx2("path", { d: "M20 7v5h-5" }),
608
- /* @__PURE__ */ jsx2("path", { d: "M19 12a7.5 7.5 0 1 1-2-5" })
607
+ /* @__PURE__ */ jsx2("path", { d: "M20 4v4.686h-4.686" }),
608
+ /* @__PURE__ */ jsx2("path", { d: "M20 8.686 17.657 6.343A8 8 0 1 0 20 12" })
609
609
  ] }),
610
610
  loader: /* @__PURE__ */ jsx2("path", { d: "M12 3v3M12 18v3M3 12h3M18 12h3M5.6 5.6l2.1 2.1M16.3 16.3l2.1 2.1M18.4 5.6l-2.1 2.1M7.7 16.3l-2.1 2.1" }),
611
611
  calendar: /* @__PURE__ */ jsxs2(Fragment2, { children: [
@@ -5,7 +5,7 @@ import {
5
5
  Icon,
6
6
  PopupPortal,
7
7
  useControllableState
8
- } from "./chunk-YCVXUMGP.js";
8
+ } from "./chunk-2RRTDU3N.js";
9
9
 
10
10
  // src/components/Navigation.tsx
11
11
  import { useEffect, useId, useMemo, useRef, useState } from "react";
@@ -2,7 +2,7 @@ import {
2
2
  Icon,
3
3
  PopupPortal,
4
4
  useControllableState
5
- } from "./chunk-YCVXUMGP.js";
5
+ } from "./chunk-2RRTDU3N.js";
6
6
 
7
7
  // src/components/Select.tsx
8
8
  import { forwardRef, useDeferredValue, useEffect, useId, useMemo, useRef, useState } from "react";
@@ -1,13 +1,13 @@
1
1
  import {
2
2
  Dropdown,
3
3
  Input
4
- } from "./chunk-DZ45HRVP.js";
4
+ } from "./chunk-IMZT6VCU.js";
5
5
  import {
6
6
  Button
7
7
  } from "./chunk-MBS2HXLZ.js";
8
8
  import {
9
9
  Icon
10
- } from "./chunk-YCVXUMGP.js";
10
+ } from "./chunk-2RRTDU3N.js";
11
11
 
12
12
  // src/components/RichTextEditor.tsx
13
13
  import { useEffect, useMemo, useRef, useState } from "react";
@@ -3,14 +3,14 @@ import {
3
3
  } from "./chunk-NZAT2RUM.js";
4
4
  import {
5
5
  Dropdown
6
- } from "./chunk-DZ45HRVP.js";
6
+ } from "./chunk-IMZT6VCU.js";
7
7
  import {
8
8
  Button
9
9
  } from "./chunk-MBS2HXLZ.js";
10
10
  import {
11
11
  Icon,
12
12
  useControllableState
13
- } from "./chunk-YCVXUMGP.js";
13
+ } from "./chunk-2RRTDU3N.js";
14
14
 
15
15
  // src/components/Card.tsx
16
16
  import { useState } from "react";
@@ -1,11 +1,11 @@
1
1
  import {
2
2
  Select
3
- } from "./chunk-JKZGAZMB.js";
3
+ } from "./chunk-OAC7BSUR.js";
4
4
  import {
5
5
  Icon,
6
6
  PopupPortal,
7
7
  useControllableState
8
- } from "./chunk-YCVXUMGP.js";
8
+ } from "./chunk-2RRTDU3N.js";
9
9
 
10
10
  // src/components/DatePicker.tsx
11
11
  import { useEffect, useId, useMemo, useRef as useRef2, useState } from "react";
package/dist/core.cjs CHANGED
@@ -704,8 +704,8 @@ var coreIconPaths = {
704
704
  download: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 3v12M7 10l5 5 5-5M4 20h16" }) }),
705
705
  upload: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 16V4M7 9l5-5 5 5M4 20h16" }) }),
706
706
  refresh: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
707
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M20 7v5h-5" }),
708
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M19 12a7.5 7.5 0 1 1-2-5" })
707
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M20 4v4.686h-4.686" }),
708
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M20 8.686 17.657 6.343A8 8 0 1 0 20 12" })
709
709
  ] }),
710
710
  loader: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 3v3M12 18v3M3 12h3M18 12h3M5.6 5.6l2.1 2.1M16.3 16.3l2.1 2.1M18.4 5.6l-2.1 2.1M7.7 16.3l-2.1 2.1" }),
711
711
  calendar: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
package/dist/core.css CHANGED
@@ -63,6 +63,18 @@
63
63
  width: 0;
64
64
  height: 0;
65
65
  }
66
+ .sia-scrollbar-track {
67
+ --sia-scrollbar-size: 3px;
68
+ }
69
+ .sia-scrollbar-track:hover,
70
+ .sia-scrollbar-track:has(> :active) {
71
+ --sia-scrollbar-size: 6px;
72
+ }
73
+ @media (prefers-reduced-motion: reduce) {
74
+ .sia-scrollbar-track > * {
75
+ transition: none !important;
76
+ }
77
+ }
66
78
  .sia-floating-scrollbar-layer {
67
79
  position: fixed;
68
80
  z-index: 2147483646;
@@ -100,14 +112,16 @@
100
112
  background: var(--sia-scrollbar-thumb-hover);
101
113
  }
102
114
  .sia-floating-scrollbar--horizontal .sia-floating-scrollbar__thumb {
103
- top: 2px;
115
+ bottom: 0;
104
116
  left: 0;
105
- height: 6px;
117
+ height: var(--sia-scrollbar-size);
118
+ transition: background-color 120ms ease, height 150ms ease;
106
119
  }
107
120
  .sia-floating-scrollbar--vertical .sia-floating-scrollbar__thumb {
108
121
  top: 0;
109
- left: 2px;
110
- width: 6px;
122
+ right: 0;
123
+ width: var(--sia-scrollbar-size);
124
+ transition: background-color 120ms ease, width 150ms ease;
111
125
  }
112
126
  .sia-button,
113
127
  .sia-input,
@@ -3232,18 +3246,20 @@
3232
3246
  background: rgb(64 64 64 / 82%);
3233
3247
  }
3234
3248
  .sia-table__scrollbar--horizontal .sia-table__scrollbar-thumb {
3235
- top: 2px;
3249
+ bottom: 0;
3236
3250
  left: 0;
3237
3251
  width: var(--sia-table-scrollbar-x-size, 0);
3238
- height: 6px;
3252
+ height: var(--sia-scrollbar-size);
3239
3253
  transform: translateX(var(--sia-table-scrollbar-x-position, 0));
3254
+ transition: background-color 120ms ease, height 150ms ease;
3240
3255
  }
3241
3256
  .sia-table__scrollbar--vertical .sia-table__scrollbar-thumb {
3242
3257
  top: 0;
3243
- left: 2px;
3244
- width: 6px;
3258
+ right: 0;
3259
+ width: var(--sia-scrollbar-size);
3245
3260
  height: var(--sia-table-scrollbar-y-size, 0);
3246
3261
  transform: translateY(var(--sia-table-scrollbar-y-position, 0));
3262
+ transition: background-color 120ms ease, width 150ms ease;
3247
3263
  }
3248
3264
  .sia-table__empty {
3249
3265
  position: absolute;
@@ -6145,7 +6161,7 @@
6145
6161
  border-radius: 2px 2px 0 0;
6146
6162
  }
6147
6163
  .sia-menu__popup {
6148
- min-width: 180px;
6164
+ width: max-content;
6149
6165
  padding: 4px;
6150
6166
  color: var(--sia-color-text);
6151
6167
  background: var(--sia-color-surface);
@@ -6300,7 +6316,7 @@
6300
6316
  pointer-events: none;
6301
6317
  }
6302
6318
  .sia-dropdown__popup {
6303
- min-width: 180px;
6319
+ width: max-content;
6304
6320
  padding: 4px;
6305
6321
  color: var(--sia-color-text);
6306
6322
  background: var(--sia-color-surface);
@@ -6320,7 +6336,7 @@
6320
6336
  animation: sia-dropdown-popup-out 150ms cubic-bezier(.4, 0, 1, 1) both;
6321
6337
  }
6322
6338
  .sia-dropdown__menu {
6323
- min-width: 180px;
6339
+ min-width: 0;
6324
6340
  padding: 0;
6325
6341
  background: transparent;
6326
6342
  border: 0;
package/dist/core.js CHANGED
@@ -10,21 +10,21 @@ import {
10
10
  Typography,
11
11
  Upload,
12
12
  message
13
- } from "./chunk-ZPYGBMBH.js";
13
+ } from "./chunk-Q4XNFMUH.js";
14
14
  import "./chunk-NZAT2RUM.js";
15
15
  import {
16
16
  Input,
17
17
  Segmented
18
- } from "./chunk-DZ45HRVP.js";
18
+ } from "./chunk-IMZT6VCU.js";
19
19
  import {
20
20
  Button
21
21
  } from "./chunk-MBS2HXLZ.js";
22
22
  import {
23
23
  Select
24
- } from "./chunk-JKZGAZMB.js";
24
+ } from "./chunk-OAC7BSUR.js";
25
25
  import {
26
26
  Icon
27
- } from "./chunk-YCVXUMGP.js";
27
+ } from "./chunk-2RRTDU3N.js";
28
28
  export {
29
29
  Breadcrumb,
30
30
  Button,
package/dist/index.cjs CHANGED
@@ -794,8 +794,8 @@ var coreIconPaths = {
794
794
  download: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M12 3v12M7 10l5 5 5-5M4 20h16" }) }),
795
795
  upload: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M12 16V4M7 9l5-5 5 5M4 20h16" }) }),
796
796
  refresh: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
797
- /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M20 7v5h-5" }),
798
- /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M19 12a7.5 7.5 0 1 1-2-5" })
797
+ /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M20 4v4.686h-4.686" }),
798
+ /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M20 8.686 17.657 6.343A8 8 0 1 0 20 12" })
799
799
  ] }),
800
800
  loader: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M12 3v3M12 18v3M3 12h3M18 12h3M5.6 5.6l2.1 2.1M16.3 16.3l2.1 2.1M18.4 5.6l-2.1 2.1M7.7 16.3l-2.1 2.1" }),
801
801
  calendar: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
@@ -11327,10 +11327,13 @@ function TableInner(props, ref) {
11327
11327
  const [autoColumnWidths, setAutoColumnWidths] = (0, import_react41.useState)({});
11328
11328
  const getRowKey = (0, import_react41.useCallback)((record, index) => typeof rowKey === "function" ? rowKey(record, index) : record[String(rowKey)] ?? index, [rowKey]);
11329
11329
  const builtInResizePlugin = (0, import_react41.useMemo)(() => createResizePlugin(), []);
11330
+ const builtInHighlightPlugin = (0, import_react41.useMemo)(() => createHighlightPlugin(), []);
11330
11331
  const activePlugins = (0, import_react41.useMemo)(() => {
11331
11332
  const plugins = providedPlugins.filter((plugin) => resizable || plugin.id !== "resize");
11332
- return resizable && !plugins.some((plugin) => plugin.id === "resize") ? [...plugins, builtInResizePlugin] : plugins;
11333
- }, [builtInResizePlugin, providedPlugins, resizable]);
11333
+ if (!plugins.some((plugin) => plugin.id === "highlight")) plugins.push(builtInHighlightPlugin);
11334
+ if (resizable && !plugins.some((plugin) => plugin.id === "resize")) plugins.push(builtInResizePlugin);
11335
+ return plugins;
11336
+ }, [builtInHighlightPlugin, builtInResizePlugin, providedPlugins, resizable]);
11334
11337
  const sortedPlugins = (0, import_react41.useMemo)(() => [...activePlugins].sort((a, b) => (a.order ?? 100) - (b.order ?? 100)), [activePlugins]);
11335
11338
  const pluginsByIdRef = (0, import_react41.useRef)(/* @__PURE__ */ new Map());
11336
11339
  pluginsByIdRef.current = new Map(sortedPlugins.map((plugin) => [plugin.id, plugin]));
@@ -11777,7 +11780,7 @@ function TableInner(props, ref) {
11777
11780
  summaries.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("tfoot", { className: "sia-table__summary", children: summaries.map(renderSummaryRow) }) : null
11778
11781
  ] }) }),
11779
11782
  pipeline.rows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "sia-table__empty", role: "status", children: emptyText }) : null,
11780
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "sia-table__scrollbar sia-table__scrollbar--horizontal", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
11783
+ /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "sia-scrollbar-track sia-table__scrollbar sia-table__scrollbar--horizontal", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
11781
11784
  "div",
11782
11785
  {
11783
11786
  className: "sia-table__scrollbar-thumb",
@@ -11787,7 +11790,7 @@ function TableInner(props, ref) {
11787
11790
  onPointerCancel: handleScrollbarPointerEnd
11788
11791
  }
11789
11792
  ) }),
11790
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "sia-table__scrollbar sia-table__scrollbar--vertical", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
11793
+ /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "sia-scrollbar-track sia-table__scrollbar sia-table__scrollbar--vertical", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
11791
11794
  "div",
11792
11795
  {
11793
11796
  className: "sia-table__scrollbar-thumb",
@@ -11905,7 +11908,7 @@ function visibleRect(target) {
11905
11908
  function createTrack(axis) {
11906
11909
  const track = document.createElement("div");
11907
11910
  const thumb = document.createElement("div");
11908
- track.className = `sia-floating-scrollbar sia-floating-scrollbar--${axis}`;
11911
+ track.className = `sia-scrollbar-track sia-floating-scrollbar sia-floating-scrollbar--${axis}`;
11909
11912
  thumb.className = "sia-floating-scrollbar__thumb";
11910
11913
  track.dataset.axis = axis;
11911
11914
  track.setAttribute("aria-hidden", "true");
package/dist/index.css CHANGED
@@ -63,6 +63,18 @@
63
63
  width: 0;
64
64
  height: 0;
65
65
  }
66
+ .sia-scrollbar-track {
67
+ --sia-scrollbar-size: 3px;
68
+ }
69
+ .sia-scrollbar-track:hover,
70
+ .sia-scrollbar-track:has(> :active) {
71
+ --sia-scrollbar-size: 6px;
72
+ }
73
+ @media (prefers-reduced-motion: reduce) {
74
+ .sia-scrollbar-track > * {
75
+ transition: none !important;
76
+ }
77
+ }
66
78
  .sia-floating-scrollbar-layer {
67
79
  position: fixed;
68
80
  z-index: 2147483646;
@@ -100,14 +112,16 @@
100
112
  background: var(--sia-scrollbar-thumb-hover);
101
113
  }
102
114
  .sia-floating-scrollbar--horizontal .sia-floating-scrollbar__thumb {
103
- top: 2px;
115
+ bottom: 0;
104
116
  left: 0;
105
- height: 6px;
117
+ height: var(--sia-scrollbar-size);
118
+ transition: background-color 120ms ease, height 150ms ease;
106
119
  }
107
120
  .sia-floating-scrollbar--vertical .sia-floating-scrollbar__thumb {
108
121
  top: 0;
109
- left: 2px;
110
- width: 6px;
122
+ right: 0;
123
+ width: var(--sia-scrollbar-size);
124
+ transition: background-color 120ms ease, width 150ms ease;
111
125
  }
112
126
  .sia-button,
113
127
  .sia-input,
@@ -3232,18 +3246,20 @@
3232
3246
  background: rgb(64 64 64 / 82%);
3233
3247
  }
3234
3248
  .sia-table__scrollbar--horizontal .sia-table__scrollbar-thumb {
3235
- top: 2px;
3249
+ bottom: 0;
3236
3250
  left: 0;
3237
3251
  width: var(--sia-table-scrollbar-x-size, 0);
3238
- height: 6px;
3252
+ height: var(--sia-scrollbar-size);
3239
3253
  transform: translateX(var(--sia-table-scrollbar-x-position, 0));
3254
+ transition: background-color 120ms ease, height 150ms ease;
3240
3255
  }
3241
3256
  .sia-table__scrollbar--vertical .sia-table__scrollbar-thumb {
3242
3257
  top: 0;
3243
- left: 2px;
3244
- width: 6px;
3258
+ right: 0;
3259
+ width: var(--sia-scrollbar-size);
3245
3260
  height: var(--sia-table-scrollbar-y-size, 0);
3246
3261
  transform: translateY(var(--sia-table-scrollbar-y-position, 0));
3262
+ transition: background-color 120ms ease, width 150ms ease;
3247
3263
  }
3248
3264
  .sia-table__empty {
3249
3265
  position: absolute;
@@ -6145,7 +6161,7 @@
6145
6161
  border-radius: 2px 2px 0 0;
6146
6162
  }
6147
6163
  .sia-menu__popup {
6148
- min-width: 180px;
6164
+ width: max-content;
6149
6165
  padding: 4px;
6150
6166
  color: var(--sia-color-text);
6151
6167
  background: var(--sia-color-surface);
@@ -6300,7 +6316,7 @@
6300
6316
  pointer-events: none;
6301
6317
  }
6302
6318
  .sia-dropdown__popup {
6303
- min-width: 180px;
6319
+ width: max-content;
6304
6320
  padding: 4px;
6305
6321
  color: var(--sia-color-text);
6306
6322
  background: var(--sia-color-surface);
@@ -6320,7 +6336,7 @@
6320
6336
  animation: sia-dropdown-popup-out 150ms cubic-bezier(.4, 0, 1, 1) both;
6321
6337
  }
6322
6338
  .sia-dropdown__menu {
6323
- min-width: 180px;
6339
+ min-width: 0;
6324
6340
  padding: 0;
6325
6341
  background: transparent;
6326
6342
  border: 0;
package/dist/index.d.cts CHANGED
@@ -865,6 +865,7 @@ interface TableProps<T extends Record<string, unknown> = Record<string, unknown>
865
865
  dataSource?: readonly T[];
866
866
  columns?: readonly TableColumn<T>[];
867
867
  rowKey?: keyof T | string | ((record: T, index: number) => TableKey);
868
+ /** 默认启用行悬停高亮;传入 createHighlightPlugin({ row: false }) 可关闭。 */
868
869
  plugins?: readonly AnyTablePlugin<T>[];
869
870
  loading?: boolean;
870
871
  emptyText?: ReactNode;
package/dist/index.d.ts CHANGED
@@ -865,6 +865,7 @@ interface TableProps<T extends Record<string, unknown> = Record<string, unknown>
865
865
  dataSource?: readonly T[];
866
866
  columns?: readonly TableColumn<T>[];
867
867
  rowKey?: keyof T | string | ((record: T, index: number) => TableKey);
868
+ /** 默认启用行悬停高亮;传入 createHighlightPlugin({ row: false }) 可关闭。 */
868
869
  plugins?: readonly AnyTablePlugin<T>[];
869
870
  loading?: boolean;
870
871
  emptyText?: ReactNode;
package/dist/index.js CHANGED
@@ -87,7 +87,7 @@ import {
87
87
  message,
88
88
  notification,
89
89
  useOverlayLifecycle
90
- } from "./chunk-ZPYGBMBH.js";
90
+ } from "./chunk-Q4XNFMUH.js";
91
91
  import {
92
92
  TextArea
93
93
  } from "./chunk-NZAT2RUM.js";
@@ -97,14 +97,14 @@ import {
97
97
  import {
98
98
  RichTextContent,
99
99
  RichTextEditor
100
- } from "./chunk-OMA75YLM.js";
100
+ } from "./chunk-OQLDEVCF.js";
101
101
  import {
102
102
  Dropdown,
103
103
  Input,
104
104
  Menu,
105
105
  Segmented,
106
106
  Steps
107
- } from "./chunk-DZ45HRVP.js";
107
+ } from "./chunk-IMZT6VCU.js";
108
108
  import {
109
109
  Button
110
110
  } from "./chunk-MBS2HXLZ.js";
@@ -112,17 +112,17 @@ import {
112
112
  DatePicker,
113
113
  SelectDateRange,
114
114
  TimePanel
115
- } from "./chunk-QEDWRVDA.js";
115
+ } from "./chunk-R4OWKIXJ.js";
116
116
  import {
117
117
  Select
118
- } from "./chunk-JKZGAZMB.js";
118
+ } from "./chunk-OAC7BSUR.js";
119
119
  import {
120
120
  FILLED_ICON_NAMES,
121
121
  ICON_NAMES,
122
122
  Icon,
123
123
  PopupPortal,
124
124
  useControllableState
125
- } from "./chunk-YCVXUMGP.js";
125
+ } from "./chunk-2RRTDU3N.js";
126
126
 
127
127
  // src/components/Alert.tsx
128
128
  import { useState } from "react";
@@ -6013,10 +6013,13 @@ function TableInner(props, ref) {
6013
6013
  const [autoColumnWidths, setAutoColumnWidths] = useState16({});
6014
6014
  const getRowKey = useCallback2((record, index) => typeof rowKey === "function" ? rowKey(record, index) : record[String(rowKey)] ?? index, [rowKey]);
6015
6015
  const builtInResizePlugin = useMemo9(() => createResizePlugin(), []);
6016
+ const builtInHighlightPlugin = useMemo9(() => createHighlightPlugin(), []);
6016
6017
  const activePlugins = useMemo9(() => {
6017
6018
  const plugins = providedPlugins.filter((plugin) => resizable || plugin.id !== "resize");
6018
- return resizable && !plugins.some((plugin) => plugin.id === "resize") ? [...plugins, builtInResizePlugin] : plugins;
6019
- }, [builtInResizePlugin, providedPlugins, resizable]);
6019
+ if (!plugins.some((plugin) => plugin.id === "highlight")) plugins.push(builtInHighlightPlugin);
6020
+ if (resizable && !plugins.some((plugin) => plugin.id === "resize")) plugins.push(builtInResizePlugin);
6021
+ return plugins;
6022
+ }, [builtInHighlightPlugin, builtInResizePlugin, providedPlugins, resizable]);
6020
6023
  const sortedPlugins = useMemo9(() => [...activePlugins].sort((a, b) => (a.order ?? 100) - (b.order ?? 100)), [activePlugins]);
6021
6024
  const pluginsByIdRef = useRef13(/* @__PURE__ */ new Map());
6022
6025
  pluginsByIdRef.current = new Map(sortedPlugins.map((plugin) => [plugin.id, plugin]));
@@ -6463,7 +6466,7 @@ function TableInner(props, ref) {
6463
6466
  summaries.length > 0 ? /* @__PURE__ */ jsx20("tfoot", { className: "sia-table__summary", children: summaries.map(renderSummaryRow) }) : null
6464
6467
  ] }) }),
6465
6468
  pipeline.rows.length === 0 ? /* @__PURE__ */ jsx20("div", { className: "sia-table__empty", role: "status", children: emptyText }) : null,
6466
- /* @__PURE__ */ jsx20("div", { className: "sia-table__scrollbar sia-table__scrollbar--horizontal", "aria-hidden": "true", children: /* @__PURE__ */ jsx20(
6469
+ /* @__PURE__ */ jsx20("div", { className: "sia-scrollbar-track sia-table__scrollbar sia-table__scrollbar--horizontal", "aria-hidden": "true", children: /* @__PURE__ */ jsx20(
6467
6470
  "div",
6468
6471
  {
6469
6472
  className: "sia-table__scrollbar-thumb",
@@ -6473,7 +6476,7 @@ function TableInner(props, ref) {
6473
6476
  onPointerCancel: handleScrollbarPointerEnd
6474
6477
  }
6475
6478
  ) }),
6476
- /* @__PURE__ */ jsx20("div", { className: "sia-table__scrollbar sia-table__scrollbar--vertical", "aria-hidden": "true", children: /* @__PURE__ */ jsx20(
6479
+ /* @__PURE__ */ jsx20("div", { className: "sia-scrollbar-track sia-table__scrollbar sia-table__scrollbar--vertical", "aria-hidden": "true", children: /* @__PURE__ */ jsx20(
6477
6480
  "div",
6478
6481
  {
6479
6482
  className: "sia-table__scrollbar-thumb",
@@ -6591,7 +6594,7 @@ function visibleRect(target) {
6591
6594
  function createTrack(axis) {
6592
6595
  const track = document.createElement("div");
6593
6596
  const thumb = document.createElement("div");
6594
- track.className = `sia-floating-scrollbar sia-floating-scrollbar--${axis}`;
6597
+ track.className = `sia-scrollbar-track sia-floating-scrollbar sia-floating-scrollbar--${axis}`;
6595
6598
  thumb.className = "sia-floating-scrollbar__thumb";
6596
6599
  track.dataset.axis = axis;
6597
6600
  track.setAttribute("aria-hidden", "true");
@@ -715,8 +715,8 @@ var coreIconPaths = {
715
715
  download: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 3v12M7 10l5 5 5-5M4 20h16" }) }),
716
716
  upload: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 16V4M7 9l5-5 5 5M4 20h16" }) }),
717
717
  refresh: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
718
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M20 7v5h-5" }),
719
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M19 12a7.5 7.5 0 1 1-2-5" })
718
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M20 4v4.686h-4.686" }),
719
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M20 8.686 17.657 6.343A8 8 0 1 0 20 12" })
720
720
  ] }),
721
721
  loader: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 3v3M12 18v3M3 12h3M18 12h3M5.6 5.6l2.1 2.1M16.3 16.3l2.1 2.1M18.4 5.6l-2.1 2.1M7.7 16.3l-2.1 2.1" }),
722
722
  calendar: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
@@ -1,10 +1,10 @@
1
1
  import {
2
2
  RichTextContent,
3
3
  RichTextEditor
4
- } from "./chunk-OMA75YLM.js";
5
- import "./chunk-DZ45HRVP.js";
4
+ } from "./chunk-OQLDEVCF.js";
5
+ import "./chunk-IMZT6VCU.js";
6
6
  import "./chunk-MBS2HXLZ.js";
7
- import "./chunk-YCVXUMGP.js";
7
+ import "./chunk-2RRTDU3N.js";
8
8
  export {
9
9
  RichTextContent,
10
10
  RichTextEditor
@@ -633,8 +633,8 @@ var coreIconPaths = {
633
633
  download: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M12 3v12M7 10l5 5 5-5M4 20h16" }) }),
634
634
  upload: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M12 16V4M7 9l5-5 5 5M4 20h16" }) }),
635
635
  refresh: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
636
- /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M20 7v5h-5" }),
637
- /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M19 12a7.5 7.5 0 1 1-2-5" })
636
+ /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M20 4v4.686h-4.686" }),
637
+ /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M20 8.686 17.657 6.343A8 8 0 1 0 20 12" })
638
638
  ] }),
639
639
  loader: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M12 3v3M12 18v3M3 12h3M18 12h3M5.6 5.6l2.1 2.1M16.3 16.3l2.1 2.1M18.4 5.6l-2.1 2.1M7.7 16.3l-2.1 2.1" }),
640
640
  calendar: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  SelectDateRange
3
- } from "./chunk-QEDWRVDA.js";
4
- import "./chunk-JKZGAZMB.js";
5
- import "./chunk-YCVXUMGP.js";
3
+ } from "./chunk-R4OWKIXJ.js";
4
+ import "./chunk-OAC7BSUR.js";
5
+ import "./chunk-2RRTDU3N.js";
6
6
  export {
7
7
  SelectDateRange
8
8
  };
package/package.json CHANGED
@@ -1,129 +1,129 @@
1
- {
2
- "name": "@sia.soul/sia-react-ui",
3
- "version": "0.1.2",
4
- "description": "Sia Design components and tokens for React",
5
- "publishConfig": {
6
- "access": "public",
7
- "registry": "https://registry.npmjs.org/"
8
- },
9
- "type": "module",
10
- "main": "./dist/index.cjs",
11
- "module": "./dist/index.js",
12
- "types": "./dist/index.d.ts",
13
- "sideEffects": [
14
- "**/*.css"
15
- ],
16
- "exports": {
17
- ".": {
18
- "types": "./dist/index.d.ts",
19
- "import": "./dist/index.js",
20
- "require": "./dist/index.cjs"
21
- },
22
- "./core": {
23
- "types": "./dist/core.d.ts",
24
- "import": "./dist/core.js",
25
- "require": "./dist/core.cjs"
26
- },
27
- "./select-date-range": {
28
- "types": "./dist/select-date-range.d.ts",
29
- "import": "./dist/select-date-range.js",
30
- "require": "./dist/select-date-range.cjs"
31
- },
32
- "./rich-text-editor": {
33
- "types": "./dist/rich-text-editor.d.ts",
34
- "import": "./dist/rich-text-editor.js",
35
- "require": "./dist/rich-text-editor.cjs"
36
- },
37
- "./markdown-editor": {
38
- "types": "./dist/markdown-editor.d.ts",
39
- "import": "./dist/markdown-editor.js",
40
- "require": "./dist/markdown-editor.cjs"
41
- },
42
- "./chart": {
43
- "types": "./dist/chart.d.ts",
44
- "import": "./dist/chart.js",
45
- "require": "./dist/chart.cjs"
46
- },
47
- "./styles.css": "./dist/index.css"
48
- },
49
- "files": [
50
- "dist",
51
- "THIRD_PARTY_NOTICES.md"
52
- ],
53
- "scripts": {
54
- "build": "tsup src/index.ts src/core.ts src/select-date-range.ts src/rich-text-editor.ts src/markdown-editor.ts src/chart.ts --format esm,cjs --dts --clean",
55
- "typecheck": "tsc -p tsconfig.json",
56
- "prepublishOnly": "pnpm typecheck && pnpm build"
57
- },
58
- "peerDependencies": {
59
- "react": ">=18",
60
- "react-dom": ">=18"
61
- },
62
- "dependencies": {
63
- "@tiptap/core": "3",
64
- "@tiptap/extension-blockquote": "3",
65
- "@tiptap/extension-bold": "3",
66
- "@tiptap/extension-bullet-list": "3",
67
- "@tiptap/extension-code": "3",
68
- "@tiptap/extension-code-block": "3",
69
- "@tiptap/extension-document": "3",
70
- "@tiptap/extension-dropcursor": "3",
71
- "@tiptap/extension-gapcursor": "3",
72
- "@tiptap/extension-hard-break": "3",
73
- "@tiptap/extension-heading": "3",
74
- "@tiptap/extension-horizontal-rule": "3",
75
- "@tiptap/extension-image": "3",
76
- "@tiptap/extension-italic": "3",
77
- "@tiptap/extension-link": "3",
78
- "@tiptap/extension-list": "3",
79
- "@tiptap/extension-list-item": "3",
80
- "@tiptap/extension-list-keymap": "3",
81
- "@tiptap/extension-ordered-list": "3",
82
- "@tiptap/extension-paragraph": "3",
83
- "@tiptap/extension-placeholder": "3",
84
- "@tiptap/extension-strike": "3",
85
- "@tiptap/extension-table": "3",
86
- "@tiptap/extension-table-cell": "3",
87
- "@tiptap/extension-table-header": "3",
88
- "@tiptap/extension-table-row": "3",
89
- "@tiptap/extension-task-item": "3",
90
- "@tiptap/extension-task-list": "3",
91
- "@tiptap/extension-text": "3",
92
- "@tiptap/extension-underline": "3",
93
- "@tiptap/extensions": "3",
94
- "@tiptap/markdown": "3",
95
- "@tiptap/pm": "3",
96
- "@tiptap/starter-kit": "3",
97
- "dompurify": "3.4.8",
98
- "fast-equals": "5.3.3",
99
- "linkifyjs": "4.3.3",
100
- "marked": "17.0.6",
101
- "monaco-editor": "0.56.0",
102
- "orderedmap": "2",
103
- "prosemirror-changeset": "^2.4.1",
104
- "prosemirror-commands": "^1.7.2",
105
- "prosemirror-dropcursor": "^1.8.3",
106
- "prosemirror-gapcursor": "^1.4.1",
107
- "prosemirror-history": "^1.5.0",
108
- "prosemirror-inputrules": "^1.5.1",
109
- "prosemirror-keymap": "^1.2.3",
110
- "prosemirror-model": "^1.25.11",
111
- "prosemirror-schema-list": "^1.5.1",
112
- "prosemirror-state": "^1.4.4",
113
- "prosemirror-tables": "^1.8.5",
114
- "prosemirror-transform": "^1.12.0",
115
- "prosemirror-view": "^1.42.2",
116
- "rope-sequence": "1.3.0",
117
- "use-sync-external-store": "1.6.0",
118
- "vditor": "3.11.3",
119
- "w3c-keyname": "2.2.0"
120
- },
121
- "devDependencies": {
122
- "@types/react": "^18.3.12",
123
- "@types/react-dom": "^18.3.1",
124
- "react": "^18.3.1",
125
- "react-dom": "^18.3.1",
126
- "tsup": "^8.3.5",
127
- "typescript": "^5.7.2"
128
- }
129
- }
1
+ {
2
+ "name": "@sia.soul/sia-react-ui",
3
+ "version": "0.1.3",
4
+ "description": "Sia Design components and tokens for React",
5
+ "publishConfig": {
6
+ "access": "public",
7
+ "registry": "https://registry.npmjs.org/"
8
+ },
9
+ "type": "module",
10
+ "main": "./dist/index.cjs",
11
+ "module": "./dist/index.js",
12
+ "types": "./dist/index.d.ts",
13
+ "sideEffects": [
14
+ "**/*.css"
15
+ ],
16
+ "exports": {
17
+ ".": {
18
+ "types": "./dist/index.d.ts",
19
+ "import": "./dist/index.js",
20
+ "require": "./dist/index.cjs"
21
+ },
22
+ "./core": {
23
+ "types": "./dist/core.d.ts",
24
+ "import": "./dist/core.js",
25
+ "require": "./dist/core.cjs"
26
+ },
27
+ "./select-date-range": {
28
+ "types": "./dist/select-date-range.d.ts",
29
+ "import": "./dist/select-date-range.js",
30
+ "require": "./dist/select-date-range.cjs"
31
+ },
32
+ "./rich-text-editor": {
33
+ "types": "./dist/rich-text-editor.d.ts",
34
+ "import": "./dist/rich-text-editor.js",
35
+ "require": "./dist/rich-text-editor.cjs"
36
+ },
37
+ "./markdown-editor": {
38
+ "types": "./dist/markdown-editor.d.ts",
39
+ "import": "./dist/markdown-editor.js",
40
+ "require": "./dist/markdown-editor.cjs"
41
+ },
42
+ "./chart": {
43
+ "types": "./dist/chart.d.ts",
44
+ "import": "./dist/chart.js",
45
+ "require": "./dist/chart.cjs"
46
+ },
47
+ "./styles.css": "./dist/index.css"
48
+ },
49
+ "files": [
50
+ "dist",
51
+ "THIRD_PARTY_NOTICES.md"
52
+ ],
53
+ "scripts": {
54
+ "build": "tsup src/index.ts src/core.ts src/select-date-range.ts src/rich-text-editor.ts src/markdown-editor.ts src/chart.ts --format esm,cjs --dts --clean",
55
+ "typecheck": "tsc -p tsconfig.json",
56
+ "prepublishOnly": "pnpm typecheck && pnpm build"
57
+ },
58
+ "peerDependencies": {
59
+ "react": ">=18",
60
+ "react-dom": ">=18"
61
+ },
62
+ "dependencies": {
63
+ "@tiptap/core": "3",
64
+ "@tiptap/extension-blockquote": "3",
65
+ "@tiptap/extension-bold": "3",
66
+ "@tiptap/extension-bullet-list": "3",
67
+ "@tiptap/extension-code": "3",
68
+ "@tiptap/extension-code-block": "3",
69
+ "@tiptap/extension-document": "3",
70
+ "@tiptap/extension-dropcursor": "3",
71
+ "@tiptap/extension-gapcursor": "3",
72
+ "@tiptap/extension-hard-break": "3",
73
+ "@tiptap/extension-heading": "3",
74
+ "@tiptap/extension-horizontal-rule": "3",
75
+ "@tiptap/extension-image": "3",
76
+ "@tiptap/extension-italic": "3",
77
+ "@tiptap/extension-link": "3",
78
+ "@tiptap/extension-list": "3",
79
+ "@tiptap/extension-list-item": "3",
80
+ "@tiptap/extension-list-keymap": "3",
81
+ "@tiptap/extension-ordered-list": "3",
82
+ "@tiptap/extension-paragraph": "3",
83
+ "@tiptap/extension-placeholder": "3",
84
+ "@tiptap/extension-strike": "3",
85
+ "@tiptap/extension-table": "3",
86
+ "@tiptap/extension-table-cell": "3",
87
+ "@tiptap/extension-table-header": "3",
88
+ "@tiptap/extension-table-row": "3",
89
+ "@tiptap/extension-task-item": "3",
90
+ "@tiptap/extension-task-list": "3",
91
+ "@tiptap/extension-text": "3",
92
+ "@tiptap/extension-underline": "3",
93
+ "@tiptap/extensions": "3",
94
+ "@tiptap/markdown": "3",
95
+ "@tiptap/pm": "3",
96
+ "@tiptap/starter-kit": "3",
97
+ "dompurify": "3.4.8",
98
+ "fast-equals": "5.3.3",
99
+ "linkifyjs": "4.3.3",
100
+ "marked": "17.0.6",
101
+ "monaco-editor": "0.56.0",
102
+ "orderedmap": "2",
103
+ "prosemirror-changeset": "^2.4.1",
104
+ "prosemirror-commands": "^1.7.2",
105
+ "prosemirror-dropcursor": "^1.8.3",
106
+ "prosemirror-gapcursor": "^1.4.1",
107
+ "prosemirror-history": "^1.5.0",
108
+ "prosemirror-inputrules": "^1.5.1",
109
+ "prosemirror-keymap": "^1.2.3",
110
+ "prosemirror-model": "^1.25.11",
111
+ "prosemirror-schema-list": "^1.5.1",
112
+ "prosemirror-state": "^1.4.4",
113
+ "prosemirror-tables": "^1.8.5",
114
+ "prosemirror-transform": "^1.12.0",
115
+ "prosemirror-view": "^1.42.2",
116
+ "rope-sequence": "1.3.0",
117
+ "use-sync-external-store": "1.6.0",
118
+ "vditor": "3.11.3",
119
+ "w3c-keyname": "2.2.0"
120
+ },
121
+ "devDependencies": {
122
+ "@types/react": "^18.3.12",
123
+ "@types/react-dom": "^18.3.1",
124
+ "react": "^18.3.1",
125
+ "react-dom": "^18.3.1",
126
+ "tsup": "^8.3.5",
127
+ "typescript": "^5.7.2"
128
+ }
129
+ }