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

package/lib/tabs/Panel.js

@@ -0,0 +1,62 @@
+import { j as P } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as N } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import { useRef as g, useState as A, useEffect as I } from "react";
+import { onDeniedOptions as _, getCurrentThreshold as k } from "./tabHelpers.js";
+import { actionsOnPermissionDenied as q } from "../permissionValidations.js";
+import B from "../noPermission/index.js";
+import { useTabs as F } from "./useTabs.js";
+const W = (j) => {
+  const e = N.c(18), {
+    id: c,
+    children: u,
+    onEndReached: s,
+    permissionAttr: f,
+    customClass: x,
+    onEndReachedThreshold: T,
+    style: h
+  } = j, C = x === void 0 ? "" : x, p = T === void 0 ? 0.1 : T, {
+    selectedTabId: L
+  } = F(), w = c !== L ? "hidepanel" : "", t = g(null);
+  let i;
+  e[0] !== f ? (i = q(_, f), e[0] = f, e[1] = i) : i = e[1];
+  const [z] = A(i), {
+    hideContent: E
+  } = z, v = g(!0), H = g(0);
+  let l;
+  e[2] !== s || e[3] !== p ? (l = async () => {
+    const n = t.current;
+    if (n && s) {
+      const {
+        scrollTop: b,
+        scrollHeight: O,
+        clientHeight: D
+      } = n, S = O - D - b - 1, $ = k(n, p);
+      S <= $ && v.current && (v.current = !1, await new Promise((y) => {
+        y(s());
+      }), H.current = O);
+    }
+  }, e[2] = s, e[3] = p, e[4] = l) : l = e[4];
+  const r = l;
+  let d;
+  e[5] !== s || e[6] !== r ? (d = () => {
+    let n;
+    return t.current && s && (n = new ResizeObserver(() => {
+      const {
+        scrollHeight: b
+      } = t.current;
+      b !== H.current && (v.current = !0, n?.disconnect());
+    }), n.observe(t.current), t.current.addEventListener("scroll", r), t.current.addEventListener("resize", r)), () => {
+      t.current?.removeEventListener("scroll", r), t.current?.removeEventListener("resize", r), n?.disconnect();
+    };
+  }, e[5] = s, e[6] = r, e[7] = d) : d = e[7];
+  let a;
+  e[8] !== r ? (a = [r], e[8] = r, e[9] = a) : a = e[9], I(d, a);
+  const R = `${C} panel ${w}`;
+  let o;
+  e[10] !== u || e[11] !== E ? (o = E ? /* @__PURE__ */ P.jsx(B, {}) : u, e[10] = u, e[11] = E, e[12] = o) : o = e[12];
+  let m;
+  return e[13] !== c || e[14] !== h || e[15] !== R || e[16] !== o ? (m = /* @__PURE__ */ P.jsx("div", { ref: t, id: c, className: R, style: h, children: o }), e[13] = c, e[14] = h, e[15] = R, e[16] = o, e[17] = m) : m = e[17], m;
+};
+export {
+  W as default
+};

package/lib/tabs/context.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { TabsContextType, TabsProviderProps } from './types';
+export declare const TabsContext: React.Context<TabsContextType>;
+export declare function TabsProvider({ children, tabs: tabsProp, container, selectedTab, onTabChange, onTabClose, tabsWidth: tabsWidthProp, firstTabIdent, keepTabOriginalPosition, }: TabsProviderProps): import("react/jsx-runtime").JSX.Element;

package/lib/tabs/context.js

