@borisj74/bv-ds 0.1.11 → 0.1.13

package/dist/index.cjs

@@ -4891,10 +4891,10 @@ function ActivityFeed({
     }
   );
 }
-function ringGeometry(diameter, stroke2, value, opts = {}) {
+function ringGeometry(diameter, stroke, value, opts = {}) {
   const { ringIndex = 0, ringGap = 0, arcFraction = 1 } = opts;
   const center = diameter / 2;
-  const radius = center - stroke2 / 2 - ringIndex * (stroke2 + ringGap);
+  const radius = center - stroke / 2 - ringIndex * (stroke + ringGap);
   const circumference = 2 * Math.PI * radius;
   const arc = circumference * arcFraction;
   const filled = Math.max(0, Math.min(100, value)) / 100 * arc;
@@ -4902,7 +4902,7 @@ function ringGeometry(diameter, stroke2, value, opts = {}) {
 }
 function RingPair({
   geo,
-  stroke: stroke2,
+  stroke,
   trackClass = "stroke-utility-neutral-100",
   progressClass,
   progressColor,
@@ -4918,7 +4918,7 @@ function RingPair({
         r: radius,
         fill: "none",
         className: trackClass,
-        strokeWidth: stroke2,
+        strokeWidth: stroke,
         strokeDasharray: `${arc} ${circumference}`
       }
     ),
@@ -4931,7 +4931,7 @@ function RingPair({
         fill: "none",
         className: clsx_default(!progressColor && progressClass),
         stroke: progressColor,
-        strokeWidth: stroke2,
+        strokeWidth: stroke,
         strokeLinecap: linecap,
         strokeDasharray: `${filled} ${circumference}`
       }
@@ -4963,10 +4963,10 @@ function ActivityGauge({
   legend = "none",
   className
 }) {
-  const { diameter, stroke: stroke2, gap, valueClass } = sizeSpecs[size];
+  const { diameter, stroke, gap, valueClass } = sizeSpecs[size];
   const center = diameter / 2;
   const rings = series.map((s2, i) => {
-    const geo = ringGeometry(diameter, stroke2, s2.value, { ringIndex: i, ringGap: gap });
+    const geo = ringGeometry(diameter, stroke, s2.value, { ringIndex: i, ringGap: gap });
     const strokeClass = DEFAULT_STROKE_CLASSES[i % DEFAULT_STROKE_CLASSES.length];
     return { radius: geo.radius, circumference: geo.circumference, filled: geo.filled, strokeClass, custom: s2.color };
   });
@@ -4988,7 +4988,7 @@ function ActivityGauge({
               r: r2.radius,
               fill: "none",
               className: TRACK_STROKE_CLASS,
-              strokeWidth: stroke2
+              strokeWidth: stroke
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -5000,7 +5000,7 @@ function ActivityGauge({
               fill: "none",
               className: clsx_default(!r2.custom && r2.strokeClass),
               stroke: r2.custom,
-              strokeWidth: stroke2,
+              strokeWidth: stroke,
               strokeLinecap: "round",
               strokeDasharray: `${r2.filled} ${r2.circumference - r2.filled}`
             }
@@ -16002,15 +16002,15 @@ var getMainColorOfGraphicItem = function getMainColorOfGraphicItem2(item) {
   var _item$type;
   var _ref = item, displayName = _ref.type.displayName;
   var defaultedProps = (_item$type = item.type) !== null && _item$type !== void 0 && _item$type.defaultProps ? _objectSpread10(_objectSpread10({}, item.type.defaultProps), item.props) : item.props;
-  var stroke2 = defaultedProps.stroke, fill = defaultedProps.fill;
+  var stroke = defaultedProps.stroke, fill = defaultedProps.fill;
   var result;
   switch (displayName) {
     case "Line":
-      result = stroke2;
+      result = stroke;
       break;
     case "Area":
     case "Radar":
-      result = stroke2 && stroke2 !== "none" ? stroke2 : fill;
+      result = stroke && stroke !== "none" ? stroke : fill;
       break;
     default:
       result = fill;
@@ -20520,7 +20520,7 @@ var PolarRadiusAxis = /* @__PURE__ */ (function(_PureComponent) {
     key: "renderTicks",
     value: function renderTicks() {
       var _this = this;
-      var _this$props4 = this.props, ticks2 = _this$props4.ticks, tick = _this$props4.tick, angle = _this$props4.angle, tickFormatter = _this$props4.tickFormatter, stroke2 = _this$props4.stroke, others = _objectWithoutProperties14(_this$props4, _excluded24);
+      var _this$props4 = this.props, ticks2 = _this$props4.ticks, tick = _this$props4.tick, angle = _this$props4.angle, tickFormatter = _this$props4.tickFormatter, stroke = _this$props4.stroke, others = _objectWithoutProperties14(_this$props4, _excluded24);
       var textAnchor = this.getTickTextAnchor();
       var axisProps = filterProps(others, false);
       var customTickProps = filterProps(tick, false);
@@ -20531,7 +20531,7 @@ var PolarRadiusAxis = /* @__PURE__ */ (function(_PureComponent) {
           transform: "rotate(".concat(90 - angle, ", ").concat(coord.x, ", ").concat(coord.y, ")")
         }, axisProps), {}, {
           stroke: "none",
-          fill: stroke2
+          fill: stroke
         }, customTickProps), {}, {
           index: i
         }, coord), {}, {
@@ -20809,7 +20809,7 @@ var PolarAngleAxis = /* @__PURE__ */ (function(_PureComponent) {
     key: "renderTicks",
     value: function renderTicks() {
       var _this = this;
-      var _this$props3 = this.props, ticks2 = _this$props3.ticks, tick = _this$props3.tick, tickLine = _this$props3.tickLine, tickFormatter = _this$props3.tickFormatter, stroke2 = _this$props3.stroke;
+      var _this$props3 = this.props, ticks2 = _this$props3.ticks, tick = _this$props3.tick, tickLine = _this$props3.tickLine, tickFormatter = _this$props3.tickFormatter, stroke = _this$props3.stroke;
       var axisProps = filterProps(this.props, false);
       var customTickProps = filterProps(tick, false);
       var tickLineProps = _objectSpread23(_objectSpread23({}, axisProps), {}, {
@@ -20822,7 +20822,7 @@ var PolarAngleAxis = /* @__PURE__ */ (function(_PureComponent) {
           textAnchor
         }, axisProps), {}, {
           stroke: "none",
-          fill: stroke2
+          fill: stroke
         }, customTickProps), {}, {
           index: i,
           payload: entry,
@@ -22756,9 +22756,9 @@ var Brush = /* @__PURE__ */ (function(_PureComponent) {
   }, {
     key: "renderBackground",
     value: function renderBackground() {
-      var _this$props6 = this.props, x2 = _this$props6.x, y2 = _this$props6.y, width = _this$props6.width, height = _this$props6.height, fill = _this$props6.fill, stroke2 = _this$props6.stroke;
+      var _this$props6 = this.props, x2 = _this$props6.x, y2 = _this$props6.y, width = _this$props6.width, height = _this$props6.height, fill = _this$props6.fill, stroke = _this$props6.stroke;
       return /* @__PURE__ */ React28__namespace.default.createElement("rect", {
-        stroke: stroke2,
+        stroke,
         fill,
         x: x2,
         y: y2,
@@ -22833,7 +22833,7 @@ var Brush = /* @__PURE__ */ (function(_PureComponent) {
   }, {
     key: "renderSlide",
     value: function renderSlide(startX, endX) {
-      var _this$props9 = this.props, y2 = _this$props9.y, height = _this$props9.height, stroke2 = _this$props9.stroke, travellerWidth = _this$props9.travellerWidth;
+      var _this$props9 = this.props, y2 = _this$props9.y, height = _this$props9.height, stroke = _this$props9.stroke, travellerWidth = _this$props9.travellerWidth;
       var x2 = Math.min(startX, endX) + travellerWidth;
       var width = Math.max(Math.abs(endX - startX) - travellerWidth, 0);
       return /* @__PURE__ */ React28__namespace.default.createElement("rect", {
@@ -22846,7 +22846,7 @@ var Brush = /* @__PURE__ */ (function(_PureComponent) {
           cursor: "move"
         },
         stroke: "none",
-        fill: stroke2,
+        fill: stroke,
         fillOpacity: 0.2,
         x: x2,
         y: y2,
@@ -22857,12 +22857,12 @@ var Brush = /* @__PURE__ */ (function(_PureComponent) {
   }, {
     key: "renderText",
     value: function renderText() {
-      var _this$props10 = this.props, startIndex = _this$props10.startIndex, endIndex = _this$props10.endIndex, y2 = _this$props10.y, height = _this$props10.height, travellerWidth = _this$props10.travellerWidth, stroke2 = _this$props10.stroke;
+      var _this$props10 = this.props, startIndex = _this$props10.startIndex, endIndex = _this$props10.endIndex, y2 = _this$props10.y, height = _this$props10.height, travellerWidth = _this$props10.travellerWidth, stroke = _this$props10.stroke;
       var _this$state4 = this.state, startX = _this$state4.startX, endX = _this$state4.endX;
       var offset = 5;
       var attrs = {
         pointerEvents: "none",
-        fill: stroke2
+        fill: stroke
       };
       return /* @__PURE__ */ React28__namespace.default.createElement(Layer, {
         className: "recharts-brush-texts"
@@ -22899,14 +22899,14 @@ var Brush = /* @__PURE__ */ (function(_PureComponent) {
   }], [{
     key: "renderDefaultTraveller",
     value: function renderDefaultTraveller(props) {
-      var x2 = props.x, y2 = props.y, width = props.width, height = props.height, stroke2 = props.stroke;
+      var x2 = props.x, y2 = props.y, width = props.width, height = props.height, stroke = props.stroke;
       var lineY = Math.floor(y2 + height / 2) - 1;
       return /* @__PURE__ */ React28__namespace.default.createElement(React28__namespace.default.Fragment, null, /* @__PURE__ */ React28__namespace.default.createElement("rect", {
         x: x2,
         y: y2,
         width,
         height,
-        fill: stroke2,
+        fill: stroke,
         stroke: "none"
       }), /* @__PURE__ */ React28__namespace.default.createElement("line", {
         x1: x2 + 1,
@@ -25421,7 +25421,7 @@ var CartesianAxis = /* @__PURE__ */ (function(_Component) {
        */
       function renderTicks(ticks2, fontSize, letterSpacing) {
         var _this2 = this;
-        var _this$props6 = this.props, tickLine = _this$props6.tickLine, stroke2 = _this$props6.stroke, tick = _this$props6.tick, tickFormatter = _this$props6.tickFormatter, unit2 = _this$props6.unit;
+        var _this$props6 = this.props, tickLine = _this$props6.tickLine, stroke = _this$props6.stroke, tick = _this$props6.tick, tickFormatter = _this$props6.tickFormatter, unit2 = _this$props6.unit;
         var finalTicks = getTicks(_objectSpread37(_objectSpread37({}, this.props), {}, {
           ticks: ticks2
         }), fontSize, letterSpacing);
@@ -25439,7 +25439,7 @@ var CartesianAxis = /* @__PURE__ */ (function(_Component) {
             verticalAnchor
           }, axisProps), {}, {
             stroke: "none",
-            fill: stroke2
+            fill: stroke
           }, customTickProps), tickCoord), {}, {
             index: i,
             payload: entry,
@@ -29131,13 +29131,13 @@ function ChartMini({
   className,
   style
 }) {
-  const stroke2 = resolveColor(color2, trend);
+  const stroke = resolveColor(color2, trend);
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className, style: { width, height, ...style }, children: /* @__PURE__ */ jsxRuntime.jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxRuntime.jsx(LineChart, { data, margin: { top: 4, right: 4, bottom: 4, left: 4 }, children: /* @__PURE__ */ jsxRuntime.jsx(
     Line2,
     {
       type: "monotone",
       dataKey: "value",
-      stroke: stroke2,
+      stroke,
       strokeWidth: 2,
       dot: false,
       isAnimationActive: false
@@ -31422,8 +31422,8 @@ function LoadingIndicator({
   if (variant === "dot-circle") {
     spinner = /* @__PURE__ */ jsxRuntime.jsx(DotCircle, { px });
   } else {
-    const stroke2 = borderPx[size];
-    const r2 = (px - stroke2) / 2;
+    const stroke = borderPx[size];
+    const r2 = (px - stroke) / 2;
     const c2 = 2 * Math.PI * r2;
     spinner = /* @__PURE__ */ jsxRuntime.jsxs(
       "svg",
@@ -31441,7 +31441,7 @@ function LoadingIndicator({
               r: r2,
               fill: "none",
               className: "stroke-bg-quaternary",
-              strokeWidth: stroke2
+              strokeWidth: stroke
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -31452,7 +31452,7 @@ function LoadingIndicator({
               r: r2,
               fill: "none",
               className: "stroke-fg-brand-primary",
-              strokeWidth: stroke2,
+              strokeWidth: stroke,
               strokeDasharray: c2,
               strokeDashoffset: c2 * 0.75,
               strokeLinecap: variant === "line-spinner" ? "round" : "butt"
@@ -32984,22 +32984,22 @@ function ProgressCircle({
   size = "xxs",
   className
 }) {
-  const { d, stroke: stroke2, valueClass, labelClass } = SPECS[size];
+  const { d, stroke, valueClass, labelClass } = SPECS[size];
   const isHalf = shape === "half";
-  const geo = ringGeometry(d, stroke2, value, { arcFraction: isHalf ? 0.5 : 1 });
+  const geo = ringGeometry(d, stroke, value, { arcFraction: isHalf ? 0.5 : 1 });
   const center = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center text-center", children: [
     label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx_default("font-medium text-text-tertiary", labelClass), children: label }),
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx_default("font-display font-semibold text-text-primary", valueClass), children: valueText ?? `${value}%` })
   ] });
   if (isHalf) {
-    const h = geo.center + stroke2;
+    const h = geo.center + stroke;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx_default("relative", className), style: { width: d, height: h }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("svg", { width: d, height: d, viewBox: `0 0 ${d} ${d}`, className: "absolute left-0 top-0", role: "img", "aria-label": `${value}%`, children: /* @__PURE__ */ jsxRuntime.jsx("g", { transform: `rotate(180 ${geo.center} ${geo.center})`, children: /* @__PURE__ */ jsxRuntime.jsx(RingPair, { geo, stroke: stroke2, trackClass: "stroke-bg-quaternary", progressClass: "stroke-fg-brand-primary" }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("svg", { width: d, height: d, viewBox: `0 0 ${d} ${d}`, className: "absolute left-0 top-0", role: "img", "aria-label": `${value}%`, children: /* @__PURE__ */ jsxRuntime.jsx("g", { transform: `rotate(180 ${geo.center} ${geo.center})`, children: /* @__PURE__ */ jsxRuntime.jsx(RingPair, { geo, stroke, trackClass: "stroke-bg-quaternary", progressClass: "stroke-fg-brand-primary" }) }) }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute bottom-0 left-1/2 -translate-x-1/2", children: center })
     ] });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx_default("relative", className), style: { width: d, height: d }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("svg", { width: d, height: d, viewBox: `0 0 ${d} ${d}`, className: "block", role: "img", "aria-label": `${value}%`, children: /* @__PURE__ */ jsxRuntime.jsx("g", { transform: `rotate(-90 ${geo.center} ${geo.center})`, children: /* @__PURE__ */ jsxRuntime.jsx(RingPair, { geo, stroke: stroke2, trackClass: "stroke-bg-quaternary", progressClass: "stroke-fg-brand-primary" }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("svg", { width: d, height: d, viewBox: `0 0 ${d} ${d}`, className: "block", role: "img", "aria-label": `${value}%`, children: /* @__PURE__ */ jsxRuntime.jsx("g", { transform: `rotate(-90 ${geo.center} ${geo.center})`, children: /* @__PURE__ */ jsxRuntime.jsx(RingPair, { geo, stroke, trackClass: "stroke-bg-quaternary", progressClass: "stroke-fg-brand-primary" }) }) }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: center })
   ] });
 }
@@ -33999,19 +33999,6 @@ function useTextEditor({
     onUpdate: ({ editor }) => onUpdate?.(editor.getHTML())
   });
 }
-var stroke = {
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: 2,
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-};
-var ItalicIcon = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", ...stroke, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19 4h-9M14 20H5M15 4 9 20" }) });
-var UnderlineIcon = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", ...stroke, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 4v6a6 6 0 0 0 12 0V4M4 21h16" }) });
-var StrikeIcon = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", ...stroke, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4 12h16M16 7.5A4 3 0 0 0 8 8M8 16.5a4 3 0 0 0 8-.5" }) });
-var HeadingIcon = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", ...stroke, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 4v16M18 4v16M6 12h12" }) });
-var BulletListIcon = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", ...stroke, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9 6h11M9 12h11M9 18h11M4.5 6h.01M4.5 12h.01M4.5 18h.01" }) });
-var OrderedListIcon = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", ...stroke, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 6h10M10 12h10M10 18h10M4 4v4M3 14h2l-2 3h2" }) });
 var proseClass = clsx_default(
   "font-body text-sm text-text-primary",
   "[&_.ProseMirror]:min-h-[80px] [&_.ProseMirror]:outline-none",
@@ -34078,13 +34065,13 @@ function TextEditor({
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs(TextEditorToolbar, { className: "w-full !rounded-none !border-l-0 !border-r-0 !border-t-0 !shadow-none", children: [
           /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { label: "Bold", icon: /* @__PURE__ */ jsxRuntime.jsx(bvDsIcons.Bold01, {}), active: isActive("bold"), onRun: () => editor?.chain().focus().toggleBold().run() }),
-          /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { label: "Italic", icon: /* @__PURE__ */ jsxRuntime.jsx(ItalicIcon, {}), active: isActive("italic"), onRun: () => editor?.chain().focus().toggleItalic().run() }),
-          /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { label: "Underline", icon: /* @__PURE__ */ jsxRuntime.jsx(UnderlineIcon, {}), active: isActive("underline"), onRun: () => editor?.chain().focus().toggleUnderline().run() }),
-          /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { label: "Strikethrough", icon: /* @__PURE__ */ jsxRuntime.jsx(StrikeIcon, {}), active: isActive("strike"), onRun: () => editor?.chain().focus().toggleStrike().run() }),
+          /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { label: "Italic", icon: /* @__PURE__ */ jsxRuntime.jsx(bvDsIcons.Italic01, {}), active: isActive("italic"), onRun: () => editor?.chain().focus().toggleItalic().run() }),
+          /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { label: "Underline", icon: /* @__PURE__ */ jsxRuntime.jsx(bvDsIcons.Underline01, {}), active: isActive("underline"), onRun: () => editor?.chain().focus().toggleUnderline().run() }),
+          /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { label: "Strikethrough", icon: /* @__PURE__ */ jsxRuntime.jsx(bvDsIcons.Strikethrough01, {}), active: isActive("strike"), onRun: () => editor?.chain().focus().toggleStrike().run() }),
           /* @__PURE__ */ jsxRuntime.jsx(TextEditorToolbarDivider, {}),
-          /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { label: "Heading", icon: /* @__PURE__ */ jsxRuntime.jsx(HeadingIcon, {}), active: isActive("heading", { level: 2 }), onRun: () => editor?.chain().focus().toggleHeading({ level: 2 }).run() }),
-          /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { label: "Bullet list", icon: /* @__PURE__ */ jsxRuntime.jsx(BulletListIcon, {}), active: isActive("bulletList"), onRun: () => editor?.chain().focus().toggleBulletList().run() }),
-          /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { label: "Ordered list", icon: /* @__PURE__ */ jsxRuntime.jsx(OrderedListIcon, {}), active: isActive("orderedList"), onRun: () => editor?.chain().focus().toggleOrderedList().run() }),
+          /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { label: "Heading", icon: /* @__PURE__ */ jsxRuntime.jsx(bvDsIcons.Heading01, {}), active: isActive("heading", { level: 2 }), onRun: () => editor?.chain().focus().toggleHeading({ level: 2 }).run() }),
+          /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { label: "Bullet list", icon: /* @__PURE__ */ jsxRuntime.jsx(bvDsIcons.List, {}), active: isActive("bulletList"), onRun: () => editor?.chain().focus().toggleBulletList().run() }),
+          /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { label: "Ordered list", icon: /* @__PURE__ */ jsxRuntime.jsx(bvDsIcons.Dotpoints01, {}), active: isActive("orderedList"), onRun: () => editor?.chain().focus().toggleOrderedList().run() }),
           /* @__PURE__ */ jsxRuntime.jsx(TextEditorToolbarDivider, {}),
           /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { label: "Align left", icon: /* @__PURE__ */ jsxRuntime.jsx(bvDsIcons.AlignLeft, {}), active: editor?.isActive({ textAlign: "left" }) ?? false, onRun: () => editor?.chain().focus().setTextAlign("left").run() }),
           /* @__PURE__ */ jsxRuntime.jsx(ToolbarButton, { label: "Align center", icon: /* @__PURE__ */ jsxRuntime.jsx(bvDsIcons.AlignCenter, {}), active: editor?.isActive({ textAlign: "center" }) ?? false, onRun: () => editor?.chain().focus().setTextAlign("center").run() }),

package/dist/index.js

@@ -4,7 +4,7 @@ import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import { dateFnsLocalizer, Calendar as Calendar$1 } from 'react-big-calendar';
 import { getDay, parse, format, startOfWeek, isSameDay } from 'date-fns';
 import { enUS } from 'date-fns/locale';
-import { Plus, ChevronDown, LogOut01, ChevronSelectorVertical, XClose as XClose$1, Menu02, Bold01, AlignLeft, AlignCenter, AlignRight, Link01, ArrowLeft, ArrowRight } from '@borisj74/bv-ds-icons';
+import { Plus, ChevronDown, LogOut01, ChevronSelectorVertical, XClose as XClose$1, Menu02, Bold01, Italic01, Underline01, Strikethrough01, Heading01, List, Dotpoints01, AlignLeft, AlignCenter, AlignRight, Link01, ArrowLeft, ArrowRight } from '@borisj74/bv-ds-icons';
 import { useEditor, EditorContent } from '@tiptap/react';
 import { StarterKit } from '@tiptap/starter-kit';
 import { TextAlign } from '@tiptap/extension-text-align';
@@ -4870,10 +4870,10 @@ function ActivityFeed({
     }
   );
 }
-function ringGeometry(diameter, stroke2, value, opts = {}) {
+function ringGeometry(diameter, stroke, value, opts = {}) {
   const { ringIndex = 0, ringGap = 0, arcFraction = 1 } = opts;
   const center = diameter / 2;
-  const radius = center - stroke2 / 2 - ringIndex * (stroke2 + ringGap);
+  const radius = center - stroke / 2 - ringIndex * (stroke + ringGap);
   const circumference = 2 * Math.PI * radius;
   const arc = circumference * arcFraction;
   const filled = Math.max(0, Math.min(100, value)) / 100 * arc;
@@ -4881,7 +4881,7 @@ function ringGeometry(diameter, stroke2, value, opts = {}) {
 }
 function RingPair({
   geo,
-  stroke: stroke2,
+  stroke,
   trackClass = "stroke-utility-neutral-100",
   progressClass,
   progressColor,
@@ -4897,7 +4897,7 @@ function RingPair({
         r: radius,
         fill: "none",
         className: trackClass,
-        strokeWidth: stroke2,
+        strokeWidth: stroke,
         strokeDasharray: `${arc} ${circumference}`
       }
     ),
@@ -4910,7 +4910,7 @@ function RingPair({
         fill: "none",
         className: clsx_default(!progressColor && progressClass),
         stroke: progressColor,
-        strokeWidth: stroke2,
+        strokeWidth: stroke,
         strokeLinecap: linecap,
         strokeDasharray: `${filled} ${circumference}`
       }
@@ -4942,10 +4942,10 @@ function ActivityGauge({
   legend = "none",
   className
 }) {
-  const { diameter, stroke: stroke2, gap, valueClass } = sizeSpecs[size];
+  const { diameter, stroke, gap, valueClass } = sizeSpecs[size];
   const center = diameter / 2;
   const rings = series.map((s2, i) => {
-    const geo = ringGeometry(diameter, stroke2, s2.value, { ringIndex: i, ringGap: gap });
+    const geo = ringGeometry(diameter, stroke, s2.value, { ringIndex: i, ringGap: gap });
     const strokeClass = DEFAULT_STROKE_CLASSES[i % DEFAULT_STROKE_CLASSES.length];
     return { radius: geo.radius, circumference: geo.circumference, filled: geo.filled, strokeClass, custom: s2.color };
   });
@@ -4967,7 +4967,7 @@ function ActivityGauge({
               r: r2.radius,
               fill: "none",
               className: TRACK_STROKE_CLASS,
-              strokeWidth: stroke2
+              strokeWidth: stroke
             }
           ),
           /* @__PURE__ */ jsx(
@@ -4979,7 +4979,7 @@ function ActivityGauge({
               fill: "none",
               className: clsx_default(!r2.custom && r2.strokeClass),
               stroke: r2.custom,
-              strokeWidth: stroke2,
+              strokeWidth: stroke,
               strokeLinecap: "round",
               strokeDasharray: `${r2.filled} ${r2.circumference - r2.filled}`
             }
@@ -15981,15 +15981,15 @@ var getMainColorOfGraphicItem = function getMainColorOfGraphicItem2(item) {
   var _item$type;
   var _ref = item, displayName = _ref.type.displayName;
   var defaultedProps = (_item$type = item.type) !== null && _item$type !== void 0 && _item$type.defaultProps ? _objectSpread10(_objectSpread10({}, item.type.defaultProps), item.props) : item.props;
-  var stroke2 = defaultedProps.stroke, fill = defaultedProps.fill;
+  var stroke = defaultedProps.stroke, fill = defaultedProps.fill;
   var result;
   switch (displayName) {
     case "Line":
-      result = stroke2;
+      result = stroke;
       break;
     case "Area":
     case "Radar":
-      result = stroke2 && stroke2 !== "none" ? stroke2 : fill;
+      result = stroke && stroke !== "none" ? stroke : fill;
       break;
     default:
       result = fill;
@@ -20499,7 +20499,7 @@ var PolarRadiusAxis = /* @__PURE__ */ (function(_PureComponent) {
     key: "renderTicks",
     value: function renderTicks() {
       var _this = this;
-      var _this$props4 = this.props, ticks2 = _this$props4.ticks, tick = _this$props4.tick, angle = _this$props4.angle, tickFormatter = _this$props4.tickFormatter, stroke2 = _this$props4.stroke, others = _objectWithoutProperties14(_this$props4, _excluded24);
+      var _this$props4 = this.props, ticks2 = _this$props4.ticks, tick = _this$props4.tick, angle = _this$props4.angle, tickFormatter = _this$props4.tickFormatter, stroke = _this$props4.stroke, others = _objectWithoutProperties14(_this$props4, _excluded24);
       var textAnchor = this.getTickTextAnchor();
       var axisProps = filterProps(others, false);
       var customTickProps = filterProps(tick, false);
@@ -20510,7 +20510,7 @@ var PolarRadiusAxis = /* @__PURE__ */ (function(_PureComponent) {
           transform: "rotate(".concat(90 - angle, ", ").concat(coord.x, ", ").concat(coord.y, ")")
         }, axisProps), {}, {
           stroke: "none",
-          fill: stroke2
+          fill: stroke
         }, customTickProps), {}, {
           index: i
         }, coord), {}, {
@@ -20788,7 +20788,7 @@ var PolarAngleAxis = /* @__PURE__ */ (function(_PureComponent) {
     key: "renderTicks",
     value: function renderTicks() {
       var _this = this;
-      var _this$props3 = this.props, ticks2 = _this$props3.ticks, tick = _this$props3.tick, tickLine = _this$props3.tickLine, tickFormatter = _this$props3.tickFormatter, stroke2 = _this$props3.stroke;
+      var _this$props3 = this.props, ticks2 = _this$props3.ticks, tick = _this$props3.tick, tickLine = _this$props3.tickLine, tickFormatter = _this$props3.tickFormatter, stroke = _this$props3.stroke;
       var axisProps = filterProps(this.props, false);
       var customTickProps = filterProps(tick, false);
       var tickLineProps = _objectSpread23(_objectSpread23({}, axisProps), {}, {
@@ -20801,7 +20801,7 @@ var PolarAngleAxis = /* @__PURE__ */ (function(_PureComponent) {
           textAnchor
         }, axisProps), {}, {
           stroke: "none",
-          fill: stroke2
+          fill: stroke
         }, customTickProps), {}, {
           index: i,
           payload: entry,
@@ -22735,9 +22735,9 @@ var Brush = /* @__PURE__ */ (function(_PureComponent) {
   }, {
     key: "renderBackground",
     value: function renderBackground() {
-      var _this$props6 = this.props, x2 = _this$props6.x, y2 = _this$props6.y, width = _this$props6.width, height = _this$props6.height, fill = _this$props6.fill, stroke2 = _this$props6.stroke;
+      var _this$props6 = this.props, x2 = _this$props6.x, y2 = _this$props6.y, width = _this$props6.width, height = _this$props6.height, fill = _this$props6.fill, stroke = _this$props6.stroke;
       return /* @__PURE__ */ React28__default.createElement("rect", {
-        stroke: stroke2,
+        stroke,
         fill,
         x: x2,
         y: y2,
@@ -22812,7 +22812,7 @@ var Brush = /* @__PURE__ */ (function(_PureComponent) {
   }, {
     key: "renderSlide",
     value: function renderSlide(startX, endX) {
-      var _this$props9 = this.props, y2 = _this$props9.y, height = _this$props9.height, stroke2 = _this$props9.stroke, travellerWidth = _this$props9.travellerWidth;
+      var _this$props9 = this.props, y2 = _this$props9.y, height = _this$props9.height, stroke = _this$props9.stroke, travellerWidth = _this$props9.travellerWidth;
       var x2 = Math.min(startX, endX) + travellerWidth;
       var width = Math.max(Math.abs(endX - startX) - travellerWidth, 0);
       return /* @__PURE__ */ React28__default.createElement("rect", {
@@ -22825,7 +22825,7 @@ var Brush = /* @__PURE__ */ (function(_PureComponent) {
           cursor: "move"
         },
         stroke: "none",
-        fill: stroke2,
+        fill: stroke,
         fillOpacity: 0.2,
         x: x2,
         y: y2,
@@ -22836,12 +22836,12 @@ var Brush = /* @__PURE__ */ (function(_PureComponent) {
   }, {
     key: "renderText",
     value: function renderText() {
-      var _this$props10 = this.props, startIndex = _this$props10.startIndex, endIndex = _this$props10.endIndex, y2 = _this$props10.y, height = _this$props10.height, travellerWidth = _this$props10.travellerWidth, stroke2 = _this$props10.stroke;
+      var _this$props10 = this.props, startIndex = _this$props10.startIndex, endIndex = _this$props10.endIndex, y2 = _this$props10.y, height = _this$props10.height, travellerWidth = _this$props10.travellerWidth, stroke = _this$props10.stroke;
       var _this$state4 = this.state, startX = _this$state4.startX, endX = _this$state4.endX;
       var offset = 5;
       var attrs = {
         pointerEvents: "none",
-        fill: stroke2
+        fill: stroke
       };
       return /* @__PURE__ */ React28__default.createElement(Layer, {
         className: "recharts-brush-texts"
@@ -22878,14 +22878,14 @@ var Brush = /* @__PURE__ */ (function(_PureComponent) {
   }], [{
     key: "renderDefaultTraveller",
     value: function renderDefaultTraveller(props) {
-      var x2 = props.x, y2 = props.y, width = props.width, height = props.height, stroke2 = props.stroke;
+      var x2 = props.x, y2 = props.y, width = props.width, height = props.height, stroke = props.stroke;
       var lineY = Math.floor(y2 + height / 2) - 1;
       return /* @__PURE__ */ React28__default.createElement(React28__default.Fragment, null, /* @__PURE__ */ React28__default.createElement("rect", {
         x: x2,
         y: y2,
         width,
         height,
-        fill: stroke2,
+        fill: stroke,
         stroke: "none"
       }), /* @__PURE__ */ React28__default.createElement("line", {
         x1: x2 + 1,
@@ -25400,7 +25400,7 @@ var CartesianAxis = /* @__PURE__ */ (function(_Component) {
        */
       function renderTicks(ticks2, fontSize, letterSpacing) {
         var _this2 = this;
-        var _this$props6 = this.props, tickLine = _this$props6.tickLine, stroke2 = _this$props6.stroke, tick = _this$props6.tick, tickFormatter = _this$props6.tickFormatter, unit2 = _this$props6.unit;
+        var _this$props6 = this.props, tickLine = _this$props6.tickLine, stroke = _this$props6.stroke, tick = _this$props6.tick, tickFormatter = _this$props6.tickFormatter, unit2 = _this$props6.unit;
         var finalTicks = getTicks(_objectSpread37(_objectSpread37({}, this.props), {}, {
           ticks: ticks2
         }), fontSize, letterSpacing);
@@ -25418,7 +25418,7 @@ var CartesianAxis = /* @__PURE__ */ (function(_Component) {
             verticalAnchor
           }, axisProps), {}, {
             stroke: "none",
-            fill: stroke2
+            fill: stroke
           }, customTickProps), tickCoord), {}, {
             index: i,
             payload: entry,
@@ -29110,13 +29110,13 @@ function ChartMini({
   className,
   style
 }) {
-  const stroke2 = resolveColor(color2, trend);
+  const stroke = resolveColor(color2, trend);
   return /* @__PURE__ */ jsx("div", { className, style: { width, height, ...style }, children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsx(LineChart, { data, margin: { top: 4, right: 4, bottom: 4, left: 4 }, children: /* @__PURE__ */ jsx(
     Line2,
     {
       type: "monotone",
       dataKey: "value",
-      stroke: stroke2,
+      stroke,
       strokeWidth: 2,
       dot: false,
       isAnimationActive: false
@@ -31401,8 +31401,8 @@ function LoadingIndicator({
   if (variant === "dot-circle") {
     spinner = /* @__PURE__ */ jsx(DotCircle, { px });
   } else {
-    const stroke2 = borderPx[size];
-    const r2 = (px - stroke2) / 2;
+    const stroke = borderPx[size];
+    const r2 = (px - stroke) / 2;
     const c2 = 2 * Math.PI * r2;
     spinner = /* @__PURE__ */ jsxs(
       "svg",
@@ -31420,7 +31420,7 @@ function LoadingIndicator({
               r: r2,
               fill: "none",
               className: "stroke-bg-quaternary",
-              strokeWidth: stroke2
+              strokeWidth: stroke
             }
           ),
           /* @__PURE__ */ jsx(
@@ -31431,7 +31431,7 @@ function LoadingIndicator({
               r: r2,
               fill: "none",
               className: "stroke-fg-brand-primary",
-              strokeWidth: stroke2,
+              strokeWidth: stroke,
               strokeDasharray: c2,
               strokeDashoffset: c2 * 0.75,
               strokeLinecap: variant === "line-spinner" ? "round" : "butt"
@@ -32963,22 +32963,22 @@ function ProgressCircle({
   size = "xxs",
   className
 }) {
-  const { d, stroke: stroke2, valueClass, labelClass } = SPECS[size];
+  const { d, stroke, valueClass, labelClass } = SPECS[size];
   const isHalf = shape === "half";
-  const geo = ringGeometry(d, stroke2, value, { arcFraction: isHalf ? 0.5 : 1 });
+  const geo = ringGeometry(d, stroke, value, { arcFraction: isHalf ? 0.5 : 1 });
   const center = /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center text-center", children: [
     label && /* @__PURE__ */ jsx("span", { className: clsx_default("font-medium text-text-tertiary", labelClass), children: label }),
     /* @__PURE__ */ jsx("span", { className: clsx_default("font-display font-semibold text-text-primary", valueClass), children: valueText ?? `${value}%` })
   ] });
   if (isHalf) {
-    const h = geo.center + stroke2;
+    const h = geo.center + stroke;
     return /* @__PURE__ */ jsxs("div", { className: clsx_default("relative", className), style: { width: d, height: h }, children: [
-      /* @__PURE__ */ jsx("svg", { width: d, height: d, viewBox: `0 0 ${d} ${d}`, className: "absolute left-0 top-0", role: "img", "aria-label": `${value}%`, children: /* @__PURE__ */ jsx("g", { transform: `rotate(180 ${geo.center} ${geo.center})`, children: /* @__PURE__ */ jsx(RingPair, { geo, stroke: stroke2, trackClass: "stroke-bg-quaternary", progressClass: "stroke-fg-brand-primary" }) }) }),
+      /* @__PURE__ */ jsx("svg", { width: d, height: d, viewBox: `0 0 ${d} ${d}`, className: "absolute left-0 top-0", role: "img", "aria-label": `${value}%`, children: /* @__PURE__ */ jsx("g", { transform: `rotate(180 ${geo.center} ${geo.center})`, children: /* @__PURE__ */ jsx(RingPair, { geo, stroke, trackClass: "stroke-bg-quaternary", progressClass: "stroke-fg-brand-primary" }) }) }),
       /* @__PURE__ */ jsx("div", { className: "absolute bottom-0 left-1/2 -translate-x-1/2", children: center })
     ] });
   }
   return /* @__PURE__ */ jsxs("div", { className: clsx_default("relative", className), style: { width: d, height: d }, children: [
-    /* @__PURE__ */ jsx("svg", { width: d, height: d, viewBox: `0 0 ${d} ${d}`, className: "block", role: "img", "aria-label": `${value}%`, children: /* @__PURE__ */ jsx("g", { transform: `rotate(-90 ${geo.center} ${geo.center})`, children: /* @__PURE__ */ jsx(RingPair, { geo, stroke: stroke2, trackClass: "stroke-bg-quaternary", progressClass: "stroke-fg-brand-primary" }) }) }),
+    /* @__PURE__ */ jsx("svg", { width: d, height: d, viewBox: `0 0 ${d} ${d}`, className: "block", role: "img", "aria-label": `${value}%`, children: /* @__PURE__ */ jsx("g", { transform: `rotate(-90 ${geo.center} ${geo.center})`, children: /* @__PURE__ */ jsx(RingPair, { geo, stroke, trackClass: "stroke-bg-quaternary", progressClass: "stroke-fg-brand-primary" }) }) }),
     /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: center })
   ] });
 }
@@ -33978,19 +33978,6 @@ function useTextEditor({
     onUpdate: ({ editor }) => onUpdate?.(editor.getHTML())
   });
 }
-var stroke = {
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: 2,
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-};
-var ItalicIcon = () => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", ...stroke, children: /* @__PURE__ */ jsx("path", { d: "M19 4h-9M14 20H5M15 4 9 20" }) });
-var UnderlineIcon = () => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", ...stroke, children: /* @__PURE__ */ jsx("path", { d: "M6 4v6a6 6 0 0 0 12 0V4M4 21h16" }) });
-var StrikeIcon = () => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", ...stroke, children: /* @__PURE__ */ jsx("path", { d: "M4 12h16M16 7.5A4 3 0 0 0 8 8M8 16.5a4 3 0 0 0 8-.5" }) });
-var HeadingIcon = () => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", ...stroke, children: /* @__PURE__ */ jsx("path", { d: "M6 4v16M18 4v16M6 12h12" }) });
-var BulletListIcon = () => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", ...stroke, children: /* @__PURE__ */ jsx("path", { d: "M9 6h11M9 12h11M9 18h11M4.5 6h.01M4.5 12h.01M4.5 18h.01" }) });
-var OrderedListIcon = () => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", ...stroke, children: /* @__PURE__ */ jsx("path", { d: "M10 6h10M10 12h10M10 18h10M4 4v4M3 14h2l-2 3h2" }) });
 var proseClass = clsx_default(
   "font-body text-sm text-text-primary",
   "[&_.ProseMirror]:min-h-[80px] [&_.ProseMirror]:outline-none",
@@ -34057,13 +34044,13 @@ function TextEditor({
       children: [
         /* @__PURE__ */ jsxs(TextEditorToolbar, { className: "w-full !rounded-none !border-l-0 !border-r-0 !border-t-0 !shadow-none", children: [
           /* @__PURE__ */ jsx(ToolbarButton, { label: "Bold", icon: /* @__PURE__ */ jsx(Bold01, {}), active: isActive("bold"), onRun: () => editor?.chain().focus().toggleBold().run() }),
-          /* @__PURE__ */ jsx(ToolbarButton, { label: "Italic", icon: /* @__PURE__ */ jsx(ItalicIcon, {}), active: isActive("italic"), onRun: () => editor?.chain().focus().toggleItalic().run() }),
-          /* @__PURE__ */ jsx(ToolbarButton, { label: "Underline", icon: /* @__PURE__ */ jsx(UnderlineIcon, {}), active: isActive("underline"), onRun: () => editor?.chain().focus().toggleUnderline().run() }),
-          /* @__PURE__ */ jsx(ToolbarButton, { label: "Strikethrough", icon: /* @__PURE__ */ jsx(StrikeIcon, {}), active: isActive("strike"), onRun: () => editor?.chain().focus().toggleStrike().run() }),
+          /* @__PURE__ */ jsx(ToolbarButton, { label: "Italic", icon: /* @__PURE__ */ jsx(Italic01, {}), active: isActive("italic"), onRun: () => editor?.chain().focus().toggleItalic().run() }),
+          /* @__PURE__ */ jsx(ToolbarButton, { label: "Underline", icon: /* @__PURE__ */ jsx(Underline01, {}), active: isActive("underline"), onRun: () => editor?.chain().focus().toggleUnderline().run() }),
+          /* @__PURE__ */ jsx(ToolbarButton, { label: "Strikethrough", icon: /* @__PURE__ */ jsx(Strikethrough01, {}), active: isActive("strike"), onRun: () => editor?.chain().focus().toggleStrike().run() }),
           /* @__PURE__ */ jsx(TextEditorToolbarDivider, {}),
-          /* @__PURE__ */ jsx(ToolbarButton, { label: "Heading", icon: /* @__PURE__ */ jsx(HeadingIcon, {}), active: isActive("heading", { level: 2 }), onRun: () => editor?.chain().focus().toggleHeading({ level: 2 }).run() }),
-          /* @__PURE__ */ jsx(ToolbarButton, { label: "Bullet list", icon: /* @__PURE__ */ jsx(BulletListIcon, {}), active: isActive("bulletList"), onRun: () => editor?.chain().focus().toggleBulletList().run() }),
-          /* @__PURE__ */ jsx(ToolbarButton, { label: "Ordered list", icon: /* @__PURE__ */ jsx(OrderedListIcon, {}), active: isActive("orderedList"), onRun: () => editor?.chain().focus().toggleOrderedList().run() }),
+          /* @__PURE__ */ jsx(ToolbarButton, { label: "Heading", icon: /* @__PURE__ */ jsx(Heading01, {}), active: isActive("heading", { level: 2 }), onRun: () => editor?.chain().focus().toggleHeading({ level: 2 }).run() }),
+          /* @__PURE__ */ jsx(ToolbarButton, { label: "Bullet list", icon: /* @__PURE__ */ jsx(List, {}), active: isActive("bulletList"), onRun: () => editor?.chain().focus().toggleBulletList().run() }),
+          /* @__PURE__ */ jsx(ToolbarButton, { label: "Ordered list", icon: /* @__PURE__ */ jsx(Dotpoints01, {}), active: isActive("orderedList"), onRun: () => editor?.chain().focus().toggleOrderedList().run() }),
           /* @__PURE__ */ jsx(TextEditorToolbarDivider, {}),
           /* @__PURE__ */ jsx(ToolbarButton, { label: "Align left", icon: /* @__PURE__ */ jsx(AlignLeft, {}), active: editor?.isActive({ textAlign: "left" }) ?? false, onRun: () => editor?.chain().focus().setTextAlign("left").run() }),
           /* @__PURE__ */ jsx(ToolbarButton, { label: "Align center", icon: /* @__PURE__ */ jsx(AlignCenter, {}), active: editor?.isActive({ textAlign: "center" }) ?? false, onRun: () => editor?.chain().focus().setTextAlign("center").run() }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@borisj74/bv-ds",
-  "version": "0.1.11",
+  "version": "0.1.13",
   "description": "bv-ds — React component library synced from Figma (Untitled UI v8.0), built on Tailwind CSS",
   "license": "MIT",
   "type": "module",
@@ -41,11 +41,11 @@
     "@tiptap/starter-kit": ">=2.0.0",
     "date-fns": ">=2.0.0",
     "react": ">=18.0.0",
-    "react-dom": ">=18.0.0",
-    "react-big-calendar": ">=1.8.0"
+    "react-big-calendar": ">=1.8.0",
+    "react-dom": ">=18.0.0"
   },
   "devDependencies": {
-    "@borisj74/bv-ds-icons": "^0.1.0",
+    "@borisj74/bv-ds-icons": "^0.1.5",
     "@storybook/addon-a11y": "^8.0.0",
     "@storybook/addon-essentials": "^8.6.14",
     "@storybook/react-vite": "^8.0.0",

package/src/components/TextEditor/TextEditor.tsx

@@ -1,7 +1,20 @@
 import { useEffect, type ReactNode } from "react";
 import { EditorContent } from "@tiptap/react";
 import clsx from "clsx";
-import { Bold01, Link01, AlignLeft, AlignCenter, AlignRight, XClose } from "@borisj74/bv-ds-icons";
+import {
+  Bold01,
+  Italic01,
+  Underline01,
+  Strikethrough01,
+  Heading01,
+  List,
+  Dotpoints01,
+  Link01,
+  AlignLeft,
+  AlignCenter,
+  AlignRight,
+  XClose,
+} from "@borisj74/bv-ds-icons";
 import { ButtonUtility } from "../ButtonUtility";
 import { TextEditorToolbar, TextEditorToolbarDivider } from "../TextEditorToolbar";
 import { TextEditorTooltip } from "../TextEditorTooltip";
@@ -18,36 +31,6 @@ export interface TextEditorProps {
   className?: string;
 }
 
-/*
- * Inline-SVG fallbacks for formatting glyphs absent from @borisj74/bv-ds-icons
- * v0.1.0 (italic / underline / strike / bullet-list / ordered-list / heading).
- * Swap to package icons once they exist. 24-grid, currentColor stroke.
- */
-const stroke = {
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: 2,
-  strokeLinecap: "round" as const,
-  strokeLinejoin: "round" as const,
-};
-const ItalicIcon = () => (
-  <svg viewBox="0 0 24 24" {...stroke}><path d="M19 4h-9M14 20H5M15 4 9 20" /></svg>
-);
-const UnderlineIcon = () => (
-  <svg viewBox="0 0 24 24" {...stroke}><path d="M6 4v6a6 6 0 0 0 12 0V4M4 21h16" /></svg>
-);
-const StrikeIcon = () => (
-  <svg viewBox="0 0 24 24" {...stroke}><path d="M4 12h16M16 7.5A4 3 0 0 0 8 8M8 16.5a4 3 0 0 0 8-.5" /></svg>
-);
-const HeadingIcon = () => (
-  <svg viewBox="0 0 24 24" {...stroke}><path d="M6 4v16M18 4v16M6 12h12" /></svg>
-);
-const BulletListIcon = () => (
-  <svg viewBox="0 0 24 24" {...stroke}><path d="M9 6h11M9 12h11M9 18h11M4.5 6h.01M4.5 12h.01M4.5 18h.01" /></svg>
-);
-const OrderedListIcon = () => (
-  <svg viewBox="0 0 24 24" {...stroke}><path d="M10 6h10M10 12h10M10 18h10M4 4v4M3 14h2l-2 3h2" /></svg>
-);
 
 // ProseMirror content styling (Tailwind preflight strips list/heading styles).
 const proseClass = clsx(
@@ -149,13 +132,13 @@ export function TextEditor({
     >
       <TextEditorToolbar className="w-full !rounded-none !border-l-0 !border-r-0 !border-t-0 !shadow-none">
         <ToolbarButton label="Bold" icon={<Bold01 />} active={isActive("bold")} onRun={() => editor?.chain().focus().toggleBold().run()} />
-        <ToolbarButton label="Italic" icon={<ItalicIcon />} active={isActive("italic")} onRun={() => editor?.chain().focus().toggleItalic().run()} />
-        <ToolbarButton label="Underline" icon={<UnderlineIcon />} active={isActive("underline")} onRun={() => editor?.chain().focus().toggleUnderline().run()} />
-        <ToolbarButton label="Strikethrough" icon={<StrikeIcon />} active={isActive("strike")} onRun={() => editor?.chain().focus().toggleStrike().run()} />
+        <ToolbarButton label="Italic" icon={<Italic01 />} active={isActive("italic")} onRun={() => editor?.chain().focus().toggleItalic().run()} />
+        <ToolbarButton label="Underline" icon={<Underline01 />} active={isActive("underline")} onRun={() => editor?.chain().focus().toggleUnderline().run()} />
+        <ToolbarButton label="Strikethrough" icon={<Strikethrough01 />} active={isActive("strike")} onRun={() => editor?.chain().focus().toggleStrike().run()} />
         <TextEditorToolbarDivider />
-        <ToolbarButton label="Heading" icon={<HeadingIcon />} active={isActive("heading", { level: 2 })} onRun={() => editor?.chain().focus().toggleHeading({ level: 2 }).run()} />
-        <ToolbarButton label="Bullet list" icon={<BulletListIcon />} active={isActive("bulletList")} onRun={() => editor?.chain().focus().toggleBulletList().run()} />
-        <ToolbarButton label="Ordered list" icon={<OrderedListIcon />} active={isActive("orderedList")} onRun={() => editor?.chain().focus().toggleOrderedList().run()} />
+        <ToolbarButton label="Heading" icon={<Heading01 />} active={isActive("heading", { level: 2 })} onRun={() => editor?.chain().focus().toggleHeading({ level: 2 }).run()} />
+        <ToolbarButton label="Bullet list" icon={<List />} active={isActive("bulletList")} onRun={() => editor?.chain().focus().toggleBulletList().run()} />
+        <ToolbarButton label="Ordered list" icon={<Dotpoints01 />} active={isActive("orderedList")} onRun={() => editor?.chain().focus().toggleOrderedList().run()} />
         <TextEditorToolbarDivider />
         <ToolbarButton label="Align left" icon={<AlignLeft />} active={editor?.isActive({ textAlign: "left" }) ?? false} onRun={() => editor?.chain().focus().setTextAlign("left").run()} />
         <ToolbarButton label="Align center" icon={<AlignCenter />} active={editor?.isActive({ textAlign: "center" }) ?? false} onRun={() => editor?.chain().focus().setTextAlign("center").run()} />

package/src/types/bv-ds-icons.d.ts

@@ -1,6 +0,0 @@
-// The @borisj74/bv-ds-icons package (v0.1.0) ships runtime JS but its published
-// tarball is missing the `dist/index.d.ts` its package.json points at, so TS
-// can't resolve types for the icon imports (TS7016). Declare it as an untyped
-// module until the icons package ships its declarations. Icons are simple SVG
-// React components that accept standard SVG props (className, etc.).
-declare module "@borisj74/bv-ds-icons";