@hybridcore/ui 1.0.2 → 1.1.2

package/dist/components/treeview-filter/index.js

@@ -0,0 +1,621 @@
+import Oe, { jsx as _, jsxs as mt, Fragment as ht } from "react/jsx-runtime";
+import * as p from "react";
+import we from "react";
+import { C as gt, g as bt, s as xt, i as Ee } from "../../styled-Iq9jsO4F.js";
+import { c as St, P as o, k as yt } from "../../createTheme-agWfFD64.js";
+import { c as wt, u as le } from "../../Checkbox-DostZSwR.js";
+import { c as Nt, u as Re } from "../../useId-BHG98T5I.js";
+import { g as It } from "../../FormControl-BiAFm76F.js";
+import { o as Ct } from "../../ownerWindow-niciwP7I.js";
+import { a as Tt } from "../../extends-C3382pL0.js";
+import { s as Ot, u as Et, b as Rt, a as _e, c as _t } from "../../ButtonBase-BYmh3G5j.js";
+import { i as Pt } from "../../isMuiElement-CxT3_ACP.js";
+import { o as Pe } from "../../ownerDocument-CUrv0DIK.js";
+import { u as kt, a as Ft, T as Dt, D as Mt, c as At, I as jt } from "../../index-wW2D1aTG.js";
+import Ne from "lodash";
+import { Box as Vt } from "@mui/material";
+import { SearchInput as $t } from "../search-input/index.js";
+import { flattenNestedTemplates as Kt } from "../../utils/ontology.js";
+import { g as Lt, a as qt } from "../../chainPropTypes-DtBfUj5o.js";
+import { u as zt } from "../../useTheme-CeyGVuQP.js";
+function Bt(i, d) {
+  return process.env.NODE_ENV === "production" ? () => null : (b, g, T, O, E) => {
+    const M = T || "<<anonymous>>", N = E || g;
+    return typeof b[g] < "u" ? new Error(`The ${O} \`${N}\` of \`${M}\` is deprecated. ${d}`) : null;
+  };
+}
+function Ut(i, d) {
+  if (process.env.NODE_ENV === "production")
+    return () => null;
+  const b = d ? Tt({}, d.propTypes) : null;
+  return (T) => (O, E, M, N, $, ...z) => {
+    const A = $ || E, w = b == null ? void 0 : b[A];
+    if (w) {
+      const m = w(O, E, M, N, $, ...z);
+      if (m)
+        return m;
+    }
+    return typeof O[E] < "u" && !O[T] ? new Error(`The prop \`${A}\` of \`${i}\` can only be used together with the \`${T}\` prop.`) : null;
+  };
+}
+const vt = {
+  configure: (i) => {
+    process.env.NODE_ENV !== "production" && console.warn(["MUI: `ClassNameGenerator` import from `@mui/material/utils` is outdated and might cause unexpected issues.", "", "You should use `import { unstable_ClassNameGenerator } from '@mui/material/className'` instead", "", "The detail of the issue: https://github.com/mui/material-ui/issues/30011#issuecomment-1024993401", "", "The updated documentation: https://mui.com/guides/classname-generator/"].join(`
+`)), gt.configure(i);
+  }
+}, Gt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  capitalize: St,
+  createChainedFunction: Nt,
+  createSvgIcon: wt,
+  debounce: It,
+  deprecatedPropType: Bt,
+  isMuiElement: Pt,
+  ownerDocument: Pe,
+  ownerWindow: Ct,
+  requirePropFactory: Ut,
+  setRef: Ot,
+  unstable_ClassNameGenerator: vt,
+  unstable_useEnhancedEffect: Et,
+  unstable_useId: Re,
+  unsupportedProp: kt,
+  useControlled: le,
+  useEventCallback: Rt,
+  useForkRef: _e,
+  useIsFocusVisible: _t
+}, Symbol.toStringTag, { value: "Module" }));
+function Wt(i) {
+  return bt("MuiTreeView", i);
+}
+Lt("MuiTreeView", ["root"]);
+const Ht = (i) => {
+  const {
+    classes: d
+  } = i;
+  return qt({
+    root: ["root"]
+  }, Wt, d);
+}, Yt = xt("ul", {
+  name: "MuiTreeView",
+  slot: "Root",
+  overridesResolver: (i, d) => d.root
+})({
+  padding: 0,
+  margin: 0,
+  listStyle: "none",
+  outline: 0
+});
+function Jt(i) {
+  return i && i.length === 1 && i.match(/\S/);
+}
+function Ie(i, d, b) {
+  for (let g = d; g < i.length; g += 1)
+    if (b === i[g])
+      return g;
+  return -1;
+}
+function Ce() {
+  return !1;
+}
+const Qt = [], Xt = [], ke = /* @__PURE__ */ p.forwardRef(function(d, b) {
+  const g = Ft({
+    props: d,
+    name: "MuiTreeView"
+  }), {
+    children: T,
+    className: O,
+    defaultCollapseIcon: E,
+    defaultEndIcon: M,
+    defaultExpanded: N = Qt,
+    defaultExpandIcon: $,
+    defaultParentIcon: z,
+    defaultSelected: A = Xt,
+    disabledItemsFocusable: w = !1,
+    disableSelection: m = !1,
+    expanded: de,
+    id: R,
+    multiSelect: h = !1,
+    onBlur: K,
+    onFocus: H,
+    onKeyDown: Y,
+    onNodeFocus: fe,
+    onNodeSelect: P,
+    onNodeToggle: J,
+    selected: Ae,
+    ...je
+  } = g, pe = zt().direction === "rtl", me = {
+    ...g,
+    defaultExpanded: N,
+    defaultSelected: A,
+    disabledItemsFocusable: w,
+    disableSelection: m,
+    multiSelect: h
+  }, Ve = Ht(me), he = Re(R), re = p.useRef(null), $e = _e(re, b), [a, ne] = p.useState(null), u = p.useRef({}), B = p.useRef({}), [j, ge] = le({
+    controlled: de,
+    default: N,
+    name: "TreeView",
+    state: "expanded"
+  }), [x, Q] = le({
+    controlled: Ae,
+    default: A,
+    name: "TreeView",
+    state: "selected"
+  }), k = p.useCallback((e) => Array.isArray(j) ? j.indexOf(e) !== -1 : !1, [j]), X = p.useCallback((e) => u.current[e] && u.current[e].expandable, []), Ke = p.useCallback((e) => Array.isArray(x) ? x.indexOf(e) !== -1 : x === e, [x]), S = p.useCallback((e) => {
+    let t = u.current[e];
+    if (!t)
+      return !1;
+    if (t.disabled)
+      return !0;
+    for (; t.parentId != null; )
+      if (t = u.current[t.parentId], t.disabled)
+        return !0;
+    return !1;
+  }, []), Le = (e) => a === e, Z = (e) => Object.keys(u.current).map((t) => u.current[t]).filter((t) => t.parentId === e).sort((t, r) => t.index - r.index).map((t) => t.id), I = (e) => {
+    let t = Z(e);
+    return w || (t = t.filter((r) => !S(r))), t;
+  }, ee = (e) => {
+    if (k(e) && I(e).length > 0)
+      return I(e)[0];
+    let t = u.current[e];
+    for (; t != null; ) {
+      const r = I(t.parentId), n = r[r.indexOf(t.id) + 1];
+      if (n)
+        return n;
+      t = u.current[t.parentId];
+    }
+    return null;
+  }, se = (e) => {
+    const t = u.current[e], r = I(t.parentId), n = r.indexOf(e);
+    if (n === 0)
+      return t.parentId;
+    let s = r[n - 1];
+    for (; k(s) && I(s).length > 0; )
+      s = I(s).pop();
+    return s;
+  }, oe = () => {
+    let e = I(null).pop();
+    for (; k(e); )
+      e = I(e).pop();
+    return e;
+  }, ae = () => I(null)[0], qe = (e) => u.current[e].parentId, ze = (e, t) => {
+    if (e === t)
+      return [e, t];
+    const r = u.current[e], n = u.current[t];
+    if (r.parentId === n.id || n.parentId === r.id)
+      return n.parentId === r.id ? [r.id, n.id] : [n.id, r.id];
+    const s = [r.id], c = [n.id];
+    let l = r.parentId, f = n.parentId, y = c.indexOf(l) !== -1, v = s.indexOf(f) !== -1, q = !0, G = !0;
+    for (; !v && !y; )
+      q && (s.push(l), y = c.indexOf(l) !== -1, q = l !== null, !y && q && (l = u.current[l].parentId)), G && !y && (c.push(f), v = s.indexOf(f) !== -1, G = f !== null, !v && G && (f = u.current[f].parentId));
+    const W = y ? l : f, ye = Z(W), ft = s[s.indexOf(W) - 1], pt = c[c.indexOf(W) - 1];
+    return ye.indexOf(ft) < ye.indexOf(pt) ? [e, t] : [t, e];
+  }, Be = (e, t) => {
+    const [r, n] = ze(e, t), s = [r];
+    let c = r;
+    for (; c !== n; )
+      c = ee(c), s.push(c);
+    return s;
+  }, F = (e, t) => {
+    t && (ne(t), fe && fe(e, t));
+  }, be = (e, t) => F(e, ee(t)), Ue = (e, t) => F(e, se(t)), ve = (e) => F(e, ae()), Ge = (e) => F(e, oe()), We = (e, t, r) => {
+    let n, s;
+    const c = r.toLowerCase(), l = [], f = [];
+    Object.keys(B.current).forEach((y) => {
+      const v = B.current[y], q = u.current[y], G = q.parentId ? k(q.parentId) : !0, W = w ? !1 : S(y);
+      G && !W && (l.push(y), f.push(v));
+    }), n = l.indexOf(t) + 1, n >= l.length && (n = 0), s = Ie(f, n, c), s === -1 && (s = Ie(f, 0, c)), s > -1 && F(e, l[s]);
+  }, te = (e, t = a) => {
+    let r;
+    j.indexOf(t) !== -1 ? r = j.filter((n) => n !== t) : r = [t].concat(j), J && J(e, r), ge(r);
+  }, He = (e, t) => {
+    const r = u.current[t], s = Z(r.parentId).filter((l) => X(l) && !k(l)), c = j.concat(s);
+    s.length > 0 && (ge(c), J && J(e, c));
+  }, D = p.useRef(null), L = p.useRef(!1), C = p.useRef([]), Ye = (e, t) => {
+    let r = x.slice();
+    const {
+      start: n,
+      next: s,
+      current: c
+    } = t;
+    !s || !c || (C.current.indexOf(c) === -1 && (C.current = []), L.current ? C.current.indexOf(s) !== -1 ? (r = r.filter((l) => l === n || l !== c), C.current = C.current.filter((l) => l === n || l !== c)) : (r.push(s), C.current.push(s)) : (r.push(s), C.current.push(c, s)), P && P(e, r), Q(r));
+  }, Je = (e, t) => {
+    let r = x.slice();
+    const {
+      start: n,
+      end: s
+    } = t;
+    L.current && (r = r.filter((f) => C.current.indexOf(f) === -1));
+    let c = Be(n, s);
+    c = c.filter((f) => !S(f)), C.current = c;
+    let l = r.concat(c);
+    l = l.filter((f, y) => l.indexOf(f) === y), P && P(e, l), Q(l);
+  }, Qe = (e, t) => {
+    let r;
+    x.indexOf(t) !== -1 ? r = x.filter((n) => n !== t) : r = [t].concat(x), P && P(e, r), Q(r);
+  }, Xe = (e, t) => {
+    const r = h ? [t] : t;
+    P && P(e, r), Q(r);
+  }, U = (e, t, r = !1) => t ? (r ? Qe(e, t) : Xe(e, t), D.current = t, L.current = !1, C.current = [], !0) : !1, V = (e, t, r = !1) => {
+    const {
+      start: n = D.current,
+      end: s,
+      current: c
+    } = t;
+    r ? Ye(e, {
+      start: n,
+      next: s,
+      current: c
+    }) : n != null && s != null && Je(e, {
+      start: n,
+      end: s
+    }), L.current = !0;
+  }, Ze = (e, t) => {
+    D.current || (D.current = t);
+    const r = L.current ? D.current : t;
+    V(e, {
+      start: r,
+      end: ae()
+    });
+  }, et = (e, t) => {
+    D.current || (D.current = t);
+    const r = L.current ? D.current : t;
+    V(e, {
+      start: r,
+      end: oe()
+    });
+  }, tt = (e, t) => {
+    S(ee(t)) || V(e, {
+      end: ee(t),
+      current: t
+    }, !0);
+  }, rt = (e, t) => {
+    S(se(t)) || V(e, {
+      end: se(t),
+      current: t
+    }, !0);
+  }, nt = (e) => {
+    V(e, {
+      start: ae(),
+      end: oe()
+    });
+  }, st = p.useCallback((e) => {
+    const {
+      id: t,
+      index: r,
+      parentId: n,
+      expandable: s,
+      idAttribute: c,
+      disabled: l
+    } = e;
+    u.current[t] = {
+      id: t,
+      index: r,
+      parentId: n,
+      expandable: s,
+      idAttribute: c,
+      disabled: l
+    };
+  }, []), ot = p.useCallback((e) => {
+    const t = {
+      ...u.current
+    };
+    delete t[e], u.current = t, ne((r) => r === e && re.current === Pe(re.current).activeElement ? Z(null)[0] : r);
+  }, []), at = p.useCallback((e, t) => {
+    B.current[e] = t;
+  }, []), ct = p.useCallback((e) => {
+    const t = {
+      ...B.current
+    };
+    delete t[e], B.current = t;
+  }, []), xe = (e) => (X(a) && (k(a) ? be(e, a) : S(a) || te(e)), !0), Se = (e) => {
+    if (k(a) && !S(a))
+      return te(e, a), !0;
+    const t = qe(a);
+    return t ? (F(e, t), !0) : !1;
+  }, lt = (e) => {
+    let t = !1;
+    const r = e.key;
+    if (e.altKey || e.currentTarget !== e.target || !a)
+      return;
+    const n = e.ctrlKey || e.metaKey;
+    switch (r) {
+      case " ":
+        !m && !S(a) && (h && e.shiftKey ? (V(e, {
+          end: a
+        }), t = !0) : h ? t = U(e, a, !0) : t = U(e, a)), e.stopPropagation();
+        break;
+      case "Enter":
+        S(a) || (X(a) ? (te(e), t = !0) : h ? t = U(e, a, !0) : t = U(e, a)), e.stopPropagation();
+        break;
+      case "ArrowDown":
+        h && e.shiftKey && !m && tt(e, a), be(e, a), t = !0;
+        break;
+      case "ArrowUp":
+        h && e.shiftKey && !m && rt(e, a), Ue(e, a), t = !0;
+        break;
+      case "ArrowRight":
+        pe ? t = Se(e) : t = xe(e);
+        break;
+      case "ArrowLeft":
+        pe ? t = xe(e) : t = Se(e);
+        break;
+      case "Home":
+        h && n && e.shiftKey && !m && !S(a) && Ze(e, a), ve(e), t = !0;
+        break;
+      case "End":
+        h && n && e.shiftKey && !m && !S(a) && et(e, a), Ge(e), t = !0;
+        break;
+      default:
+        r === "*" ? (He(e, a), t = !0) : h && n && r.toLowerCase() === "a" && !m ? (nt(e), t = !0) : !n && !e.shiftKey && Jt(r) && (We(e, a, r), t = !0);
+    }
+    t && (e.preventDefault(), e.stopPropagation()), Y && Y(e);
+  }, it = (e) => {
+    if (e.target === e.currentTarget) {
+      const t = Array.isArray(x) ? x[0] : x;
+      F(e, t || I(null)[0]);
+    }
+    H && H(e);
+  }, ut = (e) => {
+    ne(null), K && K(e);
+  }, dt = u.current[a] ? u.current[a].idAttribute : null;
+  return /* @__PURE__ */ _(Dt.Provider, {
+    // TODO: fix this lint error
+    // eslint-disable-next-line react/jsx-no-constructed-context-values
+    value: {
+      icons: {
+        defaultCollapseIcon: E,
+        defaultExpandIcon: $,
+        defaultParentIcon: z,
+        defaultEndIcon: M
+      },
+      focus: F,
+      toggleExpansion: te,
+      isExpanded: k,
+      isExpandable: X,
+      isFocused: Le,
+      isSelected: Ke,
+      isDisabled: S,
+      selectNode: m ? Ce : U,
+      selectRange: m ? Ce : V,
+      multiSelect: h,
+      disabledItemsFocusable: w,
+      mapFirstChar: at,
+      unMapFirstChar: ct,
+      registerNode: st,
+      unregisterNode: ot,
+      treeId: he
+    },
+    children: /* @__PURE__ */ _(Mt, {
+      children: /* @__PURE__ */ _(Yt, {
+        role: "tree",
+        id: he,
+        "aria-activedescendant": dt,
+        "aria-multiselectable": h,
+        className: At(Ve.root, O),
+        ref: $e,
+        tabIndex: 0,
+        onKeyDown: lt,
+        onFocus: it,
+        onBlur: ut,
+        ownerState: me,
+        ...je,
+        children: T
+      })
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (ke.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * The content of the component.
+   */
+  children: o.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * The default icon used to collapse the node.
+   */
+  defaultCollapseIcon: o.node,
+  /**
+   * The default icon displayed next to a end node. This is applied to all
+   * tree nodes and can be overridden by the TreeItem `icon` prop.
+   */
+  defaultEndIcon: o.node,
+  /**
+   * Expanded node ids. (Uncontrolled)
+   * @default []
+   */
+  defaultExpanded: o.arrayOf(o.string),
+  /**
+   * The default icon used to expand the node.
+   */
+  defaultExpandIcon: o.node,
+  /**
+   * The default icon displayed next to a parent node. This is applied to all
+   * parent nodes and can be overridden by the TreeItem `icon` prop.
+   */
+  defaultParentIcon: o.node,
+  /**
+   * Selected node ids. (Uncontrolled)
+   * When `multiSelect` is true this takes an array of strings; when false (default) a string.
+   * @default []
+   */
+  defaultSelected: o.oneOfType([o.arrayOf(o.string), o.string]),
+  /**
+   * If `true`, will allow focus on disabled items.
+   * @default false
+   */
+  disabledItemsFocusable: o.bool,
+  /**
+   * If `true` selection is disabled.
+   * @default false
+   */
+  disableSelection: o.bool,
+  /**
+   * Expanded node ids. (Controlled)
+   */
+  expanded: o.arrayOf(o.string),
+  /**
+   * This prop is used to help implement the accessibility logic.
+   * If you don't provide this prop. It falls back to a randomly generated id.
+   */
+  id: o.string,
+  /**
+   * If true `ctrl` and `shift` will trigger multiselect.
+   * @default false
+   */
+  multiSelect: o.bool,
+  /**
+   * @ignore
+   */
+  onBlur: o.func,
+  /**
+   * @ignore
+   */
+  onFocus: o.func,
+  /**
+   * @ignore
+   */
+  onKeyDown: o.func,
+  /**
+   * Callback fired when tree items are focused.
+   *
+   * @param {React.SyntheticEvent} event The event source of the callback **Warning**: This is a generic event not a focus event.
+   * @param {string} value of the focused node.
+   */
+  onNodeFocus: o.func,
+  /**
+   * Callback fired when tree items are selected/unselected.
+   *
+   * @param {React.SyntheticEvent} event The event source of the callback
+   * @param {string[] | string} nodeIds Ids of the selected nodes. When `multiSelect` is true
+   * this is an array of strings; when false (default) a string.
+   */
+  onNodeSelect: o.func,
+  /**
+   * Callback fired when tree items are expanded/collapsed.
+   *
+   * @param {React.SyntheticEvent} event The event source of the callback.
+   * @param {array} nodeIds The ids of the expanded nodes.
+   */
+  onNodeToggle: o.func,
+  /**
+   * Selected node ids. (Controlled)
+   * When `multiSelect` is true this takes an array of strings; when false (default) a string.
+   */
+  selected: o.oneOfType([o.arrayOf(o.string), o.string]),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
+});
+var ie = {}, ce = {};
+const Zt = /* @__PURE__ */ yt(Gt);
+var Te;
+function Fe() {
+  return Te || (Te = 1, function(i) {
+    "use client";
+    Object.defineProperty(i, "__esModule", {
+      value: !0
+    }), Object.defineProperty(i, "default", {
+      enumerable: !0,
+      get: function() {
+        return d.createSvgIcon;
+      }
+    });
+    var d = Zt;
+  }(ce)), ce;
+}
+var er = Ee;
+Object.defineProperty(ie, "__esModule", {
+  value: !0
+});
+var De = ie.default = void 0, tr = er(Fe()), rr = Oe;
+De = ie.default = (0, tr.default)(/* @__PURE__ */ (0, rr.jsx)("path", {
+  d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
+}), "ExpandMore");
+var ue = {}, nr = Ee;
+Object.defineProperty(ue, "__esModule", {
+  value: !0
+});
+var Me = ue.default = void 0, sr = nr(Fe()), or = Oe;
+Me = ue.default = (0, sr.default)(/* @__PURE__ */ (0, or.jsx)("path", {
+  d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
+}), "ChevronRight");
+const Or = ({
+  data: i,
+  idKey: d = "id",
+  selected: b,
+  expanded: g,
+  disabled: T,
+  disableSearch: O,
+  onChange: E,
+  onToggle: M
+}) => {
+  const [N, $] = we.useState(""), z = Kt(i), A = we.useMemo(() => N.length > 0 ? z.filter(
+    (R) => R.name.toLowerCase().includes(N)
+  ) : i, [N, i]);
+  let w = null;
+  const m = 500;
+  return /* @__PURE__ */ mt(ht, { children: [
+    !O && /* @__PURE__ */ _(Vt, { px: 1, children: /* @__PURE__ */ _(
+      $t,
+      {
+        fullWidth: !0,
+        disableLabel: !0,
+        placeholder: "Search",
+        sx: {
+          "& .MuiInputBase-input": {
+            p: "8px 0px 8px 12px",
+            fontSize: "small"
+          }
+        },
+        iconSize: "small",
+        onChange: (R) => {
+          w && clearTimeout(w), w = setTimeout(() => $(R.toLowerCase()), m);
+        }
+      }
+    ) }),
+    /* @__PURE__ */ _(
+      ke,
+      {
+        "aria-label": "tree view filter",
+        defaultCollapseIcon: /* @__PURE__ */ _(De, {}),
+        defaultExpandIcon: /* @__PURE__ */ _(Me, {}),
+        disableSelection: !0,
+        expanded: g,
+        onNodeToggle: M,
+        children: A.map((R, h) => {
+          const K = String(R[d]), H = Ne.includes(b, K), Y = Ne.includes(T, K);
+          return /* @__PURE__ */ _(
+            jt,
+            {
+              id: K,
+              idKey: d,
+              name: R.name,
+              checked: H,
+              disabled: Y,
+              disabledIds: T,
+              children: R.children,
+              onChange: E,
+              defaultSelected: b
+            },
+            h
+          );
+        })
+      }
+    )
+  ] });
+};
+export {
+  Or as TreeViewFilter
+};

package/dist/components/treeview-filter/item/index.js

@@ -0,0 +1,7 @@
+import "react/jsx-runtime";
+import "../item-label/index.js";
+import "lodash";
+import { I as i } from "../../../index-wW2D1aTG.js";
+export {
+  i as default
+};

package/dist/components/treeview-filter/item-label/index.js

@@ -0,0 +1,44 @@
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
+import { RadioButtonUnchecked as l, CheckCircle as s } from "@mui/icons-material";
+import { B as p, C as h } from "../../../Checkbox-DostZSwR.js";
+import { T as d } from "../../../Typography-XIiVCSto.js";
+function k({
+  id: t,
+  name: n,
+  checked: i,
+  disabled: r,
+  onChange: o
+}) {
+  return /* @__PURE__ */ c(p, { display: "flex", alignItems: "center", py: 1, children: [
+    /* @__PURE__ */ a(
+      h,
+      {
+        size: "small",
+        checked: i,
+        value: t,
+        sx: { padding: 0, marginRight: 0.85 },
+        icon: /* @__PURE__ */ a(l, {}),
+        checkedIcon: /* @__PURE__ */ a(s, {}),
+        disabled: r,
+        onChange: (e) => {
+          o && o(e.target.value, e.target.checked);
+        },
+        onClick: (e) => {
+          e.stopPropagation();
+        }
+      }
+    ),
+    /* @__PURE__ */ a(
+      d,
+      {
+        variant: "subtitle1",
+        fontSize: "14px",
+        sx: { userSelect: "none" },
+        children: n
+      }
+    )
+  ] });
+}
+export {
+  k as default
+};