@@ -0,0 +1,64 @@
+import { j as F } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import G, { createContext as H, useState as y, useRef as J, useMemo as I, useCallback as x, useEffect as B } from "react";
+import { _ as C } from "../chunks/lodash.CIAK_hAg.js";
+import { getTabs as D } from "./tabHelpers.js";
+const K = H({});
+function V({
+  children: E,
+  tabs: b,
+  container: d,
+  selectedTab: f = null,
+  onTabChange: T,
+  onTabClose: p,
+  tabsWidth: c,
+  firstTabIdent: M = !1,
+  keepTabOriginalPosition: O = !0
+}) {
+  const [o, l] = G.useState(f), [w, R] = y(() => d.current?.clientWidth ?? 0), [n, a] = y(D(b)), v = J(null), h = (v.current?.clientWidth ?? 0) - 38 - (M ? 15 : 0), W = I(() => typeof c == "string" ? c === "auto" ? 100 : parseInt(c) || 100 : c, [c]), m = Math.round(h / W);
+  f && f !== o && l(f), n.length > 0 && o === null && l(n[0]?.id);
+  const u = I(() => h === 0 ? [] : n.slice(m), [n, m, w]), z = I(() => n.slice(0, m), [n, m, w]), k = n.length, S = x((e) => {
+    const t = u.findIndex((r) => r.id === e);
+    if (t !== -1) {
+      const r = n.findIndex((i) => i.id === e), s = u[t];
+      a((i) => (i.splice(r, 1), [s, ...i]));
+    }
+  }, [a, z, n, u]), g = x((e) => {
+    O || S(e), l(e), T && T(e);
+  }, [T, l, S]), q = x((e) => {
+    const t = n.findIndex((s) => s.id === e), r = t === 0 ? n[t + 1] : n[t - 1];
+    o === e && g(r.id), t !== -1 && a((s) => (s.splice(t, 1), s)), p && p(String(e));
+  }, [p, n, u, o]), j = x((e) => {
+    R(e.width);
+  }, [R]);
+  return B(() => {
+    const e = D(b);
+    if (e !== n) {
+      const t = C.differenceBy(e, n, "id"), r = C.differenceBy(n, e, "id").map((s) => s.id);
+      a((s) => {
+        let i = s;
+        return r && (i = i.filter((A) => !r.includes(A.id))), [...i, ...t];
+      });
+    }
+  }, [b]), B(() => {
+    const e = new ResizeObserver(([t]) => {
+      j(t.contentRect);
+    });
+    return d.current && e.observe(d.current), () => {
+      e.disconnect();
+    };
+  }, [d.current, j]), /* @__PURE__ */ F.jsx(K.Provider, { value: {
+    tabs: n,
+    menuTabs: z,
+    dropdownTabs: u,
+    containerWidth: w,
+    tabsCount: k,
+    selectTab: g,
+    selectedTabId: o,
+    removeTab: q,
+    menuRef: v
+  }, children: E });
+}
+export {
+  K as TabsContext,
+  V as TabsProvider
+};

package/lib/tabs/index.d.ts

@@ -0,0 +1,5 @@
+import { default as TabPanel } from './Panel';
+import { ITabsPros } from './types';
+declare const Tabs: ({ toolbar, toolBarRef, children, firstTabIdent, handlerTabClick, handlerCloseTab, style, tabMenuSize, tabMenuAlign, tabMenuPosition, customClassForToolBar, tabsWidth, ...props }: ITabsPros) => import("react/jsx-runtime").JSX.Element;
+export default Tabs;
+export { TabPanel };

package/lib/tabs/index.js

