@kommo-crm/crm-react-ui-kit 1.1.1-beta.3 → 1.1.1-beta.4

package/dist/components/ContextMenu/utils/contextMenuBus/contextMenuBus.js

@@ -1,13 +1,20 @@
-class ContextMenuBus {
-    listeners = [];
-    emit(openedId) {
-        this.listeners.forEach((cb) => cb(openedId));
-    }
-    subscribe(cb) {
-        this.listeners.push(cb);
-        return () => {
-            this.listeners = this.listeners.filter((fn) => fn !== cb);
-        };
-    }
+var n = Object.defineProperty;
+var r = (t, s, e) => s in t ? n(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
+var i = (t, s, e) => r(t, typeof s != "symbol" ? s + "" : s, e);
+class l {
+  constructor() {
+    i(this, "listeners", []);
+  }
+  emit(s) {
+    this.listeners.forEach((e) => e(s));
+  }
+  subscribe(s) {
+    return this.listeners.push(s), () => {
+      this.listeners = this.listeners.filter((e) => e !== s);
+    };
+  }
 }
-export const contextMenuBus = new ContextMenuBus();
+const h = new l();
+export {
+  h as contextMenuBus
+};

package/dist/components/ContextMenu/utils/contextMenuBus/contextMenuBus.types.js

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

package/dist/components/ContextMenu/utils/focusParentItem/focusParentItem.js

@@ -1,10 +1,13 @@
-export const focusParentItem = (el) => {
-    let current = el?.parentElement;
-    while (current) {
-        if (current.hasAttribute('data-item')) {
-            current.focus();
-            return;
-        }
-        current = current.parentElement;
+const r = (e) => {
+  let t = e == null ? void 0 : e.parentElement;
+  for (; t; ) {
+    if (t.hasAttribute("data-item")) {
+      t.focus();
+      return;
     }
+    t = t.parentElement;
+  }
+};
+export {
+  r as focusParentItem
 };

package/dist/components/ContextMenu/utils/hasItemIcon/hasItemIcon.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+import { default as React } from 'react';
 export declare const hasItemIcon: (children: React.ReactNode) => boolean;
 //# sourceMappingURL=hasItemIcon.d.ts.map

package/dist/components/ContextMenu/utils/hasItemIcon/hasItemIcon.js

@@ -1,9 +1,9 @@
-import React, { isValidElement } from 'react';
-const ALLOWED_DISPLAY_NAMES = ['ItemIcon', 'ItemIndicator'];
-export const hasItemIcon = (children) => {
-    const firstChild = React.Children.toArray(children)[0];
-    if (!isValidElement(firstChild)) {
-        return false;
-    }
-    return ALLOWED_DISPLAY_NAMES.includes(firstChild.type?.displayName);
+import n, { isValidElement as i } from "react";
+const o = ["ItemIcon", "ItemIndicator"], s = (r) => {
+  var e;
+  const t = n.Children.toArray(r)[0];
+  return i(t) ? o.includes((e = t.type) == null ? void 0 : e.displayName) : !1;
+};
+export {
+  s as hasItemIcon
 };

package/dist/components/ContextMenu/utils/index.js

@@ -1,4 +1,10 @@
-export { hasItemIcon } from './hasItemIcon/hasItemIcon';
-export { isFirstElement } from './isFirstElement/isFirstElement';
-export { contextMenuBus } from './contextMenuBus/contextMenuBus';
-export { focusParentItem } from './focusParentItem/focusParentItem';
+import { hasItemIcon as t } from "./hasItemIcon/hasItemIcon.js";
+import { isFirstElement as m } from "./isFirstElement/isFirstElement.js";
+import { contextMenuBus as n } from "./contextMenuBus/contextMenuBus.js";
+import { focusParentItem as x } from "./focusParentItem/focusParentItem.js";
+export {
+  n as contextMenuBus,
+  x as focusParentItem,
+  t as hasItemIcon,
+  m as isFirstElement
+};

package/dist/components/ContextMenu/utils/isFirstElement/isFirstElement.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 /**
  * Checks whether the element is the first child in the parent.
  */

package/dist/components/ContextMenu/utils/isFirstElement/isFirstElement.js

@@ -1,14 +1,10 @@
-/**
- * Checks whether the element is the first child in the parent.
- */
-export function isFirstElement(ref) {
-    const el = ref.current;
-    if (!el) {
-        return false;
-    }
-    const parent = el.parentElement;
-    if (!parent) {
-        return false;
-    }
-    return parent.firstElementChild === el;
+function r(n) {
+  const e = n.current;
+  if (!e)
+    return !1;
+  const t = e.parentElement;
+  return t ? t.firstElementChild === e : !1;
 }
+export {
+  r as isFirstElement
+};

package/dist/components/FilterTabs/FilterTabs.context.d.ts

@@ -1,5 +1,5 @@
-import { type FilterTabsContextProps } from './FilterTabs.props';
+import { FilterTabsContextProps } from './FilterTabs.props';
 declare const DISPLAY_NAME = "FilterTabs";
-declare const FilterTabsProvider: import("../../lib/react/createComponentContext").ContextProps<FilterTabsContextProps>, useFilterTabsContext: (consumerName: string) => FilterTabsContextProps;
+declare const FilterTabsProvider: import('../../lib/react/createComponentContext').ContextProps<FilterTabsContextProps>, useFilterTabsContext: (consumerName: string) => FilterTabsContextProps;
 export { FilterTabsProvider, useFilterTabsContext, DISPLAY_NAME };
 //# sourceMappingURL=FilterTabs.context.d.ts.map

package/dist/components/FilterTabs/FilterTabs.context.js

@@ -1,4 +1,7 @@
-import { createComponentContext } from 'src/lib/react';
-const DISPLAY_NAME = 'FilterTabs';
-const [FilterTabsProvider, useFilterTabsContext] = createComponentContext(DISPLAY_NAME);
-export { FilterTabsProvider, useFilterTabsContext, DISPLAY_NAME };
+import { createComponentContext as t } from "../../lib/react/createComponentContext/createComponentContext.js";
+const e = "FilterTabs", [r, n] = t(e);
+export {
+  e as DISPLAY_NAME,
+  r as FilterTabsProvider,
+  n as useFilterTabsContext
+};

package/dist/components/FilterTabs/FilterTabs.d.ts

@@ -1,3 +1,3 @@
-import { type FilterTabsType } from './FilterTabs.props';
+import { FilterTabsType } from './FilterTabs.props';
 export declare const FilterTabs: FilterTabsType;
 //# sourceMappingURL=FilterTabs.d.ts.map

package/dist/components/FilterTabs/FilterTabs.js

@@ -1,54 +1,63 @@
-import React, { forwardRef, useState } from 'react';
-import cx from 'classnames';
-import { useThemeClassName } from 'src/hooks/useThemeClassName';
-import { FilterTabsProvider, DISPLAY_NAME } from './FilterTabs.context';
-import { ItemRoot } from './components/ItemRoot';
-import { Tab } from './components/Tab';
-import { ItemRootReset, TabReset } from './components/ItemRootReset';
-import s from './FilterTabs.module.css';
-export const FilterTabs = forwardRef((props, ref) => {
-    const { className, onChange, isMultiSelect, isDisabled = false, orientation = 'horizontal', theme, children, ...rest } = props;
-    const [state, setState] = useState([]);
-    const themeClassName = useThemeClassName(theme);
-    const handleManageState = (name) => {
-        setState((prev) => {
-            let updatedState = prev;
-            if (!name && state.length) {
-                updatedState = [];
-            }
-            if (name) {
-                const isSelected = state.includes(name);
-                if (isMultiSelect) {
-                    updatedState = isSelected
-                        ? prev.filter((item) => item !== name)
-                        : [...prev, name];
-                }
-                if (!isMultiSelect && !isSelected) {
-                    updatedState = [name];
-                }
-            }
-            onChange(updatedState, name);
-            return updatedState;
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as S, useState as T } from "react";
+import { c as z } from "../../index-L8X2o7IH.mjs";
+import { useThemeClassName as I } from "../../hooks/useThemeClassName/useThemeClassName.js";
+import { FilterTabsProvider as A, DISPLAY_NAME as C } from "./FilterTabs.context.js";
+import { ItemRoot as M } from "./components/ItemRoot/ItemRoot.js";
+import { Tab as v } from "./components/Tab/Tab.js";
+import { ItemRootReset as x } from "./components/ItemRootReset/ItemRootReset.js";
+import { TabReset as D } from "./components/ItemRootReset/TabReset.js";
+import '../../assets/FilterTabs.css';const F = "_filter_tabs_1gtnv_1", P = "_horizontal_1gtnv_11", m = {
+  filter_tabs: F,
+  horizontal: P
+}, r = S((f, c) => {
+  const {
+    className: h,
+    onChange: d,
+    isMultiSelect: s,
+    isDisabled: b = !1,
+    orientation: u = "horizontal",
+    theme: _,
+    children: g,
+    ...R
+  } = f, [i, a] = T([]), p = I(_);
+  return /* @__PURE__ */ n(
+    A,
+    {
+      values: i,
+      onChange: (t) => {
+        a((e) => {
+          let o = e;
+          if (!t && i.length && (o = []), t) {
+            const l = i.includes(t);
+            s && (o = l ? e.filter((N) => N !== t) : [...e, t]), !s && !l && (o = [t]);
+          }
+          return d(o, t), o;
         });
-    };
-    const registerActiveName = (name) => {
-        setState((prev) => {
-            if (isMultiSelect) {
-                return [...prev, name];
-            }
-            if (!isMultiSelect && !prev.length) {
-                return [name];
-            }
-            return prev;
-        });
-    };
-    return (React.createElement(FilterTabsProvider, { values: state, onChange: handleManageState, registerActiveName: registerActiveName, isDisabled: isDisabled },
-        React.createElement("div", { className: cx(s.filter_tabs, themeClassName, className, {
-                [s.horizontal]: orientation === 'horizontal',
-            }), ref: ref, ...rest }, children)));
+      },
+      registerActiveName: (t) => {
+        a((e) => s ? [...e, t] : !s && !e.length ? [t] : e);
+      },
+      isDisabled: b,
+      children: /* @__PURE__ */ n(
+        "div",
+        {
+          className: z(m.filter_tabs, p, h, {
+            [m.horizontal]: u === "horizontal"
+          }),
+          ref: c,
+          ...R,
+          children: g
+        }
+      )
+    }
+  );
 });
-FilterTabs.displayName = DISPLAY_NAME;
-FilterTabs.ItemRoot = ItemRoot;
-FilterTabs.ItemRootReset = ItemRootReset;
-FilterTabs.Tab = Tab;
-FilterTabs.TabReset = TabReset;
+r.displayName = C;
+r.ItemRoot = M;
+r.ItemRootReset = x;
+r.Tab = v;
+r.TabReset = D;
+export {
+  r as FilterTabs
+};

package/dist/components/FilterTabs/FilterTabs.props.d.ts

@@ -1,8 +1,8 @@
-import React, { type HTMLAttributes } from 'react';
-import { type FilterTabsThemeType } from './FilterTabs.themes';
-import { type Button, type TabProps } from './components/Tab';
-import { type ItemRootProps } from './components/ItemRoot';
-import { type ItemRootResetProps } from './components/ItemRootReset/ItemRootReset.props';
+import { default as React, HTMLAttributes } from 'react';
+import { FilterTabsThemeType } from './FilterTabs.themes';
+import { Button, TabProps } from './components/Tab';
+import { ItemRootProps } from './components/ItemRoot';
+import { ItemRootResetProps } from './components/ItemRootReset/ItemRootReset.props';
 export type FilterTabsOrientation = 'horizontal' | 'vertical';
 type FilterTabsBaseProps = Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'disabled'>;
 export type FilterTabsChangeEvent = <T>(updatedValues: T[], trigger?: T) => void;

package/dist/components/FilterTabs/FilterTabs.props.js

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

package/dist/components/FilterTabs/FilterTabs.themes.js

@@ -1,3 +1,6 @@
-export const FilterTabsTheme = {
-    '--crm-ui-kit-filter-tabs-spacing': '8px',
+const t = {
+  "--crm-ui-kit-filter-tabs-spacing": "8px"
+};
+export {
+  t as FilterTabsTheme
 };

package/dist/components/FilterTabs/components/ItemRoot/ItemRoot.context.d.ts

@@ -1,5 +1,5 @@
-import { type TabItemContextProps } from './ItemRoot.props';
+import { TabItemContextProps } from './ItemRoot.props';
 declare const DISPLAY_NAME = "TabGroup.ItemRoot";
-declare const TabItemRootProvider: import("../../../../lib/react/createComponentContext").ContextProps<TabItemContextProps>, useTabItemRootContext: (consumerName: string) => TabItemContextProps;
+declare const TabItemRootProvider: import('../../../../lib/react/createComponentContext').ContextProps<TabItemContextProps>, useTabItemRootContext: (consumerName: string) => TabItemContextProps;
 export { TabItemRootProvider, useTabItemRootContext, DISPLAY_NAME };
 //# sourceMappingURL=ItemRoot.context.d.ts.map

package/dist/components/FilterTabs/components/ItemRoot/ItemRoot.context.js

@@ -1,4 +1,7 @@
-import { createComponentContext } from 'src/lib/react';
-const DISPLAY_NAME = 'TabGroup.ItemRoot';
-const [TabItemRootProvider, useTabItemRootContext] = createComponentContext(DISPLAY_NAME);
-export { TabItemRootProvider, useTabItemRootContext, DISPLAY_NAME };
+import { createComponentContext as o } from "../../../../lib/react/createComponentContext/createComponentContext.js";
+const t = "TabGroup.ItemRoot", [r, m] = o(t);
+export {
+  t as DISPLAY_NAME,
+  r as TabItemRootProvider,
+  m as useTabItemRootContext
+};

package/dist/components/FilterTabs/components/ItemRoot/ItemRoot.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type ItemRootProps } from './ItemRoot.props';
+import { default as React } from 'react';
+import { ItemRootProps } from './ItemRoot.props';
 export declare const ItemRoot: React.FC<ItemRootProps>;
 //# sourceMappingURL=ItemRoot.d.ts.map

package/dist/components/FilterTabs/components/ItemRoot/ItemRoot.js

@@ -1,27 +1,38 @@
-import React, { useLayoutEffect } from 'react';
-import cx from 'classnames';
-import { useThemeClassName } from 'src/hooks/useThemeClassName';
-import { useFilterTabsContext } from '../../FilterTabs.context';
-import { TabItemRootProvider, DISPLAY_NAME } from './ItemRoot.context';
-import s from './ItemRoot.module.css';
-export const ItemRoot = ({ children, theme, className, isDefaultActive, ...rest }) => {
-    const themeClassName = useThemeClassName(theme);
-    const { isDisabled, registerActiveName } = useFilterTabsContext(DISPLAY_NAME);
-    useLayoutEffect(() => {
-        if (isDefaultActive && rest.name) {
-            registerActiveName(rest.name);
-        }
-    }, []);
-    return (React.createElement(TabItemRootProvider, { ...rest },
-        React.createElement("div", { className: cx(s.item_root, themeClassName, className, {
-                /**
-                 * If `isDisabled` was passed directly to the component
-                 * We block a specific Tab button.
-                 *
-                 * If passed to the FilterTabs component
-                 * Lock all Tab buttons.
-                 */
-                [s.disabled]: isDisabled || rest.isDisabled,
-            }) }, children)));
+import { jsx as o } from "react/jsx-runtime";
+import { useLayoutEffect as p } from "react";
+import { c as d } from "../../../../index-L8X2o7IH.mjs";
+import { useThemeClassName as n } from "../../../../hooks/useThemeClassName/useThemeClassName.js";
+import { useFilterTabsContext as N } from "../../FilterTabs.context.js";
+import { DISPLAY_NAME as t, TabItemRootProvider as b } from "./ItemRoot.context.js";
+import { s as m } from "../../../../ItemRoot.module-fiKLca_h.mjs";
+const u = ({
+  children: i,
+  theme: r,
+  className: s,
+  isDefaultActive: a,
+  ...e
+}) => {
+  const f = n(r), { isDisabled: c, registerActiveName: l } = N(t);
+  return p(() => {
+    a && e.name && l(e.name);
+  }, []), /* @__PURE__ */ o(b, { ...e, children: /* @__PURE__ */ o(
+    "div",
+    {
+      className: d(m.item_root, f, s, {
+        /**
+         * If `isDisabled` was passed directly to the component
+         * We block a specific Tab button.
+         *
+         * If passed to the FilterTabs component
+         * Lock all Tab buttons.
+         */
+        [m.disabled]: c || e.isDisabled
+      }),
+      children: i
+    }
+  ) });
+};
+u.displayName = t;
+export {
+  u as ItemRoot
 };
-ItemRoot.displayName = DISPLAY_NAME;

package/dist/components/FilterTabs/components/ItemRoot/ItemRoot.props.d.ts

@@ -1,5 +1,5 @@
-import { type TabProps, type Button } from '../Tab';
-import { type ItemRootThemeType } from './ItemRoot.themes';
+import { TabProps, Button } from '../Tab';
+import { ItemRootThemeType } from './ItemRoot.themes';
 export type ItemRootProps = Omit<Button & TabProps, 'theme' | 'onClick' | 'value'> & {
     /**
      * Flag indicating whether the element is disabled.

package/dist/components/FilterTabs/components/ItemRoot/ItemRoot.props.js

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

package/dist/components/FilterTabs/components/ItemRoot/ItemRoot.themes.js

@@ -1,3 +1,6 @@
-export const FilterTabsItemRootTheme = {
-    '--crm-ui-kit-filter-tabs-item-root-disabled-opacity': 'var(--crm-ui-kit-disabled-opacity)',
+const t = {
+  "--crm-ui-kit-filter-tabs-item-root-disabled-opacity": "var(--crm-ui-kit-disabled-opacity)"
+};
+export {
+  t as FilterTabsItemRootTheme
 };

package/dist/components/FilterTabs/components/ItemRoot/index.js

@@ -1,2 +1,6 @@
-export { ItemRoot } from './ItemRoot';
-export { FilterTabsItemRootTheme, } from './ItemRoot.themes';
+import { ItemRoot as t } from "./ItemRoot.js";
+import { FilterTabsItemRootTheme as r } from "./ItemRoot.themes.js";
+export {
+  r as FilterTabsItemRootTheme,
+  t as ItemRoot
+};

package/dist/components/FilterTabs/components/ItemRootReset/ItemRootReset.context.d.ts

@@ -1,5 +1,5 @@
 import { TabItemResetContextProps } from './ItemRootReset.props';
 declare const DISPLAY_NAME = "TabGroup.ItemRootReset";
-declare const TabItemRootResetProvider: import("../../../../lib/react/createComponentContext").ContextProps<TabItemResetContextProps>, useTabItemRootResetContext: (consumerName: string) => TabItemResetContextProps;
+declare const TabItemRootResetProvider: import('../../../../lib/react/createComponentContext').ContextProps<TabItemResetContextProps>, useTabItemRootResetContext: (consumerName: string) => TabItemResetContextProps;
 export { TabItemRootResetProvider, useTabItemRootResetContext, DISPLAY_NAME };
 //# sourceMappingURL=ItemRootReset.context.d.ts.map

package/dist/components/FilterTabs/components/ItemRootReset/ItemRootReset.context.js

@@ -1,4 +1,7 @@
-import { createComponentContext } from 'src/lib/react';
-const DISPLAY_NAME = 'TabGroup.ItemRootReset';
-const [TabItemRootResetProvider, useTabItemRootResetContext] = createComponentContext(DISPLAY_NAME);
-export { TabItemRootResetProvider, useTabItemRootResetContext, DISPLAY_NAME };
+import { createComponentContext as t } from "../../../../lib/react/createComponentContext/createComponentContext.js";
+const e = "TabGroup.ItemRootReset", [r, m] = t(e);
+export {
+  e as DISPLAY_NAME,
+  r as TabItemRootResetProvider,
+  m as useTabItemRootResetContext
+};

package/dist/components/FilterTabs/components/ItemRootReset/ItemRootReset.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type ItemRootResetProps } from './ItemRootReset.props';
+import { default as React } from 'react';
+import { ItemRootResetProps } from './ItemRootReset.props';
 export declare const ItemRootReset: React.FC<ItemRootResetProps>;
 //# sourceMappingURL=ItemRootReset.d.ts.map

package/dist/components/FilterTabs/components/ItemRootReset/ItemRootReset.js

@@ -1,22 +1,34 @@
-import React from 'react';
-import cx from 'classnames';
-import { useThemeClassName } from 'src/hooks/useThemeClassName';
-import { useFilterTabsContext } from '../../FilterTabs.context';
-import { TabItemRootResetProvider, DISPLAY_NAME, } from './ItemRootReset.context';
-import s from '../ItemRoot/ItemRoot.module.css';
-export const ItemRootReset = ({ children, theme, className, ...rest }) => {
-    const themeClassName = useThemeClassName(theme);
-    const { isDisabled } = useFilterTabsContext(DISPLAY_NAME);
-    return (React.createElement(TabItemRootResetProvider, { ...rest },
-        React.createElement("div", { className: cx(s.item_root, themeClassName, className, {
-                /**
-                 * If `isDisabled` was passed directly to the component
-                 * We block a specific Tab button.
-                 *
-                 * If passed to the FilterTabs component
-                 * We block all TabReset buttons.
-                 */
-                [s.disabled]: isDisabled || rest.isDisabled,
-            }) }, children)));
+import { jsx as o } from "react/jsx-runtime";
+import { c as d } from "../../../../index-L8X2o7IH.mjs";
+import { useThemeClassName as p } from "../../../../hooks/useThemeClassName/useThemeClassName.js";
+import { useFilterTabsContext as c } from "../../FilterTabs.context.js";
+import { DISPLAY_NAME as t, TabItemRootResetProvider as f } from "./ItemRootReset.context.js";
+import { s } from "../../../../ItemRoot.module-fiKLca_h.mjs";
+const n = ({
+  children: m,
+  theme: r,
+  className: i,
+  ...e
+}) => {
+  const a = p(r), { isDisabled: l } = c(t);
+  return /* @__PURE__ */ o(f, { ...e, children: /* @__PURE__ */ o(
+    "div",
+    {
+      className: d(s.item_root, a, i, {
+        /**
+         * If `isDisabled` was passed directly to the component
+         * We block a specific Tab button.
+         *
+         * If passed to the FilterTabs component
+         * We block all TabReset buttons.
+         */
+        [s.disabled]: l || e.isDisabled
+      }),
+      children: m
+    }
+  ) });
+};
+n.displayName = t;
+export {
+  n as ItemRootReset
 };
-ItemRootReset.displayName = DISPLAY_NAME;

package/dist/components/FilterTabs/components/ItemRootReset/ItemRootReset.props.d.ts

@@ -1,5 +1,5 @@
-import { type TabProps, type Button } from '../Tab';
-import { type ItemRootThemeType } from '../ItemRoot/ItemRoot.themes';
+import { TabProps, Button } from '../Tab';
+import { ItemRootThemeType } from '../ItemRoot/ItemRoot.themes';
 export type ItemRootResetProps = Omit<Button & TabProps, 'theme' | 'onClick' | 'value' | 'name'> & {
     /**
      * A flag that determines whether the element is disabled.

package/dist/components/FilterTabs/components/ItemRootReset/ItemRootReset.props.js

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

package/dist/components/FilterTabs/components/ItemRootReset/TabReset.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type TabProps } from '../Tab/Tab.props';
+import { default as React } from 'react';
+import { TabProps } from '../Tab/Tab.props';
 export declare const TabReset: React.ForwardRefExoticComponent<Omit<TabProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=TabReset.d.ts.map

package/dist/components/FilterTabs/components/ItemRootReset/TabReset.js

@@ -1,18 +1,28 @@
-import React, { forwardRef } from 'react';
-import cx from 'classnames';
-import { useThemeClassName } from 'src/hooks/useThemeClassName';
-import { useFilterTabsContext } from '../../FilterTabs.context';
-import { useTabItemRootResetContext } from '../ItemRootReset/ItemRootReset.context';
-import s from '../Tab/Tab.module.css';
-const DISPLAY_NAME = 'FilterTabs.TabReset';
-export const TabReset = forwardRef((props, ref) => {
-    const { theme, className, children, ...restProps } = props;
-    const themeClassName = useThemeClassName(theme);
-    const { values, isDisabled, onChange } = useFilterTabsContext(DISPLAY_NAME);
-    const { isDisabled: isItemRootDisabled, ...rest } = useTabItemRootResetContext(DISPLAY_NAME);
-    const isSelected = !values.length;
-    return (React.createElement("button", { ref: ref, className: cx(s.button, themeClassName, className, {
-            [s.selected]: isSelected,
-        }), onClick: () => onChange(), disabled: isDisabled || isItemRootDisabled, ...rest, ...restProps }, children));
+import { jsx as u } from "react/jsx-runtime";
+import { forwardRef as h } from "react";
+import { c as C } from "../../../../index-L8X2o7IH.mjs";
+import { useThemeClassName as N } from "../../../../hooks/useThemeClassName/useThemeClassName.js";
+import { useFilterTabsContext as R } from "../../FilterTabs.context.js";
+import { useTabItemRootResetContext as T } from "./ItemRootReset.context.js";
+import { s } from "../../../../Tab.module-Bh4dewE1.mjs";
+const e = "FilterTabs.TabReset", x = h((t, o) => {
+  const { theme: r, className: m, children: a, ...i } = t, l = N(r), { values: n, isDisabled: c, onChange: b } = R(e), { isDisabled: d, ...p } = T(e), f = !n.length;
+  return /* @__PURE__ */ u(
+    "button",
+    {
+      ref: o,
+      className: C(s.button, l, m, {
+        [s.selected]: f
+      }),
+      onClick: () => b(),
+      disabled: c || d,
+      ...p,
+      ...i,
+      children: a
+    }
+  );
 });
-TabReset.displayName = DISPLAY_NAME;
+x.displayName = e;
+export {
+  x as TabReset
+};

package/dist/components/FilterTabs/components/ItemRootReset/index.js

@@ -1,2 +1,6 @@
-export { ItemRootReset } from './ItemRootReset';
-export { TabReset } from './TabReset';
+import { ItemRootReset as t } from "./ItemRootReset.js";
+import { TabReset as m } from "./TabReset.js";
+export {
+  t as ItemRootReset,
+  m as TabReset
+};

package/dist/components/FilterTabs/components/Tab/Tab.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { type TabProps } from './Tab.props';
+import { default as React } from 'react';
+import { TabProps } from './Tab.props';
 export declare const Tab: React.ForwardRefExoticComponent<Omit<TabProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=Tab.d.ts.map