linear-react-components-ui 1.1.26-beta.7 → 1.1.26-beta.8

package/lib/shortcuts/index.js

@@ -0,0 +1,22 @@
+import { j as a } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as d } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import '../assets/index15.css';const h = (p) => {
+  const t = d.c(8), {
+    type: l,
+    style: o,
+    styleShortcut: c,
+    shortcut: r,
+    description: i
+  } = p, n = `shortcut-component ${l && `-${l}`}`;
+  let s;
+  t[0] !== r || t[1] !== c || t[2] !== n ? (s = /* @__PURE__ */ a.jsx("kbd", { "data-testid": "shortcut", className: n, style: c, children: r }), t[0] = r, t[1] = c, t[2] = n, t[3] = s) : s = t[3];
+  let e;
+  return t[4] !== i || t[5] !== o || t[6] !== s ? (e = /* @__PURE__ */ a.jsxs("p", { "data-testid": "description", className: "shortcut-description", style: o, children: [
+    s,
+    ": ",
+    i
+  ] }), t[4] = i, t[5] = o, t[6] = s, t[7] = e) : e = t[7], e;
+};
+export {
+  h as default
+};

package/lib/shortcuts/types.d.ts

@@ -0,0 +1,9 @@
+import { CSSProperties } from 'react';
+import { ColorStyles } from '../@types/ColorStyles';
+export interface IShortcutsProps {
+    type?: ColorStyles;
+    style?: CSSProperties;
+    styleShortcut?: CSSProperties;
+    shortcut: string;
+    description: string;
+}

package/lib/skeleton/SkeletonContainer.d.ts

@@ -0,0 +1,3 @@
+import { ISkeletonContainerProps } from './types';
+declare const SkeletonContainer: ({ children, row, customClass, style }: ISkeletonContainerProps) => import("react/jsx-runtime").JSX.Element;
+export default SkeletonContainer;

package/lib/skeleton/SkeletonContainer.js

@@ -0,0 +1,19 @@
+import { j as i } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as m } from "../chunks/compiler-runtime.Cu50tn6L.js";
+const x = (a) => {
+  const t = m.c(7), {
+    children: o,
+    row: n,
+    customClass: r,
+    style: l
+  } = a;
+  let s;
+  t[0] !== r || t[1] !== n ? (s = () => `skeletoncontainer-component ${r}
+    ${n && "-row"}`, t[0] = r, t[1] = n, t[2] = s) : s = t[2];
+  const c = s();
+  let e;
+  return t[3] !== o || t[4] !== l || t[5] !== c ? (e = /* @__PURE__ */ i.jsx("div", { className: c, style: l, children: o }), t[3] = o, t[4] = l, t[5] = c, t[6] = e) : e = t[6], e;
+};
+export {
+  x as default
+};

package/lib/skeleton/index.d.ts

@@ -0,0 +1,5 @@
+import { default as SkeletonContainer } from './SkeletonContainer';
+import { ISkeletonProps } from './types';
+declare const Skeleton: (props: ISkeletonProps) => import("react/jsx-runtime").JSX.Element;
+export default Skeleton;
+export { SkeletonContainer };

package/lib/skeleton/index.js