@@ -0,0 +1,73 @@
+import { j as C } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as D } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import { useRef as G, Fragment as P } from "react";
+import H from "./Menu.js";
+import { default as lt } from "./Panel.js";
+import { tabsClass as J } from "./tabHelpers.js";
+import "../chunks/tabs.BvKfeA6Y.js";
+import { TabsProvider as K } from "./context.js";
+const L = ({
+  children: i,
+  tabMenuPosition: t,
+  toolbar: e,
+  tabsWidth: o,
+  customClassForToolBar: s,
+  tabMenuSize: n,
+  tabMenuAlign: r,
+  firstTabIdent: l
+}) => {
+  const a = /* @__PURE__ */ C.jsx(H, { toolbar: e, tabWidth: o, customClassForToolBar: s, tabMenuSize: n, tabMenuAlign: r, firstTabIdent: l });
+  return t === "top" || t === "left" ? /* @__PURE__ */ C.jsxs(P, { children: [
+    a,
+    i
+  ] }) : /* @__PURE__ */ C.jsxs(P, { children: [
+    i,
+    a
+  ] });
+}, tt = (i) => {
+  const t = D.c(38);
+  let e, o, s, n, r, l, a, p, h, T, x, c;
+  if (t[0] !== i) {
+    const {
+      toolbar: W,
+      toolBarRef: O,
+      children: k,
+      firstTabIdent: y,
+      handlerTabClick: z,
+      handlerCloseTab: A,
+      style: E,
+      tabMenuSize: I,
+      tabMenuAlign: S,
+      tabMenuPosition: N,
+      customClassForToolBar: $,
+      tabsWidth: q,
+      ...w
+    } = i;
+    c = W, e = k, o = y, n = z, s = A, l = E, a = I, p = S, h = N, T = $, x = q, r = w, t[0] = i, t[1] = e, t[2] = o, t[3] = s, t[4] = n, t[5] = r, t[6] = l, t[7] = a, t[8] = p, t[9] = h, t[10] = T, t[11] = x, t[12] = c;
+  } else
+    e = t[1], o = t[2], s = t[3], n = t[4], r = t[5], l = t[6], a = t[7], p = t[8], h = t[9], T = t[10], x = t[11], c = t[12];
+  let v;
+  t[13] !== l ? (v = l === void 0 ? {} : l, t[13] = l, t[14] = v) : v = t[14];
+  const M = v, g = a === void 0 ? "default" : a, R = p === void 0 ? "left" : p, d = h === void 0 ? "top" : h, B = T === void 0 ? "" : T, f = x === void 0 ? "auto" : x, F = G(null);
+  let b;
+  t[15] !== d ? (b = J(d), t[15] = d, t[16] = b) : b = t[16];
+  let m;
+  t[17] !== e || t[18] !== B || t[19] !== o || t[20] !== R || t[21] !== d || t[22] !== g || t[23] !== f || t[24] !== c ? (m = L({
+    children: e,
+    tabMenuPosition: d,
+    toolbar: c,
+    tabsWidth: f,
+    customClassForToolBar: B,
+    tabMenuSize: g,
+    tabMenuAlign: R,
+    firstTabIdent: o
+  }), t[17] = e, t[18] = B, t[19] = o, t[20] = R, t[21] = d, t[22] = g, t[23] = f, t[24] = c, t[25] = m) : m = t[25];
+  let u;
+  t[26] !== M || t[27] !== b || t[28] !== m ? (u = /* @__PURE__ */ C.jsx("div", { ref: F, className: b, style: M, children: m }), t[26] = M, t[27] = b, t[28] = m, t[29] = u) : u = t[29];
+  let j;
+  return t[30] !== e || t[31] !== o || t[32] !== s || t[33] !== n || t[34] !== r || t[35] !== u || t[36] !== f ? (j = /* @__PURE__ */ C.jsx(K, { tabs: e, container: F, onTabChange: n, onTabClose: s, tabsWidth: f, firstTabIdent: o, ...r, children: u }), t[30] = e, t[31] = o, t[32] = s, t[33] = n, t[34] = r, t[35] = u, t[36] = f, t[37] = j) : j = t[37], j;
+};
+export {
+  lt as TabPanel,
+  tt as default
+};

package/lib/tabs/tabHelpers.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { Position } from '../@types/Position';
+export declare function getCurrentThreshold(scrollableElement: HTMLDivElement, scrollThreshold: number): number;
+export declare const getTabs: (tabsProp: React.ReactNode) => any[];
+export declare function tabsClass(tabMenuPosition: Exclude<Position, 'center'>): string;
+export declare function menuStyles(tabMenuAlign: Position): {
+    justifyContent: string;
+};
+export declare const onDeniedOptions: string[];

package/lib/tabs/tabHelpers.js

@@ -0,0 +1,48 @@
+import i from "react";
+import { OPTIONS_ON_DENIED as r } from "../permissionValidations.js";
+function h(t, n) {
+  if (n < 0) return 0;
+  if (n > 1) return 1;
+  const {
+    scrollHeight: o,
+    clientHeight: c
+  } = t, s = o - c, u = Math.round(o * n), f = Math.round(s - s * 0.3);
+  return Math.min(u, f);
+}
+const p = (t) => (i.Children.map(t, (e) => {
+  if (!e || !i.isValidElement(e)) return null;
+  const {
+    children: l,
+    ...o
+  } = e.props;
+  return o;
+}) || []).filter((e) => !e.hidden), a = {
+  top: "",
+  left: "menu-left",
+  bottom: "menu-bottom",
+  right: "menu-right"
+};
+function b(t) {
+  let n = "tabs-component ";
+  return n += a[t], n;
+}
+const m = {
+  left: "flex-start",
+  top: "flex-start",
+  right: "flex-end",
+  bottom: "flex-end",
+  center: "center"
+};
+function M(t) {
+  return {
+    justifyContent: m[t]
+  };
+}
+const O = [r.disabled, r.unvisible, r.hideContent];
+export {
+  h as getCurrentThreshold,
+  p as getTabs,
+  M as menuStyles,
+  O as onDeniedOptions,
+  b as tabsClass
+};

