@redneckz/wildless-cms-uni-blocks 0.14.65 → 0.14.67

package/mobile/src/components/TariffsTable/EmbeddableCellData.tsx

@@ -1,6 +1,3 @@
-import { type ButtonContent } from '../../ui-kit/Button/ButtonContent';
-import { type ButtonsSectionContent } from '../../ui-kit/Button/ButtonsSectionContent';
-import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
 import { Img } from '../../ui-kit/Img/Img';
 import { type ImageContent } from '../../ui-kit/Img/ImgProps';
 import {
@@ -8,6 +5,9 @@ import {
   type InnerTableButtonProps,
 } from '../../ui-kit/InnerTable/InnerTableButton';
 import { type TariffsTableInnerContent } from '../../ui-kit/InnerTable/InnerTableProps';
+import { type ButtonsSectionContent } from '../../ui-kit/LinkButton/ButtonsSectionContent';
+import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
+import { renderButtonsSection } from '../../ui-kit/LinkButton/renderButtonsSection';
 import { List } from '../../ui-kit/List/List';
 import { type ListProps } from '../../ui-kit/List/ListContent';
 import { Text } from '../../ui-kit/Text/Text';
@@ -15,7 +15,7 @@ import { type LabelDescriptionCell } from './TariffsTableContent';
 
 export type EmbeddableCellDataType =
   | LabelDescriptionCell
-  | ButtonContent
+  | LinkButtonContent
   | ImageContent
   | ListProps
   | InnerTableButtonProps;

package/mobile/src/components/TariffsTable/TariffsTableContent.ts

@@ -1,9 +1,9 @@
 import { type DescriptionProps, type LabelProps, type TitleProps } from '../../model/HeadlineType';
 import { type UniBlockContent, type UniBlockProps } from '../../model/JSXBlock';
 import { type IconProps } from '../../model/Picture';
-import { type ButtonsSectionContent } from '../../ui-kit/Button/ButtonsSectionContent';
 import { type ImageContent } from '../../ui-kit/Img/ImgProps';
 import { type TariffsTableInnerContent } from '../../ui-kit/InnerTable/InnerTableProps';
+import { type ButtonsSectionContent } from '../../ui-kit/LinkButton/ButtonsSectionContent';
 import { type ListProps } from '../../ui-kit/List/ListContent';
 
 /**

package/mobile/src/components/TariffsTable/TariffsTableWrapper.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { type CarouselControls } from '../../hooks/useCarouselControls';
-import { renderArrows } from '../../ui-kit/Button/renderArrows';
+import { renderArrows } from '../../ui-kit/LinkButton/renderArrows';
 
 interface WrapperProps {
   controls: CarouselControls;

package/mobile/src/model/ButtonVersion.ts

@@ -1,13 +1,5 @@
 /**
  * @title Тема кнопки
- * @enumNames ["Основная", "Второстепенная", "Белая", "Ссылка", "Прозрачная", "Серая", "Наследуемая"]
- * @default primary
+ * @enumNames ["Основная", "Второстепенная"]
  */
-export type ButtonVersion =
-  | 'primary'
-  | 'secondary'
-  | 'white'
-  | 'link'
-  | 'transparent'
-  | 'gray'
-  | '';
+export type ButtonVersion = 'primary' | 'secondary';

package/mobile/src/model/LinkButtonVersion.ts

@@ -0,0 +1,13 @@
+/**
+ * @title Тема кнопки
+ * @enumNames ["Основная", "Второстепенная", "Белая", "Ссылка", "Прозрачная", "Серая", "Наследуемая"]
+ * @default primary
+ */
+export type LinkButtonVersion =
+  | 'primary'
+  | 'secondary'
+  | 'white'
+  | 'link'
+  | 'transparent'
+  | 'gray'
+  | '';

package/mobile/src/setup-fixture.ts

@@ -45,6 +45,11 @@ useRouter.setup(() => {
 });
 
 handlerDecorator.setup((handler): any => (ev) => {
-  ev.preventDefault();
+  const shouldNotPrevent = ev?.target?.type === 'submit';
+
+  if (!shouldNotPrevent) {
+    ev.preventDefault();
+  }
+
   handler(ev);
 });

package/mobile/src/ui-kit/ARIAProps.ts

@@ -0,0 +1,4 @@
+export interface ARIAProps {
+  role?: string;
+  [key: `aria-${string}`]: string | undefined;
+}

package/mobile/src/ui-kit/BaseFiltration/renderFiltrationForm.tsx

@@ -36,7 +36,9 @@ export const renderFiltrationForm = ({
     </div>
     {resetButton ? (
       <div>
-        <Button className="w-full @4xl:w-72 @4xl:ml-s" onClick={reset} {...resetButton} />
+        <Button className="w-full @4xl:w-72 @4xl:ml-s" onClick={reset}>
+          {resetButton?.text}
+        </Button>
       </div>
     ) : null}
   </form>

package/mobile/src/ui-kit/BaseProductTile/BaseProductTile.tsx

@@ -5,8 +5,8 @@ import { type UniBlockProps } from '../../model/JSXBlock';
 import { type VNode } from '../../model/VNode';
 import { BaseTile } from '../BaseTile/BaseTile';
 import { BenefitsList } from '../BenefitsList/BenefitsList';
-import { renderButtonsSection } from '../Button/renderButtonsSection';
 import { Img } from '../Img/Img';
+import { renderButtonsSection } from '../LinkButton/renderButtonsSection';
 import { List } from '../List/List';
 import { type ListItemSize } from '../List/ListContent';
 import { PriceList } from '../PriceList/PriceList';

package/mobile/src/ui-kit/BaseProductTile/BaseProductTileContent.ts

@@ -2,8 +2,8 @@ import { type Align } from '../../model/Align';
 import { type BulletsProps } from '../../model/Bullets';
 import { type HeadlineProps } from '../../model/HeadlineType';
 import { type BenefitsListContent } from '../BenefitsList/BenefitsListContent';
-import { type ButtonsSectionContent } from '../Button/ButtonsSectionContent';
 import { type ImageContent } from '../Img/ImgProps';
+import { type ButtonsSectionContent } from '../LinkButton/ButtonsSectionContent';
 import { type ListContent } from '../List/ListContent';
 import { type RichTextProps } from '../RichText/RichTextProps';
 import { type TagsContent } from '../Tags/TagsContent';

package/mobile/src/ui-kit/Button/Button.tsx

@@ -1,49 +1,75 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useLink } from '../../hooks/useLink';
-import { ButtonInner } from './ButtonInner';
-import { type ButtonProps } from './ButtonProps';
-import { getDisabledButtonClasses } from './getDisabledButtonClasses';
-import { getRegularButtonClasses } from './getRegularButtonClasses';
-import { useFormSubmit } from './useFormSubmit';
-
-export const Button = JSX<ButtonProps>(({ disabled, children, method = 'LINK', href, ...rest }) => {
-  const handleFormSubmit = useFormSubmit({ method, href });
-
-  const link = useLink();
-  const adjustedProps = link({ onClick: handleFormSubmit, href, ...rest });
-  const buttonInner = children ?? <ButtonInner {...adjustedProps} />;
-
-  return disabled ? (
-    <DisabledButton {...adjustedProps}>{buttonInner}</DisabledButton>
-  ) : (
-    <RegularButton {...adjustedProps}>{buttonInner}</RegularButton>
-  );
-});
+import { type ButtonVersion } from '../../model/ButtonVersion';
+import { style } from '../../utils/style';
+import { type ARIAProps } from '../ARIAProps';
+import { type ControlStateProps } from '../ControlStateProps';
+import type { PreventableEvent } from '../PreventableEvent';
+import { useButton } from './useButton';
+
+const activeButtonStyleMap = 'text-white bg-primary-active';
+
+const disabledButtonStyle = 'bg-main-gray text-main-disabled cursor-not-allowed';
+
+const buttonStyleMap: Record<ButtonVersion, string> = {
+  primary: 'text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active',
+  secondary:
+    'text-primary-main bg-main-divider hover:text-white hover:bg-primary-hover active:bg-primary-active',
+};
+
+const secondaryButtonStyleMap: Record<ButtonVersion, string> = {
+  primary: style(
+    'group-data-secondary:text-primary-main group-data-secondary:bg-white',
+    'group-data-secondary:hover:text-white group-data-secondary:hover:bg-primary-hover',
+    'group-data-secondary:active:bg-primary-active',
+  ),
+  secondary: style(
+    'group-data-secondary:text-white group-data-secondary:bg-white/20',
+    'group-data-secondary:hover:bg-primary-hover',
+    'group-data-secondary:active:bg-primary-active',
+  ),
+};
+
+export interface ButtonProps extends ControlStateProps, ARIAProps {
+  className?: string;
+  version?: ButtonVersion;
+  type?: 'button' | 'submit' | 'reset' | undefined;
+  rounded?: boolean;
+  role?: string;
+  onClick?: (ev?: PreventableEvent) => void;
+}
+
+export const Button = JSX<ButtonProps>(({ children, ...props }) => {
+  const button = useButton();
+
+  const {
+    className,
+    version = 'primary',
+    active,
+    disabled,
+    type = 'button',
+    rounded = true,
+    role,
+    onClick,
+  } = button(props);
 
-const RegularButton = JSX<ButtonProps>(
-  ({ className = '', href, rel, target, ariaLabel, version, rounded, onClick, children }) => (
-    <a
-      className={getRegularButtonClasses({ className, version, rounded })}
-      href={href}
-      rel={rel}
-      target={target}
-      aria-label={ariaLabel}
-      role={href ? 'link' : 'button'}
+  return (
+    <button
+      className={style(
+        'font-sans px-9 py-4',
+        'flex justify-center items-center gap-xs',
+        active ? activeButtonStyleMap : '',
+        disabled ? disabledButtonStyle : '',
+        !active && !disabled
+          ? style(buttonStyleMap[version], secondaryButtonStyleMap[version])
+          : '',
+        rounded ? 'rounded-md' : '',
+        className,
+      )}
+      type={type}
+      role={role}
       onClick={onClick}
     >
       {children}
-    </a>
-  ),
-);
-
-const DisabledButton = JSX<ButtonProps>(({ className, ariaLabel, version, rounded, children }) => (
-  <div
-    role="button"
-    aria-disabled="true"
-    aria-label={ariaLabel}
-    tabIndex={-1}
-    className={getDisabledButtonClasses({ className, rounded, version })}
-  >
-    {children}
-  </div>
-));
+    </button>
+  );
+});

package/mobile/src/ui-kit/Button/useButton.ts

@@ -0,0 +1,16 @@
+import { handlerDecorator } from '../../hooks/handlerDecorator';
+import { type PreventableEvent } from '../PreventableEvent';
+import { type ButtonProps } from './Button';
+
+export function useButton() {
+  return (props: ButtonProps): ButtonProps => ({
+    ...props,
+    onClick: handlerDecorator(handleClick(props), props),
+  });
+}
+
+function handleClick({ disabled, onClick }: Partial<ButtonProps>) {
+  return (ev?: PreventableEvent) => {
+    !disabled && onClick && onClick(ev);
+  };
+}

package/mobile/src/ui-kit/ControlStateProps.ts

@@ -0,0 +1,4 @@
+export interface ControlStateProps {
+  active?: boolean;
+  disabled?: boolean;
+}

package/mobile/src/ui-kit/InnerTable/InnerTableButton.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { type TariffsTableCellIndexProps } from '../../components/TariffsTable/TariffsTableContent';
-import { Button } from '../Button/Button';
 import { Img } from '../Img/Img';
+import { LinkButton } from '../LinkButton/LinkButton';
 import { type TariffsTableInnerContent } from './InnerTableProps';
 
 export interface InnerTableButtonProps
@@ -14,7 +14,7 @@ export interface InnerTableButtonProps
 
 export const TableInnerButton = JSX<InnerTableButtonProps>(
   ({ className = '', isOpen, onClick }) => (
-    <Button
+    <LinkButton
       className={className}
       appendRight={
         <Img image={{ icon: isOpen ? 'ArrowUpIcon' : 'ArrowDownIcon' }} width="20" height="20" />

package/mobile/src/ui-kit/InnerTable/InnerTableHeader.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { Button } from '../Button/Button';
 import { Icon } from '../Icon/Icon';
+import { LinkButton } from '../LinkButton/LinkButton';
 import { linkButtonVersion } from './linkButtonVersion';
 
 export interface InnerTableHeaderProps {
@@ -29,7 +29,7 @@ export const InnerTableHeader = JSX<InnerTableHeaderProps>(
         </div>
       ) : null}
       {linkToPDF ? (
-        <Button
+        <LinkButton
           className="text-primary-main"
           href={linkToPDF}
           version={linkButtonVersion}

package/mobile/src/ui-kit/{Button → LinkButton}/ArrowButton.tsx

@@ -1,11 +1,12 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { style } from '../../utils/style';
 import { Img } from '../Img/Img';
-import { Button } from './Button';
-import { type ButtonProps } from './ButtonProps';
+import { LinkButton } from './LinkButton';
+import { type LinkButtonProps } from './LinkButtonProps';
 
-export const ArrowButton = JSX<ButtonProps>(({ className, disabled, ...rest }) => (
-  <Button
+/** @deprecated */
+export const ArrowButton = JSX<LinkButtonProps>(({ className, disabled, ...rest }) => (
+  <LinkButton
     rounded
     className={style(
       'group/btn w-12 h-12 min-h-12 max-h-12 flex items-center justify-center shadow-main-black',
@@ -24,14 +25,16 @@ export const ArrowButton = JSX<ButtonProps>(({ className, disabled, ...rest }) =
       width="16"
       height="16"
     />
-  </Button>
+  </LinkButton>
 ));
 
-export const ScrollLeftButton = JSX<ButtonProps>((props) => (
+/** @deprecated */
+export const ScrollLeftButton = JSX<LinkButtonProps>((props) => (
   <ArrowButton {...props} ariaLabel="Пролистать влево" data-block-control="scroll-left" />
 ));
 
-export const ScrollRightButton = JSX<ButtonProps>((props) => (
+/** @deprecated */
+export const ScrollRightButton = JSX<LinkButtonProps>((props) => (
   <ArrowButton
     {...props}
     className={`${props.className || ''} rotate-180`}

package/{src/ui-kit/Button → mobile/src/ui-kit/LinkButton}/ButtonInner.tsx

@@ -1,10 +1,11 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { style } from '../../utils/style';
 import { iconStyleMap } from './buttonClassNameConstants';
-import { type ButtonContent } from './ButtonContent';
-import { type ButtonProps } from './ButtonProps';
+import { type LinkButtonContent } from './LinkButtonContent';
+import { type LinkButtonProps } from './LinkButtonProps';
 
-export const ButtonInner = JSX<ButtonProps>((props) => {
+/** @deprecated */
+export const ButtonInner = JSX<LinkButtonProps>((props) => {
   const { text, aboveText, appendLeft, appendRight, version = 'primary' } = props;
   const iconHideStyle = isWithText(props) ? 'hidden lg:block' : '';
 
@@ -26,7 +27,7 @@ export const ButtonInner = JSX<ButtonProps>((props) => {
   );
 });
 
-const getButtonStyle = (props: ButtonContent) => {
+const getButtonStyle = (props: LinkButtonContent) => {
   const { version, aboveText, rounded } = props;
 
   if (version === 'link') {
@@ -42,5 +43,5 @@ const getButtonStyle = (props: ButtonContent) => {
   );
 };
 
-const isWithText = ({ text, aboveText, appendLeft }: ButtonProps) =>
+const isWithText = ({ text, aboveText, appendLeft }: LinkButtonProps) =>
   Boolean(text || aboveText || !appendLeft);

package/mobile/src/ui-kit/LinkButton/ButtonsSectionContent.ts

@@ -0,0 +1,9 @@
+import { type LinkButtonContent } from './LinkButtonContent';
+
+/** @deprecated */
+export interface ButtonsSectionContent {
+  /**
+   * @title Кнопки
+   */
+  buttons?: LinkButtonContent[];
+}

package/mobile/src/ui-kit/LinkButton/GetButtonClassParams.ts

@@ -0,0 +1,8 @@
+import { type LinkButtonVersion } from '../../model/LinkButtonVersion';
+
+/** @deprecated */
+export type GetButtonClassParams = {
+  className?: string;
+  rounded?: boolean;
+  version?: LinkButtonVersion;
+};

package/{src/ui-kit/Button → mobile/src/ui-kit/LinkButton}/LikeButton.tsx

@@ -1,11 +1,13 @@
 import { JSX } from '@redneckz/uni-jsx';
 
+/** @deprecated */
 export interface LikeButtonProps {
   className?: string;
   onClick?: () => void;
   ariaLabel?: string;
 }
 
+/** @deprecated */
 export const LikeButton = JSX<LikeButtonProps>(({ className, onClick, ariaLabel }) => (
   <button
     type="button"

package/mobile/src/ui-kit/LinkButton/LinkButton.tsx

@@ -0,0 +1,54 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useLink } from '../../hooks/useLink';
+import { ButtonInner } from './ButtonInner';
+import { getDisabledButtonClasses } from './getDisabledButtonClasses';
+import { getRegularButtonClasses } from './getRegularButtonClasses';
+import { type LinkButtonProps } from './LinkButtonProps';
+import { useFormSubmit } from './useFormSubmit';
+
+/** @deprecated */
+export const LinkButton = JSX<LinkButtonProps>(
+  ({ disabled, children, method = 'LINK', href, ...rest }) => {
+    const handleFormSubmit = useFormSubmit({ method, href });
+
+    const link = useLink();
+    const adjustedProps = link({ onClick: handleFormSubmit, href, ...rest });
+    const buttonInner = children ?? <ButtonInner {...adjustedProps} />;
+
+    return disabled ? (
+      <DisabledButton {...adjustedProps}>{buttonInner}</DisabledButton>
+    ) : (
+      <RegularButton {...adjustedProps}>{buttonInner}</RegularButton>
+    );
+  },
+);
+
+const RegularButton = JSX<LinkButtonProps>(
+  ({ className = '', href, rel, target, ariaLabel, version, rounded, onClick, children }) => (
+    <a
+      className={getRegularButtonClasses({ className, version, rounded })}
+      href={href}
+      rel={rel}
+      target={target}
+      aria-label={ariaLabel}
+      role={href ? 'link' : 'button'}
+      onClick={onClick}
+    >
+      {children}
+    </a>
+  ),
+);
+
+const DisabledButton = JSX<LinkButtonProps>(
+  ({ className, ariaLabel, version, rounded, children }) => (
+    <div
+      role="button"
+      aria-disabled="true"
+      aria-label={ariaLabel}
+      tabIndex={-1}
+      className={getDisabledButtonClasses({ className, rounded, version })}
+    >
+      {children}
+    </div>
+  ),
+);

package/mobile/src/ui-kit/{Button/ButtonContent.ts → LinkButton/LinkButtonContent.ts}

@@ -1,16 +1,18 @@
-import { type ButtonVersion } from '../../model/ButtonVersion';
+import { type LinkButtonVersion } from '../../model/LinkButtonVersion';
 import { type LinkProps } from '../../model/LinkProps';
 import { type Picture } from '../../model/Picture';
 
+/** @deprecated */
 export interface ButtonCommonContent extends LinkProps {
-  version?: ButtonVersion;
+  version?: LinkButtonVersion;
   method?: 'LINK' | 'POST';
 }
 
+/** @deprecated */
 /**
  * @title Кнопка
  */
-export interface ButtonContent extends ButtonCommonContent {
+export interface LinkButtonContent extends ButtonCommonContent {
   /** @title Закругленные углы */
   rounded?: boolean;
   /** @title Иконка слева */

package/mobile/src/ui-kit/{Button/ButtonProps.ts → LinkButton/LinkButtonProps.ts}

@@ -1,11 +1,12 @@
 import { type VNode } from '../../model/VNode';
 import { type PreventableEvent } from '../PreventableEvent';
-import { type ButtonContent } from './ButtonContent';
+import { type LinkButtonContent } from './LinkButtonContent';
 
+/** @deprecated */
 /**
  * @title Кнопка
  */
-export interface ButtonProps extends ButtonContent {
+export interface LinkButtonProps extends LinkButtonContent {
   className?: string;
   disabled?: boolean;
   rel?: string;

package/mobile/src/ui-kit/{Button → LinkButton}/buttonClassNameConstants.ts

@@ -1,6 +1,7 @@
-import { type ButtonVersion } from '../../model/ButtonVersion';
+import { type LinkButtonVersion } from '../../model/LinkButtonVersion';
 
-export const buttonStyleMap: Record<ButtonVersion, string> = {
+/** @deprecated */
+export const buttonStyleMap: Record<LinkButtonVersion, string> = {
   primary: 'text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active',
   secondary:
     'text-primary-main bg-main-divider hover:text-white hover:bg-primary-hover active:bg-primary-active',
@@ -14,7 +15,8 @@ export const buttonStyleMap: Record<ButtonVersion, string> = {
 
 const DisabledStyle = 'bg-main-divider text-main-disabled';
 
-export const buttonDisabledStyleMap: Record<ButtonVersion, string> = {
+/** @deprecated */
+export const buttonDisabledStyleMap: Record<LinkButtonVersion, string> = {
   primary: DisabledStyle,
   secondary: DisabledStyle,
   white: DisabledStyle,
@@ -24,9 +26,11 @@ export const buttonDisabledStyleMap: Record<ButtonVersion, string> = {
   '': '',
 };
 
+/** @deprecated */
 export const buttonStyle = 'text-center font-sans select-none';
 
-export const iconStyleMap: Record<ButtonVersion, string> = {
+/** @deprecated */
+export const iconStyleMap: Record<LinkButtonVersion, string> = {
   primary: 'group-hover/btn:brightness-0 group-hover/btn:invert',
   secondary: 'group-hover/btn:brightness-0 group-hover/btn:invert',
   white: 'group-hover/btn:brightness-0 group-hover/btn:invert',

package/mobile/src/ui-kit/{Button → LinkButton}/getDisabledButtonClasses.ts

@@ -1,6 +1,7 @@
 import { buttonDisabledStyleMap, buttonStyle } from './buttonClassNameConstants';
 import { type GetButtonClassParams } from './GetButtonClassParams';
 
+/** @deprecated */
 export const getDisabledButtonClasses = ({
   className,
   rounded,

package/{src/ui-kit/Button → mobile/src/ui-kit/LinkButton}/getRegularButtonClasses.ts

@@ -1,6 +1,7 @@
 import { buttonStyle, buttonStyleMap } from './buttonClassNameConstants';
 import { type GetButtonClassParams } from './GetButtonClassParams';
 
+/** @deprecated */
 export const getRegularButtonClasses = ({
   className,
   rounded,

package/{src/ui-kit/Button → mobile/src/ui-kit/LinkButton}/renderArrows.tsx

@@ -1,5 +1,6 @@
 import { ArrowButton } from './ArrowButton';
 
+/** @deprecated */
 export type RenderArrowsProps = {
   dec: () => void;
   inc: () => void;
@@ -10,6 +11,7 @@ export type RenderArrowsProps = {
   isDisabled?: boolean;
 };
 
+/** @deprecated */
 export function renderArrows({
   dec,
   inc,

package/mobile/src/ui-kit/{Button → LinkButton}/renderButtonsSection.tsx

@@ -2,8 +2,8 @@ import { type Picture } from '../../model/Picture';
 import { isIcon } from '../../utils/isIcon';
 import { style } from '../../utils/style';
 import { Img } from '../Img/Img';
-import { Button } from './Button';
-import { type ButtonContent } from './ButtonContent';
+import { LinkButton } from './LinkButton';
+import { type LinkButtonContent } from './LinkButtonContent';
 
 interface ButtonsSectionOptions {
   className?: string;
@@ -11,8 +11,9 @@ interface ButtonsSectionOptions {
   isVertical?: boolean;
 }
 
+/** @deprecated */
 export const renderButtonsSection = (
-  buttons?: (ButtonContent | undefined)[],
+  buttons?: (LinkButtonContent | undefined)[],
   { className, buttonClassName, isVertical }: ButtonsSectionOptions = {},
 ) =>
   buttons?.length && buttons.some((_) => _?.text || _?.icon?.icon) ? (
@@ -31,13 +32,13 @@ export const renderButtonsSection = (
 
 const renderButton =
   (buttonClassName = '') =>
-  (button?: ButtonContent, index?: number) => {
+  (button?: LinkButtonContent, index?: number) => {
     const { text, icon, iconRight, version, ...rest } = button || {};
     const iconVersion = getIconVersion(icon, version);
     const iconRightVersion = getIconVersion(iconRight, version);
 
     return text || icon?.icon ? (
-      <Button
+      <LinkButton
         key={index ? String(index) : ''}
         className={style('basis-full @lg:basis-auto', buttonClassName)}
         appendLeft={renderButtonIcon({ ...icon, iconVersion })}

package/mobile/src/ui-kit/{Button → LinkButton}/useFormSubmit.ts

@@ -1,7 +1,8 @@
 import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
 import { type PreventableEvent } from '../PreventableEvent';
-import { type ButtonCommonContent } from './ButtonContent';
+import { type ButtonCommonContent } from './LinkButtonContent';
 
+/** @deprecated */
 export const useFormSubmit = ({ method, href }: ButtonCommonContent) =>
   useCallback((ev: PreventableEvent) => {
     if (method !== 'POST' || !href) {

package/mobile/src/ui-kit/TableArrowScrollControl/TableArrowScrollControl.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { renderArrows } from '../Button/renderArrows';
+import { renderArrows } from '../LinkButton/renderArrows';
 import { type TableArrowScrollControlProps } from './TableArrowScrollControlProps';
 
 export const TableArrowScrollControl = JSX<TableArrowScrollControlProps>(

package/mobile/src/ui-kit/TabsControl/ScrollableTabsControl.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { style } from '../../utils/style';
-import { ScrollLeftButton, ScrollRightButton } from '../Button/ArrowButton';
+import { ScrollLeftButton, ScrollRightButton } from '../LinkButton/ArrowButton';
 import { SwipeListContainer } from '../SwipeListControl/SwipeListContainer';
 import { useSwipeListScroll } from '../SwipeListControl/useSwipeListScroll';
 import { renderTab } from './renderTab';