@semcore/pills 16.0.11 → 17.0.0-prerelease.18

package/lib/esm/Pills.mjs

@@ -1,166 +1,158 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createComponent, sstyled, assignProps, Component } from "@semcore/core";
+import { createComponent, sstyled, Component, assignProps } from "@semcore/core";
+import { Box, NeighborLocation, useNeighborLocationDetect } from "@semcore/base-components";
 import addonTextChildren from "@semcore/core/lib/utils/addonTextChildren";
 import a11yEnhance from "@semcore/core/lib/utils/enhances/a11yEnhance";
-import log from "@semcore/core/lib/utils/logger";
-import { Box } from "@semcore/flex-box";
-import NeighborLocation, { useNeighborLocationDetect } from "@semcore/neighbor-location";
 import React from "react";
 /*!__reshadow-styles__:"./style/pills.shadow.css"*/
-var style = (
+const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SPills_7x4a8_gg_{display:inline-flex;align-items:center;justify-content:center;isolation:isolate;border-radius:var(--intergalactic-control-rounded, 6px)}.___SPills_7x4a8_gg_ .___SPill_7x4a8_gg_.__selected_7x4a8_gg_{background:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));border-color:var(--intergalactic-border-info-active, #006dca);z-index:3}.___SPills_7x4a8_gg_ .___SPill_7x4a8_gg_.__selected_7x4a8_gg_,.___SPills_7x4a8_gg_ .___SPill_7x4a8_gg_:focus-visible{z-index:3}.___SPills_7x4a8_gg_ .___SPill_7x4a8_gg_:active{z-index:2}@media (hover:hover){.___SPills_7x4a8_gg_ .___SPill_7x4a8_gg_:hover{z-index:2}}.___SPill_7x4a8_gg_{display:inline-flex;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-control-rounded, 6px)}.___SPill_7x4a8_gg_::-moz-focus-inner{border:0;padding:0}.___SPill_7x4a8_gg_:active{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPill_7x4a8_gg_:hover{background:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SPill_7x4a8_gg_.__disabled_7x4a8_gg_{cursor:default;pointer-events:none}.___SPill_7x4a8_gg_.__disabled_7x4a8_gg_>*{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SText_7x4a8_gg_{color:var(--intergalactic-text-primary, #191b23);display:inline-flex}.___SAddon_7x4a8_gg_{color:var(--intergalactic-text-secondary, #6c6e79);display:inline-flex;align-items:center;justify-content:center}.___SPill_7x4a8_gg_._size_m_7x4a8_gg_{height:var(--intergalactic-form-control-m, 28px);min-width:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px)}.___SPill_7x4a8_gg_._size_l_7x4a8_gg_ .___SText_7x4a8_gg_,.___SPill_7x4a8_gg_._size_m_7x4a8_gg_ .___SText_7x4a8_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_7x4a8_gg_._size_m_7x4a8_gg_ .___SAddon_7x4a8_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SPill_7x4a8_gg_._size_m_7x4a8_gg_ .___SAddon_7x4a8_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_7x4a8_gg_._size_m_7x4a8_gg_ .___SAddon_7x4a8_gg_:only-child{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_7x4a8_gg_._size_l_7x4a8_gg_{height:var(--intergalactic-form-control-l, 40px);min-width:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px)}.___SPill_7x4a8_gg_._size_l_7x4a8_gg_ .___SAddon_7x4a8_gg_:only-child,.___SPill_7x4a8_gg_._size_l_7x4a8_gg_ .___SText_7x4a8_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SPill_7x4a8_gg_._size_l_7x4a8_gg_ .___SAddon_7x4a8_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SPill_7x4a8_gg_._size_l_7x4a8_gg_ .___SAddon_7x4a8_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SPill_7x4a8_gg_._neighborLocation_right_7x4a8_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SPill_7x4a8_gg_._neighborLocation_both_7x4a8_gg_{border-radius:0;margin-left:-1px}.___SPill_7x4a8_gg_._neighborLocation_left_7x4a8_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}",
+    ".___SPills_1x82a_gg_{display:inline-flex;align-items:center;justify-content:center;isolation:isolate;border-radius:var(--intergalactic-control-rounded, 6px)}.___SPills_1x82a_gg_ .___SPill_1x82a_gg_.__selected_1x82a_gg_{background:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));border-color:var(--intergalactic-border-info-active, #006dca);z-index:3}.___SPills_1x82a_gg_ .___SPill_1x82a_gg_.__selected_1x82a_gg_,.___SPills_1x82a_gg_ .___SPill_1x82a_gg_:focus-visible{z-index:3}.___SPills_1x82a_gg_ .___SPill_1x82a_gg_:active{z-index:2}@media (hover:hover){.___SPills_1x82a_gg_ .___SPill_1x82a_gg_:hover{z-index:2}}.___SPill_1x82a_gg_{display:inline-flex;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-control-rounded, 6px)}.___SPill_1x82a_gg_::-moz-focus-inner{border:0;padding:0}.___SPill_1x82a_gg_:active{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPill_1x82a_gg_:hover{background:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SPill_1x82a_gg_.__disabled_1x82a_gg_{cursor:default;pointer-events:none}.___SPill_1x82a_gg_.__disabled_1x82a_gg_>*{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SText_1x82a_gg_{color:var(--intergalactic-text-primary, #191b23);display:inline-flex}.___SAddon_1x82a_gg_{color:var(--intergalactic-text-secondary, #6c6e79);display:inline-flex;align-items:center;justify-content:center}.___SPill_1x82a_gg_._size_m_1x82a_gg_{height:var(--intergalactic-form-control-m, 28px);min-width:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px)}.___SPill_1x82a_gg_._size_l_1x82a_gg_ .___SText_1x82a_gg_,.___SPill_1x82a_gg_._size_m_1x82a_gg_ .___SText_1x82a_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_1x82a_gg_._size_m_1x82a_gg_ .___SAddon_1x82a_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SPill_1x82a_gg_._size_m_1x82a_gg_ .___SAddon_1x82a_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_1x82a_gg_._size_m_1x82a_gg_ .___SAddon_1x82a_gg_:only-child{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_1x82a_gg_._size_l_1x82a_gg_{height:var(--intergalactic-form-control-l, 40px);min-width:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px)}.___SPill_1x82a_gg_._size_l_1x82a_gg_ .___SAddon_1x82a_gg_:only-child,.___SPill_1x82a_gg_._size_l_1x82a_gg_ .___SText_1x82a_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SPill_1x82a_gg_._size_l_1x82a_gg_ .___SAddon_1x82a_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SPill_1x82a_gg_._size_l_1x82a_gg_ .___SAddon_1x82a_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SPill_1x82a_gg_._neighborLocation_right_1x82a_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SPill_1x82a_gg_._neighborLocation_both_1x82a_gg_{border-radius:0;margin-left:-1px}.___SPill_1x82a_gg_._neighborLocation_left_1x82a_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}",
     /*__inner_css_end__*/
-    "7x4a8_gg_"
+    "1x82a_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SText": "___SText_7x4a8_gg_",
-    "__SAddon": "___SAddon_7x4a8_gg_",
-    "__SPill": "___SPill_7x4a8_gg_",
-    "_neighborLocation_right": "_neighborLocation_right_7x4a8_gg_",
-    "_neighborLocation_both": "_neighborLocation_both_7x4a8_gg_",
-    "_neighborLocation_left": "_neighborLocation_left_7x4a8_gg_",
-    "__SPills": "___SPills_7x4a8_gg_",
-    "_selected": "__selected_7x4a8_gg_",
-    "_disabled": "__disabled_7x4a8_gg_",
-    "_size_m": "_size_m_7x4a8_gg_",
-    "_size_l": "_size_l_7x4a8_gg_"
+    "__SText": "___SText_1x82a_gg_",
+    "__SAddon": "___SAddon_1x82a_gg_",
+    "__SPill": "___SPill_1x82a_gg_",
+    "_neighborLocation_right": "_neighborLocation_right_1x82a_gg_",
+    "_neighborLocation_both": "_neighborLocation_both_1x82a_gg_",
+    "_neighborLocation_left": "_neighborLocation_left_1x82a_gg_",
+    "__SPills": "___SPills_1x82a_gg_",
+    "_selected": "__selected_1x82a_gg_",
+    "_disabled": "__disabled_1x82a_gg_",
+    "_size_m": "_size_m_1x82a_gg_",
+    "_size_l": "_size_l_1x82a_gg_"
   })
 );