@@ -0,0 +1,49 @@
+import { j as x } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as k } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import '../assets/skeleton.css';import '../assets/gridlayout.css';/* empty css                            */
+import v from "../gridlayout/GridCol.js";
+import { default as R } from "./SkeletonContainer.js";
+/* empty css                          */
+const w = (C) => {
+  const t = k.c(15), {
+    customClass: d,
+    style: m,
+    width: a,
+    height: u,
+    round: o,
+    color: f,
+    size: p,
+    gridLayout: l
+  } = C, n = d === void 0 ? "" : d, e = f === void 0 ? "default" : f, s = p === void 0 ? "medium" : p;
+  let i, r;
+  if (t[0] !== e || t[1] !== n || t[2] !== l || t[3] !== u || t[4] !== o || t[5] !== s || t[6] !== m || t[7] !== a) {
+    r = Symbol.for("react.early_return_sentinel");
+    t: {
+      const $ = {
+        width: a,
+        height: u
+      };
+      let c;
+      t[10] !== e || t[11] !== n || t[12] !== o || t[13] !== s ? (c = () => `skeleton-component ${n}
+    ${e && `-${e}`}
+    ${o && "-round"}
+    ${o && s && `-${s}`}`, t[10] = e, t[11] = n, t[12] = o, t[13] = s, t[14] = c) : c = t[14];
+      const h = c, y = () => /* @__PURE__ */ x.jsx("div", { className: h(), style: {
+        ...$,
+        ...m
+      } });
+      if (l !== void 0) {
+        r = /* @__PURE__ */ x.jsx(v, { customClass: "-withskeleton", cols: l, children: y() });
+        break t;
+      }
+      i = y();
+    }
+    t[0] = e, t[1] = n, t[2] = l, t[3] = u, t[4] = o, t[5] = s, t[6] = m, t[7] = a, t[8] = i, t[9] = r;
+  } else
+    i = t[8], r = t[9];
+  return r !== Symbol.for("react.early_return_sentinel") ? r : i;
+};
+export {
+  R as SkeletonContainer,
+  w as default
+};

package/lib/skeleton/types.d.ts

@@ -0,0 +1,18 @@
+import { CSSProperties, ReactNode } from 'react';
+import { Size } from '../@types/Size';
+export interface ISkeletonProps {
+    width?: string | number;
+    height?: string | number;
+    round?: boolean;
+    size?: Exclude<Size, 'default'>;
+    color?: 'default' | 'white';
+    gridLayout?: string;
+    customClass?: string;
+    style?: CSSProperties;
+}
+export interface ISkeletonContainerProps {
+    children: ReactNode;
+    row?: boolean;
+    customClass?: string;
+    style?: CSSProperties;
+}

package/lib/spinner/SpinnerLoading.d.ts

@@ -0,0 +1,3 @@
+import { ISpinnerLoadingProps } from './types';
+declare const SpinnerLoading: ({ color, size }: ISpinnerLoadingProps) => import("react/jsx-runtime").JSX.Element;
+export default SpinnerLoading;

package/lib/spinner/SpinnerLoading.js