package/lib/tabs/types.d.ts

@@ -0,0 +1,95 @@
+import { CSSProperties, ReactElement, ReactNode, RefObject } from 'react';
+import { Size } from '../@types/Size';
+import { Position } from '../@types/Position';
+import { PermissionAttr } from '../@types/PermissionAttr';
+import { IconNames } from '../@types/Icon';
+export type TabsContextType = {
+    tabs: TabProps[];
+    menuTabs: TabProps[];
+    dropdownTabs: TabProps[];
+    selectedTabId: string | number | null;
+    selectTab: (tabId: string | number) => void;
+    removeTab: (tabId: string | number) => void;
+    containerWidth: number;
+    tabsCount: number;
+    menuRef: RefObject<HTMLUListElement>;
+};
+export interface TabsProviderProps {
+    children: React.ReactNode;
+    tabs: React.ReactNode;
+    container: RefObject<HTMLDivElement>;
+    tabsWidth: number | string;
+    selectedTab?: string | number | null;
+    onTabChange?: (tabId: string | number) => void;
+    onTabClose?: (tabId: string) => void;
+    firstTabIdent?: boolean;
+    keepTabOriginalPosition?: boolean;
+}
+export interface ITabsPros {
+    style?: CSSProperties;
+    toolbar?: ReactElement;
+    toolBarRef?: (value: HTMLDivElement | null) => void;
+    children?: ReactNode;
+    selectedTab?: string | number;
+    tabMenuSize?: Size;
+    tabMenuAlign?: Position;
+    firstTabIdent?: boolean;
+    tabMenuPosition?: Exclude<Position, 'center'>;
+    handlerTabClick?: (id?: string | number) => void;
+    handlerCloseTab?: (id?: string, idx?: string) => void;
+    customClassForToolBar?: string;
+    tabsWidth?: string | number;
+    keepTabOriginalPosition?: boolean;
+}
+export interface TabProps {
+    id: string | number;
+    title: string;
+    iconAlign?: Extract<Position, 'left' | 'right'>;
+    iconName?: IconNames;
+    icon?: ReactElement;
+    disabled?: boolean;
+    permissionAttr?: PermissionAttr;
+    tabWidth?: string | number;
+    tabMenuSize?: Size;
+    tabMenuAlign?: Position;
+    tooltip?: string;
+    tooltipPosition?: Exclude<Position, 'center'>;
+    tooltipWidth?: string | number;
+    closeable?: boolean;
+    tabsLength?: number;
+}
+export interface MenuProps {
+    toolbar?: ReactElement<any>;
+    customClass?: string;
+    customClassForToolBar?: string;
+    tabWidth?: string | number;
+    tabMenuAlign?: Position;
+    selectedTabId?: string;
+    firstTabIdent?: boolean;
+    tabs?: TabProps[];
+    tabMenuSize?: Size;
+    handlerClick?: (id?: string) => void;
+    handlerRemovePanel?: (id?: string, idx?: number, bool?: boolean) => void;
+}
+export interface DropdownProps extends MenuProps {
+}
+export interface PanelProps {
+    id?: string;
+    icon?: ReactElement;
+    title?: string;
+    hidden?: boolean;
+    tooltip?: string;
+    disabled?: boolean;
+    closable?: boolean;
+    iconName?: IconNames;
+    children?: ReactNode;
+    closeable?: boolean;
+    iconAlign?: Extract<Position, 'left' | 'right'>;
+    customClass?: string;
+    tooltipWidth?: string | number;
+    onEndReached?: () => void;
+    permissionAttr?: PermissionAttr;
+    tooltipPosition?: Exclude<Position, 'center'>;
+    onEndReachedThreshold?: number;
+    style?: CSSProperties;
+}

package/lib/tabs/useTabs.d.ts

@@ -0,0 +1 @@
+export declare function useTabs(): import('./types').TabsContextType;

package/lib/tabs/useTabs.js

