@itcase/ui 1.1.7 → 1.1.9

package/dist/components/Notification/Notification.interface.d.ts

@@ -0,0 +1,49 @@
+import React from 'react';
+import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { fillPropsType, sizePropsType, textColorPropsType, textSizePropsType, titleSizePropsType } from '../../types';
+import { appearanceKeysDefaultType } from '../../types/componentProps/appearanceKeys';
+export interface INotificationItemThemeColor {
+    fill?: fillPropsType;
+    size?: sizePropsType;
+    textSize?: textSizePropsType;
+    textColor?: textColorPropsType;
+    titleTextSize?: titleSizePropsType;
+    titleTextColor?: textColorPropsType;
+}
+type appearanceKeysType = appearanceKeysDefaultType & {};
+export type notificationItemAppearanceType = {
+    [key in appearanceKeysType]?: INotificationItemThemeColor;
+};
+export interface INotificationItemConfig {
+    appearance: notificationItemAppearanceType | undefined;
+    setAppearance: (newComponent: notificationItemAppearanceType) => void;
+}
+export interface INotificationItemProps extends TypeStyleAttributes {
+    id?: number | string;
+    appearance?: appearanceKeysType;
+    className?: string;
+    after?: React.ReactNode;
+    before?: React.ReactNode;
+    closeButton?: React.ReactNode;
+    set?: string;
+    status?: string;
+    size?: sizePropsType;
+    dataTour?: string;
+    text?: string;
+    textSize?: textSizePropsType;
+    textColor?: textColorPropsType;
+    title?: string;
+    titleTextSize?: titleSizePropsType;
+    titleTextColor?: textColorPropsType;
+    type?: string;
+    onClickClose?: (id?: number | string) => void;
+    fill?: fillPropsType;
+}
+export interface INotificationListProps {
+    className?: string;
+    size?: sizePropsType;
+    type?: string;
+    set?: string;
+    closeButton?: React.ReactNode;
+}
+export {};

package/dist/components/Notification/NotificationItem.d.ts

@@ -0,0 +1,10 @@
+import { INotificationItemConfig, INotificationItemProps } from './Notification.interface';
+declare const notificationItemConfig: INotificationItemConfig;
+declare function NotificationItem(props: INotificationItemProps): import("react/jsx-runtime").JSX.Element;
+declare namespace NotificationItem {
+    var defaultProps: {
+        titleTextSize: string;
+        textSize: string;
+    };
+}
+export { NotificationItem, notificationItemConfig };

package/dist/components/Notification/NotificationList.d.ts

@@ -0,0 +1,3 @@
+import { INotificationListProps } from './Notification.interface';
+declare function NotificationList(props: INotificationListProps): import("react/jsx-runtime").JSX.Element;
+export { NotificationList };

package/dist/components/Notification/index.d.ts

@@ -0,0 +1,3 @@
+import { NotificationItem, notificationItemConfig } from './NotificationItem';
+import { NotificationList } from './NotificationList';
+export { NotificationList, NotificationItem, notificationItemConfig };

package/dist/components/Notification.js

@@ -1,15 +1,17 @@
-export { N as NotificationItem, a as NotificationList, n as notificationItemConfig } from '../NotificationList-KbxjrO3o.js';
+export { N as NotificationItem, a as NotificationList, n as notificationItemConfig } from '../NotificationList-CJyEnxWw.js';
+import '../jsx-runtime-ClDdVO4Q.js';
 import 'react';
-import 'prop-types';
 import 'clsx';
-import '../Text-DffpwlYq.js';
-import '../jsx-runtime-ClDdVO4Q.js';
+import '../context/Notifications.js';
+import 'prop-types';
+import 'uuid';
 import '../hooks/useDeviceTargetClass.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
+import '../Text-BcGbRc14.js';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
@@ -24,6 +26,3 @@ import '../constants/componentProps/textWeight.js';
 import '../constants/componentProps/titleSize.js';
 import '../constants/componentProps/type.js';
 import '../constants/componentProps/wrap.js';
-import '../Group-DhYXDvAJ.js';
-import '../context/Notifications.js';
-import 'uuid';

package/dist/components/Pagination.js