@@ -0,0 +1,55 @@
+import { j as t } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as _ } from "../chunks/compiler-runtime.Cu50tn6L.js";
+const S = (p) => {
+  const e = _.c(16), {
+    color: j,
+    size: b
+  } = p, u = j === void 0 ? "#3B3B3B" : j, g = b === void 0 ? "50px" : b;
+  let i;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (i = {
+    background: "none",
+    float: "right"
+  }, e[0] = i) : i = e[0];
+  let r;
+  e[1] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ t.jsx("g", { transform: "rotate(0 50 50)", children: /* @__PURE__ */ t.jsx("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t.jsx("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.9166666666666666s", repeatCount: "indefinite" }) }) }), e[1] = r) : r = e[1];
+  let s;
+  e[2] === Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ t.jsx("g", { transform: "rotate(30 50 50)", children: /* @__PURE__ */ t.jsx("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t.jsx("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.8333333333333334s", repeatCount: "indefinite" }) }) }), e[2] = s) : s = e[2];
+  let a;
+  e[3] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ t.jsx("g", { transform: "rotate(60 50 50)", children: /* @__PURE__ */ t.jsx("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t.jsx("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.75s", repeatCount: "indefinite" }) }) }), e[3] = a) : a = e[3];
+  let n;
+  e[4] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ t.jsx("g", { transform: "rotate(90 50 50)", children: /* @__PURE__ */ t.jsx("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t.jsx("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.6666666666666666s", repeatCount: "indefinite" }) }) }), e[4] = n) : n = e[4];
+  let o;
+  e[5] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ t.jsx("g", { transform: "rotate(120 50 50)", children: /* @__PURE__ */ t.jsx("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t.jsx("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.5833333333333334s", repeatCount: "indefinite" }) }) }), e[5] = o) : o = e[5];
+  let l;
+  e[6] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ t.jsx("g", { transform: "rotate(150 50 50)", children: /* @__PURE__ */ t.jsx("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t.jsx("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.5s", repeatCount: "indefinite" }) }) }), e[6] = l) : l = e[6];
+  let c;
+  e[7] === Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ t.jsx("g", { transform: "rotate(180 50 50)", children: /* @__PURE__ */ t.jsx("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t.jsx("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.4166666666666667s", repeatCount: "indefinite" }) }) }), e[7] = c) : c = e[7];
+  let m;
+  e[8] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ t.jsx("g", { transform: "rotate(210 50 50)", children: /* @__PURE__ */ t.jsx("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t.jsx("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.3333333333333333s", repeatCount: "indefinite" }) }) }), e[8] = m) : m = e[8];
+  let h;
+  e[9] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ t.jsx("g", { transform: "rotate(240 50 50)", children: /* @__PURE__ */ t.jsx("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t.jsx("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.25s", repeatCount: "indefinite" }) }) }), e[9] = h) : h = e[9];
+  let d;
+  e[10] === Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ t.jsx("g", { transform: "rotate(270 50 50)", children: /* @__PURE__ */ t.jsx("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t.jsx("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.16666666666666666s", repeatCount: "indefinite" }) }) }), e[10] = d) : d = e[10];
+  let x;
+  e[11] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ t.jsx("g", { transform: "rotate(300 50 50)", children: /* @__PURE__ */ t.jsx("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t.jsx("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "-0.08333333333333333s", repeatCount: "indefinite" }) }) }), e[11] = x) : x = e[11];
+  let y;
+  e[12] === Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ t.jsx("g", { transform: "rotate(330 50 50)", children: /* @__PURE__ */ t.jsx("rect", { x: "47", y: "24", rx: "9.4", ry: "4.8", width: "6", height: "12", children: /* @__PURE__ */ t.jsx("animate", { attributeName: "opacity", values: "1;0", keyTimes: "0;1", dur: "1s", begin: "0s", repeatCount: "indefinite" }) }) }), e[12] = y) : y = e[12];
+  let f;
+  return e[13] !== u || e[14] !== g ? (f = /* @__PURE__ */ t.jsxs("svg", { "data-testid": "spinner", className: "lds-spinner spinnerloading", fill: u, width: g, viewBox: "0 0 100 100", preserveAspectRatio: "xMidYMid", style: i, children: [
+    r,
+    s,
+    a,
+    n,
+    o,
+    l,
+    c,
+    m,
+    h,
+    d,
+    x,
+    y
+  ] }), e[13] = u, e[14] = g, e[15] = f) : f = e[15], f;
+};
+export {
+  S as default
+};

package/lib/spinner/index.d.ts

@@ -0,0 +1,3 @@
+import { ISpinnerProps } from './types';
+declare const Spinner: (props: ISpinnerProps) => import("react/jsx-runtime").JSX.Element | null;
+export default Spinner;

package/lib/spinner/index.js

@@ -0,0 +1,51 @@
+import { j } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as D } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import { useState as L, useRef as N, useEffect as k } from "react";
+import C from "./SpinnerLoading.js";
+import '../assets/index6.css';const H = (E) => {
+  const e = D.c(20), {
+    align: T,
+    customClass: m,
+    style: d,
+    text: p,
+    visible: S,
+    delayTime: $,
+    heightAuto: x,
+    color: b,
+    size: B
+  } = E, t = T === void 0 ? "center" : T, R = S === void 0 ? !0 : S, r = $ === void 0 ? 1e3 : $, o = b === void 0 ? "#3B3B3B" : b, i = B === void 0 ? "50px" : B, [z, _] = L(!!r), v = N(null);
+  let l;
+  e[0] !== r ? (l = () => (r && (v.current = setTimeout(() => {
+    _(!1);
+  }, r)), () => {
+    v.current && clearTimeout(v.current);
+  }), e[0] = r, e[1] = l) : l = e[1];
+  let c;
+  e[2] === Symbol.for("react.memo_cache_sentinel") ? (c = [], e[2] = c) : c = e[2], k(l, c);
+  let u;
+  e[3] !== t || e[4] !== m || e[5] !== x ? (u = () => {
+    let s = `spinner-component -${t} ${m} `;
+    return x && (s = `${s} -heightauto`), s;
+  }, e[3] = t, e[4] = m, e[5] = x, e[6] = u) : u = e[6];
+  const A = u;
+  if (z || !R)
+    return null;
+  if (t !== "none") {
+    const s = A(), g = t === "right" && p;
+    let n;
+    e[7] !== o || e[8] !== i ? (n = /* @__PURE__ */ j.jsx(C, { color: o, size: i }), e[7] = o, e[8] = i, e[9] = n) : n = e[9];
+    const h = t === "left" && p, y = t === "center" && p;
+    let a;
+    return e[10] !== d || e[11] !== n || e[12] !== h || e[13] !== y || e[14] !== s || e[15] !== g ? (a = /* @__PURE__ */ j.jsxs("div", { style: d, className: s, children: [
+      g,
+      n,
+      h,
+      y
+    ] }), e[10] = d, e[11] = n, e[12] = h, e[13] = y, e[14] = s, e[15] = g, e[16] = a) : a = e[16], a;
+  }
+  let f;
+  return e[17] !== o || e[18] !== i ? (f = /* @__PURE__ */ j.jsx(C, { color: o, size: i }), e[17] = o, e[18] = i, e[19] = f) : f = e[19], f;
+};
+export {
+  H as default
+};

package/lib/spinner/spinner.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/spinner/types.d.ts

@@ -0,0 +1,17 @@
+import { CSSProperties } from 'react';
+import { Align } from '../@types/Align';
+export interface ISpinnerProps {
+    align?: Exclude<Align, 'top' | 'bottom'>;
+    customClass?: string;
+    text?: string;
+    style?: CSSProperties;
+    visible?: boolean;
+    delayTime?: number;
+    heightAuto?: boolean;
+    color?: string;
+    size?: string;
+}
+export interface ISpinnerLoadingProps {
+    color?: string;
+    size: string;
+}

package/lib/split/Split.d.ts

@@ -0,0 +1,3 @@
+import { ISplitProps } from './types';
+declare const Split: ({ hotKey, secondaryInitialSize, onSecondaryPaneSizeChange, vertical, primaryIndex, percentage, primaryMinSize, secondaryMinSize, customClass, children, hideSplitSideOnToggleClick, style, nodeParameter, }: ISplitProps) => import("react/jsx-runtime").JSX.Element;
+export default Split;

package/lib/split/Split.js

@@ -0,0 +1,193 @@
+import { j as y } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { useState as U, useRef as L, useEffect as b } from "react";
+import V from "./helpers.js";
+const q = ({
+  hotKey: h,
+  secondaryInitialSize: z = 0,
+  onSecondaryPaneSizeChange: w,
+  vertical: f,
+  primaryIndex: M = 0,
+  percentage: P,
+  primaryMinSize: m = 0,
+  secondaryMinSize: R = 0,
+  customClass: x,
+  children: S = [],
+  hideSplitSideOnToggleClick: C = "primary",
+  style: N,
+  nodeParameter: H
+}) => {
+  const [e, s] = U({
+    secondaryPaneSize: 0,
+    resizing: !1,
+    visibleSplitSide: !0,
+    isHidePane: !0
+  }), c = L(null), d = L(null), v = (t, i, o, l) => {
+    let r = f ? t.height : t.width, n = f ? i.height : i.width, u = f ? o.top - t.top : o.left - t.left;
+    l && (u -= n / 2), u < 0 ? u = 0 : u > r - n && (u = r - n);
+    let a;
+    a = M === 1 ? u : r - n - u;
+    let g = r - n - a;
+    return P && (a = a * 100 / r, g = g * 100 / r, n = n * 100 / r, r = 100), g < m ? a = Math.max(a - (m - g), 0) : a < R && (a = Math.min(r - n - m, R)), a;
+  }, _ = () => {
+    const t = Selection;
+    if (document.createRange() && H) {
+      const i = document.createRange();
+      i.collapse(), i.selectNode(H);
+    } else if (window.getSelection) {
+      const i = window.getSelection();
+      i && i.empty ? i.empty() : i && i.removeAllRanges && i.removeAllRanges();
+    } else t && t.empty();
+  }, k = () => {
+    if (c.current && d.current && !P) {
+      const t = c.current.getBoundingClientRect(), i = d.current.getBoundingClientRect(), o = v(t, i, {
+        left: i.left,
+        top: i.top
+      }, !1);
+      s({
+        ...e,
+        secondaryPaneSize: o
+      });
+    }
+  }, E = (t) => {
+    if (c.current && d.current && e.resizing) {
+      const i = c.current.getBoundingClientRect(), o = d.current.getBoundingClientRect(), l = v(i, o, {
+        left: t.clientX,
+        top: t.clientY
+      }, !0);
+      _(), s({
+        ...e,
+        secondaryPaneSize: l
+      });
+    }
+  }, A = () => {
+    _(), s({
+      ...e,
+      resizing: !0
+    });
+  }, j = (t) => {
+    const i = t.keyCode || t.which, o = z, l = {
+      left: 37,
+      up: 38,
+      right: 39,
+      down: 40
+    }, {
+      isHidePane: r,
+      visibleSplitSide: n
+    } = e;
+    if (t.ctrlKey)
+      switch (s({
+        ...e,
+        visibleSplitSide: !1
+      }), i) {
+        case l.left:
+          r ? s({
+            ...e,
+            visibleSplitSide: !n,
+            secondaryPaneSize: 100,
+            isHidePane: !1
+          }) : e.secondaryPaneSize && s({
+            ...e,
+            visibleSplitSide: !n,
+            secondaryPaneSize: o,
+            isHidePane: !0
+          });
+          break;
+        case l.right:
+          s(r ? {
+            ...e,
+            visibleSplitSide: !n,
+            secondaryPaneSize: 0,
+            isHidePane: !1
+          } : {
+            ...e,
+            visibleSplitSide: !n,
+            secondaryPaneSize: o,
+            isHidePane: !0
+          });
+          break;
+        case l.up:
+          s(r ? {
+            ...e,
+            visibleSplitSide: !n,
+            secondaryPaneSize: 100,
+            isHidePane: !1
+          } : {
+            ...e,
+            visibleSplitSide: !n,
+            secondaryPaneSize: o,
+            isHidePane: !0
+          });
+          break;
+        case l.down:
+          s(r ? {
+            ...e,
+            visibleSplitSide: !n,
+            secondaryPaneSize: 0,
+            isHidePane: !1
+          } : {
+            ...e,
+            visibleSplitSide: !n,
+            secondaryPaneSize: o,
+            isHidePane: !0
+          });
+          break;
+      }
+  };
+  b(() => {
+    let t;
+    if (window.addEventListener("resize", k), h && document.addEventListener("keyup", j), z)
+      t = z;
+    else if (c.current && d.current) {
+      const i = c.current.getBoundingClientRect(), o = d.current.getBoundingClientRect();
+      t = v(i, o, {
+        left: i.left + (i.width - o.width) / 2,
+        top: i.top + (i.height - o.height) / 2
+      }, !1);
+    }
+    return t = t, s({
+      ...e,
+      secondaryPaneSize: t
+    }), () => {
+      window.removeEventListener("resize", k), h && document.removeEventListener("keyup", j);
+    };
+  }, []), b(() => {
+    w && w(e.secondaryPaneSize);
+  }, [e.secondaryPaneSize]), b(() => (e.resizing && document.addEventListener("mousemove", E), () => {
+    document.removeEventListener("mousemove", E);
+  }), [e.resizing]);
+  const D = () => ({
+    size: e.secondaryPaneSize,
+    percentage: P,
+    vertical: f,
+    primary: S[1] && !1
+  }), {
+    resizing: K,
+    visibleSplitSide: B
+  } = e;
+  let p = "split-component";
+  return x && (p += ` ${x}`), f && (p += " splitter-layout-vertical"), K && (p += " layout-changing"), /* @__PURE__ */ y.jsx(V.Provider, { value: D(), children: /* @__PURE__ */ y.jsxs("div", { className: p, style: N, ref: (t) => {
+    c.current = t;
+  }, children: [
+    C === "primary" ? B && S[0] : S[0],
+    /* @__PURE__ */ y.jsx("div", { role: "button", onKeyPress: void 0, tabIndex: -1, className: "layout-splitter", ref: (t) => {
+      d.current = t;
+    }, onMouseUp: () => s({
+      ...e,
+      resizing: !1
+    }), onMouseDown: () => {
+      A();
+    }, children: /* @__PURE__ */ y.jsx("div", { role: "button", tabIndex: -1, onDoubleClick: () => e.secondaryPaneSize === 100 ? s({
+      ...e,
+      secondaryPaneSize: 50,
+      resizing: !1
+    }) : s({
+      ...e,
+      secondaryPaneSize: 100,
+      resizing: !1
+    }), className: f ? "toggler-vertical" : "toggler-horizontal" }) }),
+    C === "secondary" ? B && S[1] : S[1]
+  ] }) });
+};
+export {
+  q as default
+};

package/lib/split/SplitSide.d.ts

@@ -0,0 +1,3 @@
+import { ISplitSideProps } from './types';
+declare const SplitSide: ({ primary, children, customClass, style }: ISplitSideProps) => import("react/jsx-runtime").JSX.Element;
+export default SplitSide;

package/lib/split/SplitSide.js

@@ -0,0 +1,27 @@
+import { j as d } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as S } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import { useContext as $ } from "react";
+import h from "./helpers.js";
+const z = (f) => {
+  const t = S.c(14), {
+    primary: a,
+    children: n,
+    customClass: p,
+    style: c
+  } = f, {
+    size: x,
+    percentage: y,
+    vertical: m
+  } = $(h), l = x || 0, o = y ? "%" : "px";
+  let e = "layout-pane", s, i;
+  if (t[0] !== e || t[1] !== p || t[2] !== a || t[3] !== l || t[4] !== c || t[5] !== o || t[6] !== m) {
+    const u = {};
+    a ? e = "layout-pane layout-pane-primary" : m ? u.height = `${l}${o}` : u.width = `${l}${o}`, s = `${e} ${p}`, i = Object.assign({}, u, c), t[0] = e, t[1] = p, t[2] = a, t[3] = l, t[4] = c, t[5] = o, t[6] = m, t[7] = s, t[8] = i, t[9] = e;
+  } else
+    s = t[7], i = t[8], e = t[9];
+  let r;
+  return t[10] !== n || t[11] !== s || t[12] !== i ? (r = /* @__PURE__ */ d.jsx("div", { className: s, style: i, children: n }), t[10] = n, t[11] = s, t[12] = i, t[13] = r) : r = t[13], r;
+};
+export {
+  z as default
+};

package/lib/split/helpers.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export type ISplitContext = {
+    size?: number;
+    percentage?: number | string;
+    vertical?: boolean;
+};
+declare const SplitContext: React.Context<ISplitContext>;
+export default SplitContext;

package/lib/split/helpers.js

@@ -0,0 +1,5 @@
+import t from "react";
+const o = t.createContext({});
+export {
+  o as default
+};

package/lib/split/index.d.ts

@@ -0,0 +1,4 @@
+import { default as Split } from './Split';
+import { default as SplitSide } from './SplitSide';
+export default Split;
+export { SplitSide };

package/lib/split/index.js

@@ -0,0 +1,6 @@
+import e from "./Split.js";
+import { default as r } from "./SplitSide.js";
+import '../assets/index16.css';export {
+  r as SplitSide,
+  e as default
+};

package/lib/split/types.d.ts

@@ -0,0 +1,31 @@
+import { ReactNode } from 'react';
+export interface ISplitProps {
+    style?: object;
+    customClass?: string;
+    vertical?: boolean;
+    percentage?: boolean;
+    primaryIndex?: number;
+    primaryMinSize?: number;
+    hotKey?: boolean;
+    secondaryInitialSize?: number;
+    secondaryMinSize?: number;
+    hideSplitSideOnToggleClick?: string;
+    onSecondaryPaneSizeChange?: (parameter: number) => void;
+    children?: ReactNode[];
+    nodeParameter?: Node;
+}
+export interface ISplitSideProps {
+    style?: object;
+    customClass?: string;
+    vertical?: boolean;
+    primary?: boolean;
+    size?: number;
+    percentage?: boolean;
+    children?: ReactNode;
+}
+export interface DocumentSelection {
+    new (): Selection;
+    prototype: Selection;
+    toString(): string;
+    empty(): void;
+}

package/lib/table/Body.d.ts

@@ -0,0 +1,3 @@
+import { ITableBodyProps } from './types';
+declare const TableBody: ({ children, customClass }: ITableBodyProps) => import("react/jsx-runtime").JSX.Element;
+export default TableBody;

package/lib/table/Body.js

@@ -0,0 +1,46 @@
+import { j as o } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as u } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import { useContext as f } from "react";
+import k, { getArrayFromNumber as b } from "./helpers.js";
+import j from "../skeleton/index.js";
+import "../chunks/lodash.CIAK_hAg.js";
+import C from "./Row.js";
+import "../icons/index.js";
+import w from "./RowColumn.js";
+import '../assets/table.css';/* empty css                       */
+const h = (p, {
+  columnsCount: t,
+  vertical: s,
+  skeletonize: r,
+  skeletonInRows: e = 10,
+  skeletonHeight: n = 16,
+  columnsWidth: l
+}) => {
+  if (r && !s && t && e) {
+    const y = b(e), i = b(t);
+    return y.map((x) => /* @__PURE__ */ o.jsx(C, { customClass: "row-skeleton", children: i.map((m) => /* @__PURE__ */ o.jsx(w, { style: {
+      width: l?.[m - 1]
+    }, children: /* @__PURE__ */ o.jsx(j, { height: n }) }, m)) }, x));
+  }
+  return p;
+}, B = (p) => {
+  const t = u.c(8), {
+    children: s,
+    customClass: r
+  } = p, e = f(k), {
+    bodyScrollable: n,
+    bodyContainerRef: l,
+    skeletonize: y,
+    skeletonInRows: i,
+    strict: c,
+    vertical: x,
+    columnsCount: m
+  } = e, a = !!(y && !x && (i === void 0 ? 10 : i) && m);
+  let d;
+  return t[0] !== l || t[1] !== n || t[2] !== s || t[3] !== e || t[4] !== r || t[5] !== a || t[6] !== c ? (d = n ? /* @__PURE__ */ o.jsx("div", { className: "bodycontainer", ref: l, children: /* @__PURE__ */ o.jsx("table", { className: "innertable", style: {
+    contain: c ? "strict" : "size layout style"
+  }, children: /* @__PURE__ */ o.jsx("tbody", { className: `tbody ${a ? "skeleton-transparency" : ""} ${r}`, children: h(s, e) }) }) }) : /* @__PURE__ */ o.jsx("tbody", { className: `tbody ${a ? "skeleton-transparency" : ""} ${r}`, children: h(s, e) }), t[0] = l, t[1] = n, t[2] = s, t[3] = e, t[4] = r, t[5] = a, t[6] = c, t[7] = d) : d = t[7], d;
+};
+export {
+  B as default
+};

package/lib/table/Header.d.ts

@@ -0,0 +1,3 @@
+import { ITableHeaderProps } from './types';
+declare const Header: ({ customClass, children }: ITableHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default Header;