@@ -0,0 +1,8 @@
+import { useContext as t } from "react";
+import { TabsContext as o } from "./context.js";
+function n() {
+  return t(o);
+}
+export {
+  n as useTabs
+};

package/lib/textContent/index.d.ts

@@ -0,0 +1,18 @@
+import { default as React, MutableRefObject } from 'react';
+import { WithTooltipProps } from '../internals/types';
+interface TextContentProps extends React.HTMLAttributes<HTMLElement>, WithTooltipProps {
+    as?: 'span' | 'strong' | 'p';
+    label?: string | string[];
+    styleForLabel?: object;
+    labelUppercase?: boolean;
+    required?: boolean;
+    disabled?: boolean;
+    targetRef?: (ref: HTMLSpanElement | null) => void;
+    labelRef?: MutableRefObject<HTMLSpanElement | null>;
+    onHoverLabel?: (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
+}
+declare const _default: {
+    (props: TextContentProps & React.RefAttributes<HTMLElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default _default;

package/lib/textContent/index.js

@@ -0,0 +1,33 @@
+import { j as C } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as L } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import { forwardRef as N } from "react";
+import { _ as T } from "../chunks/lodash.CIAK_hAg.js";
+import j from "../internals/withTooltip.js";
+import '../assets/index4.css';const x = N((p, m) => {
+  const t = L.c(17);
+  let e, o, r, l, s, a, n;
+  if (t[0] !== m || t[1] !== p) {
+    const {
+      as: d,
+      children: b,
+      className: R,
+      label: v,
+      styleForLabel: u,
+      disabled: E,
+      targetRef: $,
+      labelRef: w,
+      onHoverLabel: y,
+      ...h
+    } = p;
+    o = b, r = R, s = u, l = y, e = d === void 0 ? "span" : d, n = m, a = T.omit(h, ["tooltipWidth", "tooltip", "tooltipPosition", "labelUppercase"]), t[0] = m, t[1] = p, t[2] = e, t[3] = o, t[4] = r, t[5] = l, t[6] = s, t[7] = a, t[8] = n;
+  } else
+    e = t[2], o = t[3], r = t[4], l = t[5], s = t[6], a = t[7], n = t[8];
+  const c = a, f = `text-content-component ${r}`;
+  let i;
+  return t[9] !== e || t[10] !== o || t[11] !== l || t[12] !== c || t[13] !== s || t[14] !== f || t[15] !== n ? (i = /* @__PURE__ */ C.jsx(e, { ref: n, style: s, className: f, "data-textcontent": e, onMouseEnter: l, ...c, children: o }), t[9] = e, t[10] = o, t[11] = l, t[12] = c, t[13] = s, t[14] = f, t[15] = n, t[16] = i) : i = t[16], i;
+});
+x.displayName = "TextContent";
+const U = j(x);
+export {
+  U as default
+};

package/lib/textContent/textContent.spec.d.ts

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

package/lib/toolbar/ButtonBar.d.ts

@@ -0,0 +1,3 @@
+import { IButtonBarProps } from './types';
+declare const ButtonBar: ({ size, icon, onClick, iconName, transparent, customClass, type, iconAlign, label, ...props }: IButtonBarProps) => import("react/jsx-runtime").JSX.Element;
+export default ButtonBar;

package/lib/toolbar/ButtonBar.js

@@ -0,0 +1,67 @@
+import { j as o } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as C } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import { useContext as b } from "react";
+import A from "../buttons/Button.js";
+import E from "../buttons/PrimaryButton.js";
+import R from "../buttons/DangerButton.js";
+import S from "../buttons/WarningButton.js";
+import k from "../buttons/SuccessButton.js";
+import w from "../buttons/InfoButton.js";
+import z from "../buttons/SaveButton.js";
+import D from "../buttons/CancelButton.js";
+import I from "../buttons/EditButton.js";
+import P from "../buttons/DestroyButton.js";
+import T from "../buttons/AddButton.js";
+import $ from "../buttons/ActivateButton.js";
+import h from "../buttons/InactivateButton.js";
+import N from "../buttons/RestoreButton.js";
+import '../assets/button.css';/* empty css                        */
+import W from "./helpers.js";
+const st = (c) => {
+  const r = C.c(3), {
+    size: p,
+    icon: u,
+    onClick: f,
+    iconName: l,
+    transparent: x,
+    customClass: B,
+    type: e,
+    iconAlign: m,
+    label: a,
+    ...j
+  } = c, d = e === void 0 ? "default" : e, v = m === void 0 ? "left" : m, g = a === void 0 ? "" : a, {
+    skeletonize: y
+  } = b(W), t = () => ({
+    ...j,
+    size: p,
+    icon: u,
+    label: g,
+    onClick: f,
+    iconName: l,
+    iconAlign: v,
+    transparent: x,
+    skeletonize: y,
+    boxShadow: !1,
+    customClass: `buttonbar ${B}`
+  }), n = N, i = t();
+  let s;
+  return r[0] !== n || r[1] !== i ? (s = /* @__PURE__ */ o.jsx(n, { ...i }), r[0] = n, r[1] = i, r[2] = s) : s = r[2], {
+    default: /* @__PURE__ */ o.jsx(A, { ...t() }),
+    primary: /* @__PURE__ */ o.jsx(E, { ...t() }),
+    danger: /* @__PURE__ */ o.jsx(R, { ...t() }),
+    info: /* @__PURE__ */ o.jsx(w, { ...t() }),
+    success: /* @__PURE__ */ o.jsx(k, { ...t() }),
+    warning: /* @__PURE__ */ o.jsx(S, { ...t() }),
+    add: /* @__PURE__ */ o.jsx(T, { ...t() }),
+    cancel: /* @__PURE__ */ o.jsx(D, { ...t() }),
+    destroy: /* @__PURE__ */ o.jsx(P, { ...t() }),
+    edit: /* @__PURE__ */ o.jsx(I, { ...t() }),
+    save: /* @__PURE__ */ o.jsx(z, { ...t() }),
+    activate: /* @__PURE__ */ o.jsx($, { ...t() }),
+    inactivate: /* @__PURE__ */ o.jsx(h, { ...t() }),
+    restore: s
+  }[d];
+};
+export {
+  st as default
+};

package/lib/toolbar/LabelBar.d.ts

@@ -0,0 +1,3 @@
+import { ILabelBarProps } from './types';
+declare const LabelBar: ({ size, icon, children, iconName, style, type, bordered, ...props }: ILabelBarProps) => import("react/jsx-runtime").JSX.Element;
+export default LabelBar;

package/lib/toolbar/LabelBar.js

@@ -0,0 +1,51 @@
+import { j as e } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as L } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import { useContext as v } from "react";
+import C from "../labels/DefaultLabel.js";
+import h from "../labels/DangerLabel.js";
+import z from "../labels/PrimaryLabel.js";
+import B from "../labels/WarningLabel.js";
+import E from "../labels/SuccessLabel.js";
+import P from "../labels/InfoLabel.js";
+import '../assets/label.css';/* empty css                       */
+import R from "./helpers.js";
+const A = (l) => {
+  const o = L.c(3), {
+    size: p,
+    icon: c,
+    children: f,
+    iconName: x,
+    style: n,
+    type: m,
+    bordered: a,
+    ...d
+  } = l, b = n === void 0 ? {} : n, u = m === void 0 ? "default" : m, j = a === void 0 ? !1 : a, y = {
+    lineHeight: "unset",
+    padding: "7px 10px 6px",
+    ...b
+  }, {
+    skeletonize: g
+  } = v(R), t = () => ({
+    ...d,
+    size: p,
+    icon: c,
+    children: f,
+    iconName: x,
+    style: y,
+    bordered: j,
+    skeletonize: g,
+    customClass: "labelbar"
+  }), s = B, i = t();
+  let r;
+  return o[0] !== s || o[1] !== i ? (r = /* @__PURE__ */ e.jsx(s, { ...i }), o[0] = s, o[1] = i, o[2] = r) : r = o[2], {
+    default: /* @__PURE__ */ e.jsx(C, { ...t() }),
+    primary: /* @__PURE__ */ e.jsx(z, { ...t() }),
+    danger: /* @__PURE__ */ e.jsx(h, { ...t() }),
+    info: /* @__PURE__ */ e.jsx(P, { ...t() }),
+    success: /* @__PURE__ */ e.jsx(E, { ...t() }),
+    warning: r
+  }[u];
+};
+export {
+  A as default
+};