@@ -1,46 +1,40 @@
-import React__default, { useState, useCallback, useMemo } from 'react';
+import React__default, { useState, useCallback, useMemo, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import ceil from 'lodash/ceil';
 import ReactPaginate from 'react-paginate';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { T as Text } from '../Text-DffpwlYq.js';
-import { Icon } from './Icon.js';
-import { D as Dropdown, a as DropdownItem } from '../DropdownItem-C0gYXEq6.js';
+import { D as Dropdown, a as DropdownItem } from '../DropdownItem-Dgf0LRhx.js';
+import { I as Icon } from '../Icon-Dn2eEZvb.js';
+import { T as Text } from '../Text-BcGbRc14.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../jsx-runtime-ClDdVO4Q.js';
 import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import 'react-inlinesvg';
-import './Link.js';
+import '../Divider-BlBwMHgl.js';
+import '../jsx-runtime-ClDdVO4Q.js';
+import '../Link-ByBzBRDH.js';
 import '../constants/componentProps/fill.js';
-import '../constants/componentProps/size.js';
-import '../constants/componentProps/textColor.js';
-import '../constants/componentProps/textGradient.js';
-import '../constants/componentProps/textStyle.js';
-import '../constants/componentProps/textWeight.js';
+import '../constants/componentProps/shape.js';
 import '../constants/componentProps/type.js';
 import '../constants/componentProps/underline.js';
-import '../constants/componentProps/borderColor.js';
-import '../constants/componentProps/borderType.js';
-import '../constants/componentProps/iconSize.js';
-import '../constants/componentProps/shape.js';
-import '../constants/componentProps/strokeColor.js';
+import '../constants/componentProps/size.js';
+import 'react-inlinesvg';
 import './Tooltip.js';
 import './Title.js';
 import '../constants/componentProps/textAlign.js';
+import '../constants/componentProps/textColor.js';
+import '../constants/componentProps/textGradient.js';
+import '../constants/componentProps/textStyle.js';
+import '../constants/componentProps/textWeight.js';
 import '../constants/componentProps/titleSize.js';
 import '../constants/componentProps/wrap.js';
 import '../constants/componentProps/textSize.js';
-import './Divider.js';
-import '../constants/componentProps/direction.js';
-import '../constants/componentProps/width.js';
 
 function Pagination(props) {
   const {
@@ -48,8 +42,6 @@ function Pagination(props) {
     perPageCount,
     allItemsCount,
     className,
-    forcePage,
-    pageCount,
     marginPagesDisplayed,
     pageRangeDisplayed,
     previousLabel,
@@ -59,11 +51,9 @@ function Pagination(props) {
     pageCountDesc,
     pageCountDescTextColor,
     pageCountDescTextSize,
-    pageCountInput,
     pageCountInputTextColor,
     pageCountInputTextSize,
     pageCountInputIcon,
-    pageCountInputIconFill,
     pageCountInputIconFillSize,
     pageCountInputIconColor,
     pageCountDropdownAlignment,
@@ -80,7 +70,6 @@ function Pagination(props) {
     pageCountDropdownItemFillActive,
     pageCountDropdownItemFillActiveHover,
     pageCountDropdownItemFillHover,
-    pageCountDropdownItemLabel,
     pageCountDropdownItemLabelColor,
     pageCountDropdownItemLabelColorActive,
     pageCountDropdownItemLabelSize,
@@ -90,12 +79,15 @@ function Pagination(props) {
     onPageChange
   } = props;
   const [isOpenDropdown, setIsOpenDropdown] = useState(false);
+  const [showPagination, setShowPagination] = useState(true);
+  const [pageCountDropdownArray, setPageCountDropdownArray] = useState([]);
   const [activeDropdownItem, setActiveDropdownItem] = useState(10);
   // Toggle command menu
   const onClickCommandMenuButton = useCallback(event => {
     setIsOpenDropdown(state => !state);
   }, []);
-  const handleDropdownItemClick = useCallback(item => {
+  const handleDropdownItemClick = useCallback((event, item) => {
+    event.stopPropagation();
     onPerPageCountChange(item);
     setActiveDropdownItem(item);
     setIsOpenDropdown(false);
@@ -108,6 +100,14 @@ function Pagination(props) {
     prefix: 'gap_',
     propsKey: 'gap'
   });
+  const fillClass = useDeviceTargetClass(props, {
+    prefix: 'fill_',
+    propsKey: 'fill'
+  });
+  const fillHoverClass = useDeviceTargetClass(props, {
+    prefix: 'fill_hover_',
+    propsKey: 'fillHover'
+  });
 
   // Calculate count of pages for all items
   const paginationPagesCount = useMemo(() => {
@@ -127,12 +127,12 @@ function Pagination(props) {
     }
     return 0;
   }, [pageNumber]);
-  if (paginationPagesCount <= 1) {
-    return null;
-  }
+  useEffect(() => {
+    setPageCountDropdownArray(isPageCountDropdownReversed ? pageCountArray.reverse() : pageCountArray);
+  }, [pageCountArray, isPageCountDropdownReversed]);
   return /*#__PURE__*/React__default.createElement("div", {
     className: "pagination"
-  }, /*#__PURE__*/React__default.createElement(ReactPaginate, {
+  }, showPagination && /*#__PURE__*/React__default.createElement(ReactPaginate, {
     activeClassName: "pagination__item_state_active cursor_type_default",
     breakClassName: "pagination__item pagination__item_break",
     disabledClassName: "pagination__item_state_disabled cursor_type_default",
@@ -170,16 +170,15 @@ function Pagination(props) {
     size: pageCountDescTextSize,
     textColor: pageCountDescTextColor
   }, pageCountDesc), /*#__PURE__*/React__default.createElement("div", {
-    className: "pagination__input"
+    className: clsx('pagination__input', 'cursor_type_pointer', fillClass, fillHoverClass),
+    onClick: onClickCommandMenuButton
   }, /*#__PURE__*/React__default.createElement(Text, {
     size: pageCountInputTextSize,
     textColor: pageCountInputTextColor
   }, activeDropdownItem), /*#__PURE__*/React__default.createElement(Icon, {
-    fill: pageCountInputIconFill,
     fillSize: pageCountInputIconFillSize,
     iconFill: pageCountInputIconColor,
-    SvgImage: pageCountInputIcon,
-    onClick: onClickCommandMenuButton
+    SvgImage: pageCountInputIcon
   }), /*#__PURE__*/React__default.createElement(Dropdown, {
     alignment: pageCountDropdownAlignment,
     elevation: pageCountDropdownElevation,
@@ -188,7 +187,7 @@ function Pagination(props) {
     set: pageCountDropdownSet,
     setIsOpen: setIsOpenDropdown,
     shape: pageCountDropdownShape
-  }, (isPageCountDropdownReversed ? pageCountArray.reverse() : pageCountArray).map((item, index) => activeDropdownItem === item ? /*#__PURE__*/React__default.createElement(DropdownItem, {
+  }, pageCountDropdownArray.map((item, index) => activeDropdownItem === item ? /*#__PURE__*/React__default.createElement(DropdownItem, {
     dividerDirection: pageCountDropdownItemDividerDirection,
     dividerFill: pageCountDropdownItemDividerFill,
     dividerSize: pageCountDropdownItemDividerSize,
@@ -205,7 +204,7 @@ function Pagination(props) {
     labelTextWrap: pageCountDropdownItemLabelWrap,
     set: pageCountDropdownItemSet,
     showDivider: index < pageCountArray.length - 1 && pageCountDropdownItemShowDivider,
-    onClick: () => handleDropdownItemClick(item)
+    onClick: event => handleDropdownItemClick(event, item)
   }) : /*#__PURE__*/React__default.createElement(DropdownItem, {
     dividerDirection: pageCountDropdownItemDividerDirection,
     dividerFill: pageCountDropdownItemDividerFill,
@@ -221,7 +220,7 @@ function Pagination(props) {
     labelTextWrap: pageCountDropdownItemLabelWrap,
     set: pageCountDropdownItemSet,
     showDivider: index < pageCountArray.length - 1 && pageCountDropdownItemShowDivider,
-    onClick: () => handleDropdownItemClick(item)
+    onClick: event => handleDropdownItemClick(event, item)
   }))))));
 }
 Pagination.propTypes = {

package/dist/components/Panel/Panel.d.ts

@@ -0,0 +1,7 @@
+import { IPanelConfig, IPanelProps } from './Panel.interface';
+declare const panelConfig: IPanelConfig;
+declare function Panel(props: IPanelProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Panel {
+    var defaultProps: {};
+}
+export { Panel, panelConfig };

package/dist/components/Panel/Panel.interface.d.ts

@@ -0,0 +1,56 @@
+import React, { CSSProperties } from 'react';
+import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { alignDirectionPropsType, borderColorPropsType, borderTypePropsType, borderWidthPropsType, elevationPropsType, fillHoverPropsType, fillPropsType, flexAlignPropsType, flexJustifyContentPropsType, flexWrapPropsType, heightPropsType, positionPropsType, shapePropsType, textColorPropsType, textSizePropsType, textWeightPropsType, widthPropsType } from '../../types';
+import { appearanceKeysDefaultType } from '../../types/componentProps/appearanceKeys';
+interface ThemeColor {
+    fill?: string;
+    fillHover?: string;
+    labelTextColor?: string;
+    border?: string;
+    borderColor?: string;
+    borderWidth?: string;
+    direction?: alignDirectionPropsType;
+}
+type appearanceKeysType = appearanceKeysDefaultType & {};
+type appearanceType = {
+    [key in appearanceKeysType]: ThemeColor;
+};
+export interface IPanelConfig {
+    appearance: appearanceType | undefined;
+    setAppearance: (newComponent: appearanceType) => void;
+}
+export interface IPanelProps extends TypeStyleAttributes {
+    appearance?: appearanceKeysType;
+    children?: React.ReactNode;
+    className?: string;
+    horizontalScroll?: boolean;
+    verticalScroll?: boolean;
+    htmlFor?: string;
+    set?: string;
+    style?: CSSProperties;
+    dataTour?: string;
+    alignContent?: flexJustifyContentPropsType;
+    alignItems?: flexAlignPropsType;
+    justifyContent?: flexJustifyContentPropsType;
+    wrap?: flexWrapPropsType;
+    direction?: alignDirectionPropsType;
+    fill?: fillPropsType;
+    fillHover?: fillHoverPropsType;
+    shape?: shapePropsType;
+    width?: widthPropsType;
+    height?: heightPropsType;
+    borderColor?: borderColorPropsType;
+    borderWidth?: borderWidthPropsType;
+    borderType?: borderTypePropsType;
+    elevation?: elevationPropsType;
+    position?: positionPropsType;
+    title?: string;
+    titleTextSize?: textSizePropsType;
+    titleTextColor?: textColorPropsType;
+    titleTextWeight?: textWeightPropsType;
+    desc?: string;
+    descTextSize?: textSizePropsType;
+    descTextColor?: textColorPropsType;
+    descTextWeight?: textWeightPropsType;
+}
+export {};

package/dist/components/Panel/index.d.ts

@@ -0,0 +1 @@
+export { Panel, panelConfig } from './Panel';

package/dist/components/Panel.js

@@ -0,0 +1,105 @@
+import { j as jsxRuntimeExports } from '../jsx-runtime-ClDdVO4Q.js';
+import clsx from 'clsx';
+import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
+import { useStyles } from '../hooks/useStyles.js';
+import { G as Group } from '../Group-fbVPmr8W.js';
+import { T as Text } from '../Text-BcGbRc14.js';
+import 'react';
+import 'lodash/castArray';
+import 'lodash/camelCase';
+import '../context/UIContext.js';
+import 'prop-types';
+import '../hooks/useMediaQueries.js';
+import 'react-responsive';
+import 'lodash/maxBy';
+import 'lodash/upperFirst';
+import '../hooks/styleAttributes.js';
+
+var panelConfig = {
+    appearance: undefined,
+    setAppearance: function (newComponent) {
+        panelConfig.appearance = newComponent;
+    },
+};
+function Panel(props) {
+    var appearance = props.appearance, children = props.children, className = props.className, horizontalScroll = props.horizontalScroll, htmlFor = props.htmlFor, set = props.set, dataTour = props.dataTour, title = props.title, titleTextSize = props.titleTextSize, titleTextColor = props.titleTextColor, titleTextWeight = props.titleTextWeight, desc = props.desc, descTextSize = props.descTextSize, descTextColor = props.descTextColor, descTextWeight = props.descTextWeight, verticalScroll = props.verticalScroll;
+    var alignContentClass = useDeviceTargetClass(props, {
+        prefix: 'panel_align-content_',
+        propsKey: 'alignContent',
+    });
+    var alignItemsClass = useDeviceTargetClass(props, {
+        prefix: 'panel_align-items_',
+        propsKey: 'alignItems',
+    });
+    var justifyContentClass = useDeviceTargetClass(props, {
+        prefix: 'panel_justify-content_',
+        propsKey: 'justifyContent',
+    });
+    var directionClass = useDeviceTargetClass(props, {
+        prefix: 'panel_direction_',
+        propsKey: 'direction',
+    });
+    var wrapClass = useDeviceTargetClass(props, {
+        prefix: 'flex_wrap_',
+        propsKey: 'wrap',
+    });
+    var fillClass = useDeviceTargetClass(props, {
+        prefix: 'fill_',
+        propsKey: 'fill',
+    });
+    var fillHoverClass = useDeviceTargetClass(props, {
+        prefix: 'fill_hover_',
+        propsKey: 'fillHover',
+    });
+    var shapeClass = useDeviceTargetClass(props, {
+        prefix: 'panel_shape_',
+        propsKey: 'shape',
+    });
+    var widthClass = useDeviceTargetClass(props, {
+        prefix: 'width_',
+        propsKey: 'width',
+    });
+    var heightClass = useDeviceTargetClass(props, {
+        prefix: 'height_',
+        propsKey: 'height',
+    });
+    var borderColorClass = useDeviceTargetClass(props, {
+        prefix: 'border-color_',
+        propsKey: 'borderColor',
+    });
+    var borderWidthClass = useDeviceTargetClass(props, {
+        prefix: 'border-width_',
+        propsKey: 'borderWidth',
+    });
+    var borderTypeClass = useDeviceTargetClass(props, {
+        prefix: 'border_type_',
+        propsKey: 'borderType',
+    });
+    var elevationClass = useDeviceTargetClass(props, {
+        prefix: 'elevation_',
+        propsKey: 'elevation',
+    });
+    var positionClass = useDeviceTargetClass(props, {
+        prefix: 'position_',
+        propsKey: 'position',
+    });
+    // @ts-expect-error
+    var _a = useStyles(props), panelStyles = _a.styles, panelWrapperStyles = _a.wrapper;
+    var appearanceConfig = appearance && panelConfig.appearance && panelConfig.appearance[appearance];
+    return (jsxRuntimeExports.jsxs(Group, { className: clsx(className, 'panel', widthClass, heightClass, fillClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
+                "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase()), fillHoverClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fillHover) &&
+                "fill_hover_".concat(appearanceConfig.fillHover).replace(/([A-Z])/g, '-$1').toLowerCase()), set && "panel_set_".concat(set), wrapClass, shapeClass, borderColorClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderColor) &&
+                "border-color_".concat(appearanceConfig.borderColor)
+                    .replace(/([A-Z])/g, '-$1')
+                    .toLowerCase()), borderWidthClass ||
+            ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderWidth) &&
+                "border-width_".concat(appearanceConfig.borderWidth)
+                    .replace(/([A-Z])/g, '-$1')
+                    .toLowerCase()), borderTypeClass, alignContentClass, alignItemsClass, elevationClass, justifyContentClass, positionClass, horizontalScroll && 'panel_type_scroll_horizontal', verticalScroll && 'panel_type_scroll_vertical'), "data-tour": dataTour, htmlFor: htmlFor, style: panelStyles, children: [title && (jsxRuntimeExports.jsx("div", { className: "panel__header", children: jsxRuntimeExports.jsx(Text, { className: "panel__title", size: titleTextSize, textColor: titleTextColor, textWeight: titleTextWeight, children: title }) })), jsxRuntimeExports.jsx("div", { className: clsx('panel__wrapper', directionClass), style: panelWrapperStyles, children: children }), desc && (jsxRuntimeExports.jsx("div", { className: "panel__footer", children: jsxRuntimeExports.jsx(Text, { className: "panel__desc", size: descTextSize, textColor: descTextColor, textWeight: descTextWeight, children: desc }) }))] }));
+}
+Panel.defaultProps = {};
+
+export { Panel, panelConfig };

package/dist/components/Radio.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { T as Text } from '../Text-DffpwlYq.js';
+import { T as Text } from '../Text-BcGbRc14.js';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import '../jsx-runtime-ClDdVO4Q.js';
 import '../hooks/useStyles.js';

package/dist/components/Response.js

@@ -14,32 +14,29 @@ import textSizeProps from '../constants/componentProps/textSize.js';
 import textWeightProps from '../constants/componentProps/textWeight.js';
 import titleSizeProps from '../constants/componentProps/titleSize.js';
 import widthProps from '../constants/componentProps/width.js';
-import { Button } from './Button.js';
-import { G as Group } from '../Group-DhYXDvAJ.js';
-import { T as Text } from '../Text-DffpwlYq.js';
+import { B as Button } from '../Button-B7vbiqrJ.js';
+import { G as Group } from '../Group-fbVPmr8W.js';
+import { T as Text } from '../Text-BcGbRc14.js';
 import { Title } from './Title.js';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
-import './Icon.js';
-import './Link.js';
+import '../jsx-runtime-ClDdVO4Q.js';
+import '../Icon-Dn2eEZvb.js';
+import '../Link-ByBzBRDH.js';
+import './Tooltip.js';
+import '../constants/componentProps/textAlign.js';
 import '../constants/componentProps/textGradient.js';
 import '../constants/componentProps/textStyle.js';
 import '../constants/componentProps/type.js';
-import '../constants/componentProps/underline.js';
-import 'lodash/camelCase';
-import 'lodash/maxBy';
-import 'lodash/upperFirst';
-import '../hooks/styleAttributes.js';
+import '../constants/componentProps/wrap.js';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 import 'lodash/castArray';
-import '../constants/componentProps/iconSize.js';
-import '../constants/componentProps/strokeColor.js';
-import './Tooltip.js';
-import '../jsx-runtime-ClDdVO4Q.js';
-import '../constants/componentProps/textAlign.js';
-import '../constants/componentProps/wrap.js';
+import 'lodash/camelCase';
+import 'lodash/maxBy';
+import 'lodash/upperFirst';
+import '../hooks/styleAttributes.js';
 import './Loader.js';
 
 const responseConfig = {

package/dist/components/Search.js

@@ -1,40 +1,35 @@
-export { S as SearchInput, a as SearchResult, s as searchInputConfig } from '../SearchResult-DNPmzvp8.js';
+export { S as SearchInput, a as SearchResult, s as searchInputConfig } from '../SearchResult-erxB06IL.js';
 import 'react';
 import 'prop-types';
 import 'clsx';
 import '../constants/componentProps/fill.js';
-import './Icon.js';
-import 'react-inlinesvg';
-import './Link.js';
-import '../constants/componentProps/size.js';
-import '../constants/componentProps/textColor.js';
-import '../constants/componentProps/textGradient.js';
-import '../constants/componentProps/textStyle.js';
-import '../constants/componentProps/textWeight.js';
-import '../constants/componentProps/type.js';
-import '../constants/componentProps/underline.js';
-import '../hooks/useStyles.js';
+import '../Icon-Dn2eEZvb.js';
+import '../Link-ByBzBRDH.js';
+import '../jsx-runtime-ClDdVO4Q.js';
+import '../hooks/useDeviceTargetClass.js';
+import 'lodash/castArray';
 import 'lodash/camelCase';
-import 'lodash/maxBy';
-import 'lodash/upperFirst';
-import '../hooks/styleAttributes.js';
 import '../context/UIContext.js';
 import '../hooks/useMediaQueries.js';
 import 'react-responsive';
-import '../hooks/useDeviceTargetClass.js';
-import 'lodash/castArray';
-import '../constants/componentProps/borderColor.js';
-import '../constants/componentProps/borderType.js';
-import '../constants/componentProps/iconSize.js';
-import '../constants/componentProps/shape.js';
-import '../constants/componentProps/strokeColor.js';
+import '../hooks/useStyles.js';
+import 'lodash/maxBy';
+import 'lodash/upperFirst';
+import '../hooks/styleAttributes.js';
+import 'react-inlinesvg';
 import './Tooltip.js';
-import '../Text-DffpwlYq.js';
-import '../jsx-runtime-ClDdVO4Q.js';
+import '../Text-BcGbRc14.js';
 import './Title.js';
 import '../constants/componentProps/textAlign.js';
+import '../constants/componentProps/textColor.js';
+import '../constants/componentProps/textGradient.js';
+import '../constants/componentProps/textStyle.js';
+import '../constants/componentProps/textWeight.js';
 import '../constants/componentProps/titleSize.js';
+import '../constants/componentProps/type.js';
 import '../constants/componentProps/wrap.js';
+import '../constants/componentProps/size.js';
 import '../constants/componentProps/textSize.js';
+import '../constants/componentProps/shape.js';
 import './Scrollbar.js';
 import 'react-scrollbars-custom';

package/dist/components/Segmented.js

@@ -1,7 +1,7 @@
 import React__default, { useRef, useMemo, createRef, useCallback, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { T as Text } from '../Text-DffpwlYq.js';
+import { T as Text } from '../Text-BcGbRc14.js';
 import fillProps from '../constants/componentProps/fill.js';
 import textWrapProps from '../constants/componentProps/textWrap.js';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';