-var optionsA11yEnhance = {
-  onNeighborChange: function onNeighborChange(neighborElement, props) {
+const optionsA11yEnhance = {
+  onNeighborChange: (neighborElement, props) => {
     if (neighborElement) {
       neighborElement.focus();
-      if (props.behavior === "auto" || props.behavior === "radio") {
+      if (props.behavior === "auto") {
         neighborElement.click();
       }
     }
   },
-  childSelector: function childSelector(props) {
-    return props.behavior === "auto" || props.behavior === "radio" ? ["role", "radio"] : ["role", "tab"];
-  }
+  childSelector: (props) => props.behavior === "auto" ? ["role", "radio"] : ["role", "tab"]
 };
-var RootPills = /* @__PURE__ */ (function(_Component) {
-  function RootPills2() {
-    var _this;
-    _classCallCheck(this, RootPills2);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, RootPills2, [].concat(args));
-    _defineProperty(_this, "itemValues", []);
-    _defineProperty(_this, "bindHandlerClick", function(value) {
-      return function(e) {
-        _this.handlers.value(value, e);
-      };
+class RootPills extends Component {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "itemValues", []);
+    _defineProperty(this, "bindHandlerClick", (value) => (e) => {
+      this.handlers.value(value, e);
     });
-    _defineProperty(_this, "bindHandleKeyDown", function(value) {
-      return function(event) {
-        if (event.key === "Enter" || event.key === " ") {
-          event.preventDefault();
-          _this.handlers.value(value, event);
-        }
-      };
+    _defineProperty(this, "bindHandleKeyDown", (value) => (event) => {
+      if (event.key === "Enter" || event.key === " ") {
+        event.preventDefault();
+        this.handlers.value(value, event);
+      }
     });
-    _defineProperty(_this, "changeIndex", function(startIndex, type) {
-      var selectable = false;
-      while (!selectable && startIndex >= 0 && startIndex < _this.itemValues.length) {
+    _defineProperty(this, "changeIndex", (startIndex, type) => {
+      let selectable = false;
+      while (!selectable && startIndex >= 0 && startIndex < this.itemValues.length) {
         if (type === "increment") startIndex++;
         if (type === "decrement") startIndex--;
-        var element = _this.itemRefs[startIndex];
-        if ((element === null || element === void 0 ? void 0 : element.disabled) === false) {
+        const element = this.itemRefs[startIndex];
+        if ((element == null ? void 0 : element.disabled) === false) {
           selectable = true;
         }
       }
-      return startIndex >= 0 && startIndex < _this.itemValues.length ? startIndex : void 0;
+      return startIndex >= 0 && startIndex < this.itemValues.length ? startIndex : void 0;
     });
-    return _this;
   }
-  _inherits(RootPills2, _Component);
-  return _createClass(RootPills2, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      log.warn(this.asProps.behavior === "tabs", "Use behavior `manual` instead of `tabs`. \n`tabs` is deprecated and will be removed in the next major release.", "Pills");
-      log.warn(this.asProps.behavior === "radio", "Use behavior `auto` (or nothing, it is default value) instead of `radio`. \n`radio` is deprecated and will be removed in the next major release.", "Pills");
-    }
-  }, {
-    key: "uncontrolledProps",
-    value: function uncontrolledProps() {
-      return {
-        value: null
-      };
-    }
-  }, {
-    key: "getItemProps",
-    value: function getItemProps(props, index) {
-      var _this$asProps = this.asProps, value = _this$asProps.value, size = _this$asProps.size, disabled = _this$asProps.disabled, behavior = _this$asProps.behavior;
-      var isSelected = value === props.value;
-      this.itemValues[index] = props.value;
-      return {
-        index,
-        size,
-        disabled,
-        selected: isSelected,
-        behavior,
-        tabIndex: isSelected ? 0 : -1,
-        onClick: this.bindHandlerClick(props.value),
-        onKeyDown: this.bindHandleKeyDown(props.value)
-      };
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps, _ref5;
-      var SPills = Box;
-      var _this$asProps2 = this.asProps, Children = _this$asProps2.Children, styles = _this$asProps2.styles, controlsLength = _this$asProps2.controlsLength, disabled = _this$asProps2.disabled, behavior = _this$asProps2.behavior, value = _this$asProps2.value;
-      return _ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(SPills, _ref5.cn("SPills", _objectSpread({}, assignProps({
-        "role": behavior === "radio" || behavior === "auto" ? "radiogroup" : "tablist",
+  uncontrolledProps() {
+    return {
+      value: null
+    };
+  }
+  getItemProps(props, index) {
+    const {
+      value,
+      size,
+      disabled,
+      behavior
+    } = this.asProps;
+    const isSelected = value === props.value;
+    this.itemValues[index] = props.value;
+    return {
+      index,
+      size,
+      disabled,
+      selected: isSelected,
+      behavior,
+      tabIndex: isSelected ? 0 : -1,
+      onClick: this.bindHandlerClick(props.value),
+      onKeyDown: this.bindHandleKeyDown(props.value)
+    };
+  }
+  render() {
+    var _ref = this.asProps, _ref5;
+    const SPills = Box;
+    const {
+      Children,
+      styles,
+      controlsLength,
+      disabled,
+      behavior,
+      value
+    } = this.asProps;
+    return _ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(SPills, _ref5.cn("SPills", {
+      ...assignProps({
+        "role": behavior === "auto" ? "radiogroup" : "tablist",
         "aria-disabled": disabled,
         "use:tabIndex": value !== null ? -1 : 0
-      }, _ref))), /* @__PURE__ */ React.createElement(NeighborLocation, _ref5.cn("NeighborLocation", {
-        "controlsLength": controlsLength
-      }), /* @__PURE__ */ React.createElement(Children, _ref5.cn("Children", {}))));
-    }
-  }]);
-})(Component);
+      }, _ref)
+    }), /* @__PURE__ */ React.createElement(NeighborLocation, _ref5.cn("NeighborLocation", {
+      "controlsLength": controlsLength
+    }), /* @__PURE__ */ React.createElement(Children, _ref5.cn("Children", {}))));
+  }
+}
 _defineProperty(RootPills, "displayName", "Pills");
 _defineProperty(RootPills, "style", style);
-_defineProperty(RootPills, "defaultProps", function(_ref9) {
-  var behavior = _ref9.behavior;
-  return {
-    size: "m",
-    defaultValue: null,
-    behavior: behavior !== null && behavior !== void 0 ? behavior : "auto"
-  };
-});
+_defineProperty(RootPills, "defaultProps", ({
+  behavior
+}) => ({
+  size: "m",
+  defaultValue: null,
+  behavior: behavior ?? "auto"
+}));
 _defineProperty(RootPills, "enhance", [a11yEnhance(optionsA11yEnhance)]);
 function Pill(props) {
   var _ref2 = arguments[0], _ref6;
-  var SPill = Box;
-  var Children = props.Children, styles = props.styles, addonLeft = props.addonLeft, addonRight = props.addonRight, selected = props.selected, disabled = props.disabled, index = props.index, behavior = props.behavior;
-  var neighborLocation = useNeighborLocationDetect(index);
-  var roleAreaProps = {};
-  if (behavior === "radio" || behavior === "auto") {
+  const SPill = Box;
+  const {
+    Children,
+    styles,
+    addonLeft,
+    addonRight,
+    selected,
+    disabled,
+    index,
+    behavior
+  } = props;
+  const neighborLocation = useNeighborLocationDetect(index);
+  const roleAreaProps = {};
+  if (behavior === "auto") {
     roleAreaProps.role = "radio";
     roleAreaProps["aria-checked"] = selected;
   } else {
     roleAreaProps.role = "tab";
     roleAreaProps["aria-selected"] = selected;
   }
-  return _ref6 = sstyled(styles), /* @__PURE__ */ React.createElement(SPill, _ref6.cn("SPill", _objectSpread({}, assignProps(_objectSpread({
-    "tag": "button",
-    "type": "button",
-    "tabIndex": 0,
-    "neighborLocation": neighborLocation,
-    "aria-disabled": disabled
-  }, roleAreaProps), _ref2))), addonLeft ? /* @__PURE__ */ React.createElement(Pills.Item.Addon, {
+  return _ref6 = sstyled(styles), /* @__PURE__ */ React.createElement(SPill, _ref6.cn("SPill", {
+    ...assignProps({
+      "tag": "button",
+      "type": "button",
+      "tabIndex": 0,
+      "neighborLocation": neighborLocation,
+      "aria-disabled": disabled,
+      ...roleAreaProps
+    }, _ref2)
+  }), addonLeft ? /* @__PURE__ */ React.createElement(Pills.Item.Addon, {
     tag: addonLeft
   }) : null, addonTextChildren(Children, Pills.Item.Text, Pills.Item.Addon), addonRight ? /* @__PURE__ */ React.createElement(Pills.Item.Addon, {
     tag: addonRight
@@ -168,27 +160,29 @@ function Pill(props) {
 }
 function Text(props) {
   var _ref3 = arguments[0], _ref7;
-  var SText = Box;
-  return _ref7 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SText, _ref7.cn("SText", _objectSpread({}, assignProps({
-    "tag": "span"
-  }, _ref3))));
+  const SText = Box;
+  return _ref7 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SText, _ref7.cn("SText", {
+    ...assignProps({
+      "tag": "span"
+    }, _ref3)
+  }));
 }
 function Addon(props) {
   var _ref4 = arguments[0], _ref8;
-  var SAddon = Box;
-  return _ref8 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SAddon, _ref8.cn("SAddon", _objectSpread({}, assignProps({
-    "tag": "span"
-  }, _ref4))));
+  const SAddon = Box;
+  return _ref8 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SAddon, _ref8.cn("SAddon", {
+    ...assignProps({
+      "tag": "span"
+    }, _ref4)
+  }));
 }
-var Pills = createComponent(RootPills, {
+const Pills = createComponent(RootPills, {
   Item: [Pill, {
     Text,
     Addon
   }]
 });
-var wrapPills = function wrapPills2(wrapper) {
-  return wrapper;
-};
+const wrapPills = (wrapper) => wrapper;
 export {
   Pills as default,
   wrapPills

package/lib/types/index.d.ts

@@ -1,25 +1,9 @@
-import type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
-import type { Box, BoxProps } from '@semcore/flex-box';
-import type { NeighborItemProps, NeighborLocationProps } from '@semcore/neighbor-location';
+import type { Box, BoxProps, NeighborItemProps, NeighborLocationProps } from '@semcore/base-components';
+import type { PropGetterFn, Intergalactic } from '@semcore/core';
 import type React from 'react';
 
 export type PillsValue = string | number | boolean | null;
 
-/**
- * @deprecated
- * use `manual`
- */
-export type DeprecatedBehaviorTabs = 'tabs';
-/**
- * @deprecated
- * use `auto`
- */
-export type DeprecatedBehaviorRadio = 'radio';
-
-/** @deprecated */
-export interface IPillsProps<T extends PillsValue = PillsValue>
-  extends PillsProps<T>,
-  UnknownProperties {}
 export type PillsProps<T extends PillsValue = PillsValue> = NeighborLocationProps &
   BoxProps & {
     /** Pills size */
@@ -43,13 +27,10 @@ export type PillsProps<T extends PillsValue = PillsValue> = NeighborLocationProp
      * @default tabs
      */
     behavior?:
-      DeprecatedBehaviorTabs | DeprecatedBehaviorRadio
       | 'auto'
       | 'manual';
   };
 
-/** @deprecated */
-export interface IPillProps extends PillProps, UnknownProperties {}
 export type PillProps = BoxProps &
   NeighborItemProps & {
     /** Pill value */
@@ -64,14 +45,10 @@ export type PillProps = BoxProps &
     addonRight?: React.ElementType;
   };
 
-/** @deprecated */
-export interface IPillsContext extends PillsContext, UnknownProperties {}
 export type PillsContext = {
   getItemProps: PropGetterFn;
 };
 
-/** @deprecated */
-export interface IPillsHandlers extends PillsHandlers, UnknownProperties {}
 export type PillsHandlers = {
   value: (value: PillsValue) => void;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/pills",
   "description": "Semrush Pills Component",
-  "version": "16.0.11",
+  "version": "17.0.0-prerelease.18",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -13,12 +13,8 @@
     "import": "./lib/esm/index.mjs",
     "types": "./lib/types/index.d.ts"
   },
-  "dependencies": {
-    "@semcore/flex-box": "16.0.11",
-    "@semcore/neighbor-location": "16.0.11"
-  },
   "peerDependencies": {
-    "@semcore/base-components": "^16.0.0"
+    "@semcore/base-components": "^17.0.0-prerelease.18"
   },
   "repository": {
     "type": "git",
@@ -26,10 +22,11 @@
     "directory": "semcore/pills"
   },
   "devDependencies": {
-    "@semcore/core": "16.5.1",
-    "@semcore/badge": "16.0.7",
+    "@semcore/base-components": "17.0.0-prerelease.18",
+    "@semcore/badge": "17.0.0-prerelease.18",
     "@semcore/testing-utils": "1.0.0",
-    "@semcore/icon": "16.7.2"
+    "@semcore/core": "17.0.0-prerelease.18",
+    "@semcore/icon": "16.7.2-prerelease.18"
   },
   "scripts": {
     "build": "pnpm semcore-builder --source=js && pnpm vite build"