package/lib/toolbar/Separator.d.ts

@@ -0,0 +1,2 @@
+declare const Separator: () => import("react/jsx-runtime").JSX.Element;
+export default Separator;

package/lib/toolbar/Separator.js

@@ -0,0 +1,10 @@
+import { j as r } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as o } from "../chunks/compiler-runtime.Cu50tn6L.js";
+const m = () => {
+  const t = o.c(1);
+  let e;
+  return t[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ r.jsx("div", { className: "separator" }), t[0] = e) : e = t[0], e;
+};
+export {
+  m as default
+};

package/lib/toolbar/ToolBarGroup.d.ts

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

package/lib/toolbar/ToolBarGroup.js

@@ -0,0 +1,16 @@
+import { j as c } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as a } from "../chunks/compiler-runtime.Cu50tn6L.js";
+const p = (i) => {
+  const t = a.c(5), {
+    children: r,
+    style: o
+  } = i;
+  let s;
+  t[0] !== o ? (s = o === void 0 ? {} : o, t[0] = o, t[1] = s) : s = t[1];
+  const l = s;
+  let e;
+  return t[2] !== r || t[3] !== l ? (e = /* @__PURE__ */ c.jsx("div", { className: "toolbar-group", style: l, children: r }), t[2] = r, t[3] = l, t[4] = e) : e = t[4], e;
+};
+export {
+  p as default
+};

