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

package/dist/components/ContextMenu/providers/LevelProvider/LevelProvider.js

@@ -1,6 +1,9 @@
-import { createComponentContext as e } from "../../../../lib/react/createComponentContext/createComponentContext.js";
-const o = "ContextMenu.LevelProvider", [n, r] = e(o);
-export {
-  n as LevelProvider,
-  r as useLevelContext
-};
+import { createComponentContext } from 'src/lib/react';
+const DISPLAY_NAME = 'ContextMenu.LevelProvider';
+/**
+ * It solves two problems in itself:
+ *
+ * 1) Level-by-level positioning on the left edge, depending on the presence of the icon
+ * 2) Level-by-level (For nested Sub components) pointing when working in an inactive tab
+ */
+export const [LevelProvider, useLevelContext] = createComponentContext(DISPLAY_NAME);

package/dist/components/ContextMenu/providers/LevelProvider/LevelProvider.props.js

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

package/dist/components/ContextMenu/providers/LevelProvider/index.js

@@ -1,5 +1 @@
-import { LevelProvider as r, useLevelContext as t } from "./LevelProvider.js";
-export {
-  r as LevelProvider,
-  t as useLevelContext
-};
+export { LevelProvider, useLevelContext } from './LevelProvider';

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

@@ -1,5 +1 @@
-import { LevelProvider as r, useLevelContext as t } from "./LevelProvider/LevelProvider.js";
-export {
-  r as LevelProvider,
-  t as useLevelContext
-};
+export { LevelProvider, useLevelContext, } from './LevelProvider';

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

@@ -1,20 +1,13 @@
-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);
-    };
-  }
+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);
+        };
+    }
 }
-const h = new l();
-export {
-  h as contextMenuBus
-};
+export const contextMenuBus = new ContextMenuBus();

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

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

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

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

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

@@ -1,3 +1,3 @@
-import { default as React } from 'react';
+import 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 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
+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);
 };

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

@@ -1,10 +1,4 @@
-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
-};
+export { hasItemIcon } from './hasItemIcon/hasItemIcon';
+export { isFirstElement } from './isFirstElement/isFirstElement';
+export { contextMenuBus } from './contextMenuBus/contextMenuBus';
+export { focusParentItem } from './focusParentItem/focusParentItem';

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

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

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

@@ -1,10 +1,14 @@
-function r(n) {
-  const e = n.current;
-  if (!e)
-    return !1;
-  const t = e.parentElement;
-  return t ? t.firstElementChild === e : !1;
+/**
+ * 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;
 }
-export {
-  r as isFirstElement
-};

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

@@ -1,5 +1,5 @@
-import { FilterTabsContextProps } from './FilterTabs.props';
+import { type 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,7 +1,4 @@
-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
-};
+import { createComponentContext } from 'src/lib/react';
+const DISPLAY_NAME = 'FilterTabs';
+const [FilterTabsProvider, useFilterTabsContext] = createComponentContext(DISPLAY_NAME);
+export { FilterTabsProvider, useFilterTabsContext, DISPLAY_NAME };

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

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

package/dist/components/FilterTabs/FilterTabs.js

@@ -1,63 +1,54 @@
-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;
+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;
         });
-      },
-      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
-        }
-      )
-    }
-  );
+    };
+    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)));
 });
-r.displayName = C;
-r.ItemRoot = M;
-r.ItemRootReset = x;
-r.Tab = v;
-r.TabReset = D;
-export {
-  r as FilterTabs
-};
+FilterTabs.displayName = DISPLAY_NAME;
+FilterTabs.ItemRoot = ItemRoot;
+FilterTabs.ItemRootReset = ItemRootReset;
+FilterTabs.Tab = Tab;
+FilterTabs.TabReset = TabReset;

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

@@ -1,8 +1,8 @@
-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';
+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';
 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,6 +1,3 @@
-const t = {
-  "--crm-ui-kit-filter-tabs-spacing": "8px"
-};
-export {
-  t as FilterTabsTheme
+export const FilterTabsTheme = {
+    '--crm-ui-kit-filter-tabs-spacing': '8px',
 };

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

@@ -1,5 +1,5 @@
-import { TabItemContextProps } from './ItemRoot.props';
+import { type 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,7 +1,4 @@
-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
-};
+import { createComponentContext } from 'src/lib/react';
+const DISPLAY_NAME = 'TabGroup.ItemRoot';
+const [TabItemRootProvider, useTabItemRootContext] = createComponentContext(DISPLAY_NAME);
+export { TabItemRootProvider, useTabItemRootContext, DISPLAY_NAME };

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

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
-import { ItemRootProps } from './ItemRoot.props';
+import React from 'react';
+import { type 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,38 +1,27 @@
-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
+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)));
 };
+ItemRoot.displayName = DISPLAY_NAME;

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

@@ -1,5 +1,5 @@
-import { TabProps, Button } from '../Tab';
-import { ItemRootThemeType } from './ItemRoot.themes';
+import { type TabProps, type Button } from '../Tab';
+import { type 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,6 +1,3 @@
-const t = {
-  "--crm-ui-kit-filter-tabs-item-root-disabled-opacity": "var(--crm-ui-kit-disabled-opacity)"
-};
-export {
-  t as FilterTabsItemRootTheme
+export const FilterTabsItemRootTheme = {
+    '--crm-ui-kit-filter-tabs-item-root-disabled-opacity': 'var(--crm-ui-kit-disabled-opacity)',
 };

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

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

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,7 +1,4 @@
-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
-};
+import { createComponentContext } from 'src/lib/react';
+const DISPLAY_NAME = 'TabGroup.ItemRootReset';
+const [TabItemRootResetProvider, useTabItemRootResetContext] = createComponentContext(DISPLAY_NAME);
+export { TabItemRootResetProvider, useTabItemRootResetContext, DISPLAY_NAME };

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

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
-import { ItemRootResetProps } from './ItemRootReset.props';
+import React from 'react';
+import { type 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,34 +1,22 @@
-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
+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)));
 };
+ItemRootReset.displayName = DISPLAY_NAME;

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

@@ -1,5 +1,5 @@
-import { TabProps, Button } from '../Tab';
-import { ItemRootThemeType } from '../ItemRoot/ItemRoot.themes';
+import { type TabProps, type Button } from '../Tab';
+import { type 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 { default as React } from 'react';
-import { TabProps } from '../Tab/Tab.props';
+import React from 'react';
+import { type TabProps } from '../Tab/Tab.props';
 export declare const TabReset: React.ForwardRefExoticComponent<Omit<TabProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=TabReset.d.ts.map