bj-web-components 0.2.28 → 0.2.29

package/dist/web/CategoryDropdown/CategoryDropdown.mjs

@@ -1,301 +1,253 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, useRef, useCallback, useLayoutEffect, useEffect } from "react";
-import { createPortal } from "react-dom";
+import { jsxs as T, jsx as r } from "react/jsx-runtime";
+import { useState as E, useRef as L, useCallback as Q, useLayoutEffect as $, useEffect as U } from "react";
+import { createPortal as Z } from "react-dom";
 /* empty css                       */
 /* empty css                       */
-import BTooltip from "../Tooltip/ContentTooltip.mjs";
-import TooltipWrapper from "../Tooltip/TooltipWrapper.mjs";
-function TruncatedTooltip({
-  text,
-  spanClassName,
-  wrapperStyle,
-  placement = "top",
-  getPopupContainer,
-  trailing
+import X from "../Tooltip/ContentTooltip.mjs";
+import Y from "../Tooltip/TooltipWrapper.mjs";
+function A({
+  text: a,
+  spanClassName: p,
+  wrapperStyle: d,
+  placement: h = "top",
+  getPopupContainer: f,
+  trailing: u
 }) {
-  const [visible, setVisible] = useState(false);
-  const wrapperRef = useRef(null);
-  const spanRef = useRef(null);
-  const [anchorRect, setAnchorRect] = useState(null);
-  function handleMouseEnter() {
-    var _a;
-    const el = spanRef.current;
-    if (el && el.scrollWidth > el.offsetWidth) {
-      setAnchorRect(((_a = wrapperRef.current) == null ? void 0 : _a.getBoundingClientRect()) ?? null);
-      setVisible(true);
-    }
+  const [i, m] = E(!1), N = L(null), x = L(null), [o, w] = E(null);
+  function b() {
+    var g;
+    const y = x.current;
+    y && y.scrollWidth > y.offsetWidth && (w(((g = N.current) == null ? void 0 : g.getBoundingClientRect()) ?? null), m(!0));
   }
-  return /* @__PURE__ */ jsxs(TooltipWrapper, { ref: wrapperRef, style: wrapperStyle, children: [
-    /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ T(Y, { ref: N, style: d, children: [
+    /* @__PURE__ */ r(
       "span",
       {
-        ref: spanRef,
-        className: spanClassName,
-        onMouseEnter: handleMouseEnter,
-        onMouseLeave: () => setVisible(false),
-        children: text
+        ref: x,
+        className: p,
+        onMouseEnter: b,
+        onMouseLeave: () => m(!1),
+        children: a
       }
     ),
-    trailing,
-    visible && anchorRect && createPortal(
-      /* @__PURE__ */ jsx(
+    u,
+    i && o && Z(
+      /* @__PURE__ */ r(
         "span",
         {
           style: {
             position: "fixed",
-            top: anchorRect.top,
-            left: anchorRect.left,
-            width: anchorRect.width,
-            height: anchorRect.height,
+            top: o.top,
+            left: o.left,
+            width: o.width,
+            height: o.height,
             display: "block",
             pointerEvents: "none",
             zIndex: 9999999999
           },
-          children: /* @__PURE__ */ jsx(BTooltip, { content: text, placement, className: "bu-category-dropdown__tooltip" })
+          children: /* @__PURE__ */ r(X, { content: a, placement: h, className: "bu-category-dropdown__tooltip" })
         }
       ),
-      (getPopupContainer == null ? void 0 : getPopupContainer()) ?? document.body
+      (f == null ? void 0 : f()) ?? document.body
     )
   ] });
 }
-function ChevronDown() {
-  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M5.57345 8.828C5.41074 8.66528 5.41074 8.40152 5.57345 8.2388C5.73617 8.07608 5.99993 8.07608 6.16265 8.2388L10.0323 12.1084L13.8349 8.24124C13.9963 8.0772 14.26 8.07503 14.4241 8.23636C14.5881 8.39771 14.5903 8.66149 14.429 8.82555L10.5282 12.7924C10.2576 13.0675 9.81477 13.0694 9.54196 12.7966L5.57345 8.828Z", fill: "#333333" }) });
+function P() {
+  return /* @__PURE__ */ r("svg", { viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ r("path", { d: "M5.57345 8.828C5.41074 8.66528 5.41074 8.40152 5.57345 8.2388C5.73617 8.07608 5.99993 8.07608 6.16265 8.2388L10.0323 12.1084L13.8349 8.24124C13.9963 8.0772 14.26 8.07503 14.4241 8.23636C14.5881 8.39771 14.5903 8.66149 14.429 8.82555L10.5282 12.7924C10.2576 13.0675 9.81477 13.0694 9.54196 12.7966L5.57345 8.828Z", fill: "#333333" }) });
 }
-function ChevronRight() {
+function ee() {
   return (
     // <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
     //   <path d="M6 3.5L10.5 8L6 12.5" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
     // </svg>
-    /* @__PURE__ */ jsx("svg", { class: "icon", viewBox: "0 0 1024 1024", version: "1.1", xmlns: "http://www.w3.org/2000/svg", "p-id": "55697", children: /* @__PURE__ */ jsx("path", { d: "M451.854222 285.361778A21.333333 21.333333 0 1 0 421.688889 315.52l198.115555 198.122667-197.994666 194.702222a21.333333 21.333333 0 0 0 29.916444 30.414222l203.107556-199.722667a35.555556 35.555556 0 0 0 0.213333-50.488888L451.854222 285.354667z", "p-id": "55698" }) })
+    /* @__PURE__ */ r("svg", { class: "icon", viewBox: "0 0 1024 1024", version: "1.1", xmlns: "http://www.w3.org/2000/svg", "p-id": "55697", children: /* @__PURE__ */ r("path", { d: "M451.854222 285.361778A21.333333 21.333333 0 1 0 421.688889 315.52l198.115555 198.122667-197.994666 194.702222a21.333333 21.333333 0 0 0 29.916444 30.414222l203.107556-199.722667a35.555556 35.555556 0 0 0 0.213333-50.488888L451.854222 285.354667z", "p-id": "55698" }) })
   );
 }
-function buildColumns(data, value) {
-  var _a;
-  const cols = [data];
-  let current = data;
-  for (let i = 0; i < value.length; i++) {
-    const selected = current.find((item) => item.value === value[i]);
-    if ((_a = selected == null ? void 0 : selected.children) == null ? void 0 : _a.length) {
-      cols.push(selected.children);
-      current = selected.children;
-    } else {
+function te(a, p) {
+  var f;
+  const d = [a];
+  let h = a;
+  for (let u = 0; u < p.length; u++) {
+    const i = h.find((m) => m.value === p[u]);
+    if ((f = i == null ? void 0 : i.children) != null && f.length)
+      d.push(i.children), h = i.children;
+    else
       break;
-    }
   }
-  return cols;
+  return d;
 }
-function buildPath(data, value) {
-  const path = [];
-  let items = data;
-  for (const v of value) {
-    const found = items.find((x) => x.value === v);
-    if (!found) break;
-    path.push(found);
-    items = found.children ?? [];
+function H(a, p) {
+  const d = [];
+  let h = a;
+  for (const f of p) {
+    const u = h.find((i) => i.value === f);
+    if (!u) break;
+    d.push(u), h = u.children ?? [];
   }
-  return path;
+  return d;
 }
-function BuCategoryDropdown({
-  data,
-  value = [],
-  onChange,
-  placeholder = "请选择分类",
-  disabled = false,
-  maxVisible = 6,
-  className,
-  style,
-  getPopupContainer,
-  dropdownStyle: customDropdownStyle
+function ae({
+  data: a,
+  value: p = [],
+  onChange: d,
+  placeholder: h = "请选择分类",
+  disabled: f = !1,
+  maxVisible: u = 6,
+  className: i,
+  style: m,
+  getPopupContainer: N,
+  dropdownStyle: x
 }) {
-  const [open, setOpen] = useState(false);
-  const [navValue, setNavValue] = useState(value);
-  const rootRef = useRef(null);
-  const dropdownRef = useRef(null);
-  const panelRef = useRef(null);
-  const wasOpenRef = useRef(false);
-  const [dropdownStyle, setDropdownStyle] = useState({});
-  const [colWidth, setColWidth] = useState();
-  const updatePosition = useCallback(() => {
-    var _a;
-    if (!rootRef.current) return;
-    const rect = rootRef.current.getBoundingClientRect();
-    let maxZ = 0;
-    let el = rootRef.current.parentElement;
-    while (el && el !== document.documentElement) {
-      const selfZ = parseInt(window.getComputedStyle(el).zIndex, 10);
-      if (!isNaN(selfZ) && selfZ > maxZ) maxZ = selfZ;
-      if (el.parentElement) {
-        for (const sibling of el.parentElement.children) {
-          if (sibling === el || !(sibling instanceof HTMLElement)) continue;
-          const sibZ = parseInt(window.getComputedStyle(sibling).zIndex, 10);
-          if (!isNaN(sibZ) && sibZ > maxZ) maxZ = sibZ;
+  const [o, w] = E(!1), [b, y] = E(p), g = L(null), j = L(null), S = L(null), z = L(!1), [D, q] = E({}), [B, F] = E(), C = Q(() => {
+    var _;
+    if (!g.current) return;
+    const n = g.current.getBoundingClientRect();
+    let e = 0, t = g.current.parentElement;
+    for (; t && t !== document.documentElement; ) {
+      const R = parseInt(window.getComputedStyle(t).zIndex, 10);
+      if (!isNaN(R) && R > e && (e = R), t.parentElement)
+        for (const v of t.parentElement.children) {
+          if (v === t || !(v instanceof HTMLElement)) continue;
+          const k = parseInt(window.getComputedStyle(v).zIndex, 10);
+          !isNaN(k) && k > e && (e = k);
         }
-      }
-      el = el.parentElement;
+      t = t.parentElement;
     }
-    const panelHeight = ((_a = panelRef.current) == null ? void 0 : _a.offsetHeight) ?? 0;
-    const spaceBelow = window.innerHeight - rect.bottom;
-    const spaceAbove = rect.top;
-    const flipToTop = panelHeight > 0 && spaceBelow < panelHeight + 4 && spaceAbove > spaceBelow;
-    setDropdownStyle({
+    const l = ((_ = S.current) == null ? void 0 : _.offsetHeight) ?? 0, s = window.innerHeight - n.bottom, c = n.top, M = l > 0 && s < l + 4 && c > s;
+    q({
       position: "fixed",
-      top: flipToTop ? rect.top - panelHeight - 4 : rect.bottom + 4,
-      left: rect.left,
-      zIndex: maxZ > 0 ? maxZ + 10 : 1100,
-      ...customDropdownStyle
+      top: M ? n.top - l - 4 : n.bottom + 4,
+      left: n.left,
+      zIndex: e > 0 ? e + 10 : 1100,
+      ...x
     });
-  }, [customDropdownStyle]);
-  useLayoutEffect(() => {
-    if (open) {
-      updatePosition();
-    }
-  }, [open, navValue, updatePosition]);
-  useLayoutEffect(() => {
-    const justOpened = open && !wasOpenRef.current;
-    wasOpenRef.current = open;
-    if (!open || !panelRef.current) return;
-    const cols = panelRef.current.querySelectorAll(".bu-category-dropdown__col");
-    cols.forEach((col) => {
-      col.style.width = "";
-    });
-    let max = 0;
-    cols.forEach((col) => {
-      if (col.offsetWidth > max) max = col.offsetWidth;
+  }, [x]);
+  $(() => {
+    o && C();
+  }, [o, b, C]), $(() => {
+    const n = o && !z.current;
+    if (z.current = o, !o || !S.current) return;
+    const e = S.current.querySelectorAll(".bu-category-dropdown__col");
+    e.forEach((s) => {
+      s.style.width = "";
     });
-    const next = justOpened ? max : Math.max(colWidth ?? 0, max);
-    cols.forEach((col) => {
-      col.style.width = next ? `${next}px` : "";
+    let t = 0;
+    e.forEach((s) => {
+      s.offsetWidth > t && (t = s.offsetWidth);
     });
-    if (next !== colWidth) setColWidth(next || void 0);
-  }, [open, navValue]);
-  useEffect(() => {
-    if (!open) return;
-    function handleClickOutside(e) {
-      var _a, _b;
-      const target = e.target;
-      if (((_a = rootRef.current) == null ? void 0 : _a.contains(target)) || ((_b = dropdownRef.current) == null ? void 0 : _b.contains(target))) {
-        return;
-      }
-      setOpen(false);
+    const l = n ? t : Math.max(B ?? 0, t);
+    e.forEach((s) => {
+      s.style.width = l ? `${l}px` : "";
+    }), l !== B && F(l || void 0);
+  }, [o, b]), U(() => {
+    if (!o) return;
+    function n(t) {
+      var s, c;
+      const l = t.target;
+      (s = g.current) != null && s.contains(l) || (c = j.current) != null && c.contains(l) || w(!1);
     }
-    function handleScroll() {
-      setOpen(false);
+    function e() {
+      w(!1);
     }
-    document.addEventListener("mousedown", handleClickOutside);
-    document.addEventListener("scroll", handleScroll, true);
-    window.addEventListener("resize", updatePosition);
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside);
-      document.removeEventListener("scroll", handleScroll, true);
-      window.removeEventListener("resize", updatePosition);
+    return document.addEventListener("mousedown", n), document.addEventListener("scroll", e, !0), window.addEventListener("resize", C), () => {
+      document.removeEventListener("mousedown", n), document.removeEventListener("scroll", e, !0), window.removeEventListener("resize", C);
     };
-  }, [open, updatePosition]);
-  const path = buildPath(data, value);
-  const hasValue = path.length > 0;
-  const triggerLabel = hasValue ? path.map((item) => item.label).join(" / ") : null;
-  const columns = buildColumns(data, navValue);
-  function handleSelect(colIndex, item) {
-    var _a;
-    if (item.disabled) return;
-    const newNavValue = navValue.slice(0, colIndex + 1);
-    newNavValue[colIndex] = item.value;
-    setNavValue(newNavValue);
-    if (!((_a = item.children) == null ? void 0 : _a.length)) {
-      const newPath = buildPath(data, newNavValue);
-      onChange == null ? void 0 : onChange(newNavValue, newPath);
-      setOpen(false);
+  }, [o, C]);
+  const O = H(a, p), W = O.length > 0, G = W ? O.map((n) => n.label).join(" / ") : null, V = te(a, b);
+  function I(n, e) {
+    var l;
+    if (e.disabled) return;
+    const t = b.slice(0, n + 1);
+    if (t[n] = e.value, y(t), !((l = e.children) != null && l.length)) {
+      const s = H(a, t);
+      d == null || d(t, s), w(!1);
     }
   }
-  function handleOpen() {
-    setNavValue(value);
-    setOpen(true);
+  function J() {
+    y(p), w(!0);
   }
-  const triggerClass = [
+  const K = [
     "bu-category-dropdown__trigger",
-    open ? "bu-category-dropdown__trigger--open" : "",
-    hasValue ? "bu-category-dropdown__trigger--has-value" : ""
+    o ? "bu-category-dropdown__trigger--open" : "",
+    W ? "bu-category-dropdown__trigger--has-value" : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ T(
     "div",
     {
-      ref: rootRef,
-      className: `bu-category-dropdown${className ? ` ${className}` : ""}`,
-      style,
+      ref: g,
+      className: `bu-category-dropdown${i ? ` ${i}` : ""}`,
+      style: m,
       children: [
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ r(
           "button",
           {
             type: "button",
-            className: triggerClass,
-            disabled,
-            onClick: () => open ? setOpen(false) : handleOpen(),
-            children: /* @__PURE__ */ jsx(
-              TruncatedTooltip,
+            className: K,
+            disabled: f,
+            onClick: () => o ? w(!1) : J(),
+            children: /* @__PURE__ */ r(
+              A,
               {
-                text: triggerLabel ?? placeholder,
-                spanClassName: `bu-category-dropdown__trigger-label${!hasValue ? " bu-category-dropdown__trigger-label--placeholder" : ""}`,
+                text: G ?? h,
+                spanClassName: `bu-category-dropdown__trigger-label${W ? "" : " bu-category-dropdown__trigger-label--placeholder"}`,
                 wrapperStyle: { flex: 1, minWidth: 0, display: "flex", alignItems: "center", gap: 8 },
-                getPopupContainer,
-                trailing: /* @__PURE__ */ jsx("span", { className: `bu-category-dropdown__trigger-chevron${open ? " bu-category-dropdown__trigger-chevron--open" : ""}`, children: /* @__PURE__ */ jsx(ChevronDown, {}) })
+                getPopupContainer: N,
+                trailing: /* @__PURE__ */ r("span", { className: `bu-category-dropdown__trigger-chevron${o ? " bu-category-dropdown__trigger-chevron--open" : ""}`, children: /* @__PURE__ */ r(P, {}) })
               }
             )
           }
         ),
-        open && createPortal(
-          /* @__PURE__ */ jsx("div", { ref: dropdownRef, style: dropdownStyle, className: "bu-category-dropdown__portal", children: /* @__PURE__ */ jsx("div", { className: "bu-category-dropdown__panel", ref: panelRef, children: columns.map((col, colIndex) => {
-            const isScrollable = col.length > maxVisible;
-            const isLast = colIndex === columns.length - 1;
-            const colClass = [
+        o && Z(
+          /* @__PURE__ */ r("div", { ref: j, style: D, className: "bu-category-dropdown__portal", children: /* @__PURE__ */ r("div", { className: "bu-category-dropdown__panel", ref: S, children: V.map((n, e) => {
+            const t = n.length > u, l = e === V.length - 1, s = [
               "bu-category-dropdown__col",
-              colIndex > 0 ? "bu-category-dropdown__col--indent" : "",
-              isScrollable ? "bu-category-dropdown__col--scrollable" : "",
-              isLast && colIndex > 0 ? "bu-category-dropdown__col--last" : ""
+              e > 0 ? "bu-category-dropdown__col--indent" : "",
+              t ? "bu-category-dropdown__col--scrollable" : "",
+              l && e > 0 ? "bu-category-dropdown__col--last" : ""
             ].filter(Boolean).join(" ");
-            return /* @__PURE__ */ jsxs("div", { style: { display: "contents" }, children: [
-              colIndex > 0 && /* @__PURE__ */ jsx("div", { className: "bu-category-dropdown__divider" }),
-              /* @__PURE__ */ jsx(
+            return /* @__PURE__ */ T("div", { style: { display: "contents" }, children: [
+              e > 0 && /* @__PURE__ */ r("div", { className: "bu-category-dropdown__divider" }),
+              /* @__PURE__ */ r(
                 "div",
                 {
-                  className: colClass,
-                  style: colWidth ? { width: colWidth } : void 0,
-                  onMouseEnter: isScrollable ? (e) => e.currentTarget.classList.add("bu-category-dropdown__col--scrollbar-visible") : void 0,
-                  onMouseLeave: isScrollable ? (e) => e.currentTarget.classList.remove("bu-category-dropdown__col--scrollbar-visible") : void 0,
-                  children: col.map((item) => {
-                    var _a;
-                    const isSelected = navValue[colIndex] === item.value;
-                    const hasBranch = !!((_a = item.children) == null ? void 0 : _a.length);
-                    const itemClass = [
+                  className: s,
+                  style: B ? { width: B } : void 0,
+                  onMouseEnter: t ? (c) => c.currentTarget.classList.add("bu-category-dropdown__col--scrollbar-visible") : void 0,
+                  onMouseLeave: t ? (c) => c.currentTarget.classList.remove("bu-category-dropdown__col--scrollbar-visible") : void 0,
+                  children: n.map((c) => {
+                    var v;
+                    const M = b[e] === c.value, _ = !!((v = c.children) != null && v.length), R = [
                       "bu-category-dropdown__item",
-                      isSelected && hasBranch ? "bu-category-dropdown__item--selected-branch" : "",
-                      isSelected && !hasBranch ? "bu-category-dropdown__item--selected-leaf" : "",
-                      item.disabled ? "bu-category-dropdown__item--disabled" : ""
+                      M && _ ? "bu-category-dropdown__item--selected-branch" : "",
+                      M && !_ ? "bu-category-dropdown__item--selected-leaf" : "",
+                      c.disabled ? "bu-category-dropdown__item--disabled" : ""
                     ].filter(Boolean).join(" ");
-                    return /* @__PURE__ */ jsxs(
+                    return /* @__PURE__ */ T(
                       "button",
                       {
                         type: "button",
-                        className: itemClass,
-                        disabled: item.disabled,
-                        onClick: () => handleSelect(colIndex, item),
+                        className: R,
+                        disabled: c.disabled,
+                        onClick: () => I(e, c),
                         children: [
-                          /* @__PURE__ */ jsx(
-                            TruncatedTooltip,
+                          /* @__PURE__ */ r(
+                            A,
                             {
-                              text: item.label,
+                              text: c.label,
                               spanClassName: "bu-category-dropdown__item-label",
                               wrapperStyle: { flex: 1, minWidth: 0, display: "block" },
-                              getPopupContainer
+                              getPopupContainer: N
                             }
                           ),
-                          hasBranch && /* @__PURE__ */ jsx("span", { className: "bu-category-dropdown__item-arrow", children: /* @__PURE__ */ jsx(ChevronRight, {}) })
+                          _ && /* @__PURE__ */ r("span", { className: "bu-category-dropdown__item-arrow", children: /* @__PURE__ */ r(ee, {}) })
                         ]
                       },
-                      item.value
+                      c.value
                     );
                   })
                 }
               )
-            ] }, colIndex);
+            ] }, e);
           }) }) }),
           document.body
         )
@@ -304,5 +256,5 @@ function BuCategoryDropdown({
   );
 }
 export {
-  BuCategoryDropdown as default
+  ae as default
 };

package/dist/web/CheckBox/BCheckBox.js

@@ -1,116 +1 @@
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const Icon = require("../Icon/Icon.js");
-const context = require("./context.js");
-;/* empty css                */
-function classNames(...values) {
-  return values.filter(Boolean).join(" ");
-}
-const BCheckBox = react.forwardRef((props, forwardedRef) => {
-  const {
-    checked: controlledChecked,
-    defaultChecked = false,
-    disabled,
-    indeterminate = false,
-    children,
-    className,
-    style,
-    onChange,
-    onMouseEnter,
-    onMouseLeave,
-    value,
-    skipGroup = false,
-    direction = "ltr",
-    name,
-    variant = "dark",
-    ...inputProps
-  } = props;
-  const group = react.useContext(context.CheckBoxGroupContext);
-  const [internalChecked, setInternalChecked] = react.useState(defaultChecked);
-  const previousValue = react.useRef(value);
-  const inGroup = Boolean(group && !skipGroup);
-  const mergedChecked = inGroup ? group.value.includes(value) : controlledChecked ?? internalChecked;
-  const mergedDisabled = (group == null ? void 0 : group.disabled) || disabled;
-  const mergedName = inGroup ? group == null ? void 0 : group.name : name;
-  const mergedVariant = inGroup ? (group == null ? void 0 : group.variant) ?? variant : variant;
-  react.useEffect(() => {
-    if (!inGroup || value === void 0) return;
-    group == null ? void 0 : group.registerValue(value);
-    return () => group == null ? void 0 : group.cancelValue(value);
-  }, [group, inGroup, value]);
-  react.useEffect(() => {
-    if (!inGroup || previousValue.current === value) return;
-    if (previousValue.current !== void 0) group == null ? void 0 : group.cancelValue(previousValue.current);
-    if (value !== void 0) group == null ? void 0 : group.registerValue(value);
-    previousValue.current = value;
-  }, [group, inGroup, value]);
-  const handleChange = (event) => {
-    if (mergedDisabled) return;
-    const nextChecked = event.target.checked;
-    if (!inGroup && controlledChecked === void 0) setInternalChecked(nextChecked);
-    const changeEvent = {
-      target: { ...props, checked: nextChecked },
-      stopPropagation: () => event.stopPropagation(),
-      preventDefault: () => event.preventDefault(),
-      nativeEvent: event.nativeEvent
-    };
-    onChange == null ? void 0 : onChange(changeEvent);
-    if (inGroup && value !== void 0) {
-      group == null ? void 0 : group.toggleOption({ label: children, value, disabled: mergedDisabled, onChange });
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "label",
-    {
-      className: classNames(
-        "bj-checkbox-wrapper",
-        mergedChecked && "bj-checkbox-wrapper--checked",
-        mergedDisabled && "bj-checkbox-wrapper--disabled",
-        direction === "rtl" && "bj-checkbox-wrapper--rtl",
-        className
-      ),
-      onMouseEnter,
-      onMouseLeave,
-      style,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "span",
-          {
-            className: classNames(
-              "bj-checkbox",
-              mergedChecked && "bj-checkbox--checked",
-              mergedDisabled && "bj-checkbox--disabled",
-              indeterminate && "bj-checkbox--indeterminate",
-              `bj-checkbox--${mergedVariant}`
-            ),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "input",
-                {
-                  ...inputProps,
-                  "aria-checked": indeterminate ? "mixed" : mergedChecked,
-                  checked: mergedChecked,
-                  className: "bj-checkbox__input",
-                  disabled: mergedDisabled,
-                  name: mergedName,
-                  onChange: handleChange,
-                  ref: forwardedRef,
-                  type: "checkbox",
-                  value: typeof value === "boolean" ? String(value) : value
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "bj-checkbox__inner", children: [
-                mergedChecked && !indeterminate && /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "bj-checkbox__check-icon", type: "icon-a-dagouxi" }),
-                indeterminate && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bj-checkbox__indeterminate-mark" })
-              ] })
-            ]
-          }
-        ),
-        children !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bj-checkbox__label", children })
-      ]
-    }
-  );
-});
-BCheckBox.displayName = "BCheckBox";
-module.exports = BCheckBox;
+"use strict";const n=require("react/jsx-runtime"),t=require("react"),M=require("../Icon/Icon.js"),S=require("./context.js");;/* empty css                */function f(...i){return i.filter(Boolean).join(" ")}const m=t.forwardRef((i,j)=>{const{checked:k,defaultChecked:v=!1,disabled:p,indeterminate:o=!1,children:h,className:C,style:N,onChange:l,onMouseEnter:_,onMouseLeave:B,value:c,skipGroup:E=!1,direction:V="ltr",name:q,variant:x="dark",...w}=i,e=t.useContext(S.CheckBoxGroupContext),[y,D]=t.useState(v),d=t.useRef(c),a=!!(e&&!E),s=a?e.value.includes(c):k??y,r=(e==null?void 0:e.disabled)||p,G=a?e==null?void 0:e.name:q,P=a?(e==null?void 0:e.variant)??x:x;t.useEffect(()=>{if(!(!a||c===void 0))return e==null||e.registerValue(c),()=>e==null?void 0:e.cancelValue(c)},[e,a,c]),t.useEffect(()=>{!a||d.current===c||(d.current!==void 0&&(e==null||e.cancelValue(d.current)),c!==void 0&&(e==null||e.registerValue(c)),d.current=c)},[e,a,c]);const R=b=>{if(r)return;const u=b.target.checked;!a&&k===void 0&&D(u);const I={target:{...i,checked:u},stopPropagation:()=>b.stopPropagation(),preventDefault:()=>b.preventDefault(),nativeEvent:b.nativeEvent};l==null||l(I),a&&c!==void 0&&(e==null||e.toggleOption({label:h,value:c,disabled:r,onChange:l}))};return n.jsxs("label",{className:f("bj-checkbox-wrapper",s&&"bj-checkbox-wrapper--checked",r&&"bj-checkbox-wrapper--disabled",V==="rtl"&&"bj-checkbox-wrapper--rtl",C),onMouseEnter:_,onMouseLeave:B,style:N,children:[n.jsxs("span",{className:f("bj-checkbox",s&&"bj-checkbox--checked",r&&"bj-checkbox--disabled",o&&"bj-checkbox--indeterminate",`bj-checkbox--${P}`),children:[n.jsx("input",{...w,"aria-checked":o?"mixed":s,checked:s,className:"bj-checkbox__input",disabled:r,name:G,onChange:R,ref:j,type:"checkbox",value:typeof c=="boolean"?String(c):c}),n.jsxs("span",{className:"bj-checkbox__inner",children:[s&&!o&&n.jsx(M,{className:"bj-checkbox__check-icon",type:"icon-a-dagouxi"}),o&&n.jsx("span",{className:"bj-checkbox__indeterminate-mark"})]})]}),h!==void 0&&n.jsx("span",{className:"bj-checkbox__label",children:h})]})});m.displayName="BCheckBox";module.exports=m;