package/lib/toolbar/helpers.d.ts

@@ -0,0 +1,3 @@
+import { IToolbarProps } from './types';
+declare const ToolBarContext: import('react').Context<IToolbarProps>;
+export default ToolBarContext;

package/lib/toolbar/helpers.js

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

package/lib/toolbar/index.d.ts

@@ -0,0 +1,8 @@
+import { default as ToolBarGroup } from './ToolBarGroup';
+import { default as Separator } from './Separator';
+import { default as ButtonBar } from './ButtonBar';
+import { default as LabelBar } from './LabelBar';
+import { IToolbarProps } from './types';
+declare const ToolBar: ({ innerRef, children, style, size, customClass, ...props }: IToolbarProps) => import("react/jsx-runtime").JSX.Element;
+export default ToolBar;
+export { ToolBarGroup, Separator, ButtonBar, LabelBar, };

package/lib/toolbar/index.js

@@ -0,0 +1,39 @@
+import { j as d } from "../chunks/jsx-runtime.D1SHvdVE.js";
+import { c as v } from "../chunks/compiler-runtime.Cu50tn6L.js";
+import { default as E } from "./ToolBarGroup.js";
+import { default as G } from "./Separator.js";
+import { default as N } from "./ButtonBar.js";
+import { default as S } from "./LabelBar.js";
+import '../assets/toolbar.css';/* empty css                         */
+import j from "./helpers.js";
+const T = (p) => {
+  const t = v.c(19);
+  let o, r, s, a, e, i;
+  t[0] !== p ? ({
+    innerRef: r,
+    children: o,
+    style: e,
+    size: a,
+    customClass: i,
+    ...s
+  } = p, t[0] = p, t[1] = o, t[2] = r, t[3] = s, t[4] = a, t[5] = e, t[6] = i) : (o = t[1], r = t[2], s = t[3], a = t[4], e = t[5], i = t[6]);
+  let f;
+  t[7] !== e ? (f = e === void 0 ? {} : e, t[7] = e, t[8] = f) : f = t[8];
+  const c = f, B = i === void 0 ? "" : i;
+  let m;
+  t[9] !== s ? (m = {
+    ...s
+  }, t[9] = s, t[10] = m) : m = t[10];
+  const u = m, x = `toolbar-component ${a ? `${a}-bar` : ""} ${B}`;
+  let l;
+  t[11] !== o || t[12] !== r || t[13] !== c || t[14] !== x ? (l = /* @__PURE__ */ d.jsx("div", { ref: r, className: x, style: c, children: o }), t[11] = o, t[12] = r, t[13] = c, t[14] = x, t[15] = l) : l = t[15];
+  let n;
+  return t[16] !== u || t[17] !== l ? (n = /* @__PURE__ */ d.jsx(j.Provider, { value: u, children: l }), t[16] = u, t[17] = l, t[18] = n) : n = t[18], n;
+};
+export {
+  N as ButtonBar,
+  S as LabelBar,
+  G as Separator,
+  E as ToolBarGroup,
+  T as default
+};