@redneckz/wildless-cms-uni-blocks 0.12.14 → 0.13.0

package/src/icons/IconName.ts

@@ -9,7 +9,7 @@ export const IconsWithoutInversion = new Set([
   'BriefcaseIcon',
   'CardWithGemIcon',
   'CarIcon',
-  'ChevronLeft',
+  'ChevronLeftIcon',
   'CinemaIcon',
   'ClientIcon',
   'ClockIcon',
@@ -80,7 +80,7 @@ export enum IconMap {
   CardWithGemIcon = 'CardWithGemIcon',
   CarIcon = 'CarIcon',
   ChartSquareIcon = 'ChartSquareIcon',
-  ChevronLeft = 'ChevronLeft',
+  ChevronLeftIcon = 'ChevronLeftIcon',
   CinemaIcon = 'CinemaIcon',
   ClientIcon = 'ClientIcon',
   ClockIcon = 'ClockIcon',
@@ -195,7 +195,7 @@ export enum IconTitleMap {
   CardWithGemIcon = 'Карта с драгоценностями',
   CarIcon = 'Машина',
   ChartSquareIcon = 'Деньги внутри кошелька',
-  ChevronLeft = "Стрелка 'Влево'",
+  ChevronLeftIcon = "Стрелка 'Влево'",
   CinemaIcon = 'Кинотеатр',
   ClientIcon = 'Клиент',
   ClockIcon = 'Часы',
@@ -319,7 +319,7 @@ export type IconName =
   | 'CardWithGemIcon'
   | 'CarIcon'
   | 'ChartSquareIcon'
-  | 'ChevronLeft'
+  | 'ChevronLeftIcon'
   | 'CinemaIcon'
   | 'ClientIcon'
   | 'ClockIcon'

package/src/ui-kit/BaseFiltration/BaseFiltrationInner.tsx

@@ -35,14 +35,14 @@ export const BaseFiltrationInner = JSX<BaseFiltrationInnerProps>(
           {notFound ? renderNotFound(notFound) : null}
         </div>
         <div className={style(blocksToRender.length ? '' : 'hidden')}>
-          <div className={style('mb-1', resultsGridStyle)}>
+          <div className={style('mb-2xs', resultsGridStyle)}>
             {renderBlocksList(visibleBlocks, { ...rest.options, parent: block })}
           </div>
           <Foldable
             renderFoldableSection={({ isUnfolded }) => {
               return (
                 <FoldableSection
-                  className={style(resultsGridStyle, isUnfolded ? 'mb-1' : '')}
+                  className={style(resultsGridStyle, isUnfolded ? 'mb-2xs' : '')}
                   isUnfolded={isUnfolded}
                 >
                   {renderBlocksList(hiddenBlocks, { ...rest.options, parent: block })}

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

@@ -29,14 +29,14 @@ export const renderFiltrationForm = ({
   resetButton,
   children,
 }: RenderFiltrationFormProps) => (
-  <form className="flex justify-between bg-white p-9 mb-1">
-    <div className="flex gap-11">
+  <form className="flex justify-between bg-white p-4xl mb-2xs">
+    <div className="flex gap-5xl">
       {children}
       {Object.entries(filtrationSchema).map(renderFormItem(field))}
     </div>
     {resetButton ? (
       <div>
-        <Button className="w-72 ml-3" onClick={reset} {...resetButton} />
+        <Button className="w-72 ml-s" onClick={reset} {...resetButton} />
       </div>
     ) : null}
   </form>
@@ -63,7 +63,7 @@ const renderCheckboxes = (key: string, field: FormFieldRegisterer<any>) => (item
   return (
     <div key={key}>
       {item?.title ? (
-        <div className="mb-4">
+        <div className="mb-m">
           <Text size="text-m" font="font-light" color="text-secondary-text">
             {item.title}
           </Text>

package/src/ui-kit/BaseTile/BaseTile.tsx

@@ -42,7 +42,7 @@ export const BaseTile = JSX<BaseTileProps>(
       )}
     >
       {title ? <div className="relative">{title}</div> : null}
-      <div className="grow relative flex flex-wrap @xl:flex-nowrap justify-between items-stretch gap-3xl">
+      <div className="grow relative flex flex-wrap @xl:flex-nowrap justify-around @xl:justify-between items-stretch gap-3xl">
         {renderImageContainer(leftImage, { imageAlign })}
         <div
           className={style(

package/src/ui-kit/BenefitsList/DefaultBenefitsList.tsx

@@ -9,19 +9,24 @@ const MAX_BENEFITS_LEN_DEVIATION = 16;
 
 const benefitLength = (_: ComplexBenefitContent) =>
   _.type === 'rte'
-    ? _.__html?.length || 0
-    : Math.max(_.label?.length || 0, _.description?.length || 0);
+    ? _?.__html?.length || 0
+    : Math.max(_?.label?.length || 0, _?.description?.length || 0);
 
 const isDistortedBenefits = (benefits: ComplexBenefitContent[]) =>
   deviation(benefits.map(benefitLength)) > MAX_BENEFITS_LEN_DEVIATION;
 
+const hasIcon = (_: ComplexBenefitContent) =>
+  _ && 'icon' in _ && _.icon && (_.icon.icon || _.icon.src);
+
+const isTextualBenefits = (benefits: ComplexBenefitContent[]) => !benefits.some(hasIcon);
+
 export const DefaultBenefitsList = JSX<BenefitsListProps>(
   ({ className, benefitsVersion = 'normal', benefits }) =>
     benefits?.length ? (
       <div
         className={style(
           'flex gap-x-m gap-y-s',
-          isDistortedBenefits(benefits) ? 'flex-col' : 'flex-wrap',
+          isDistortedBenefits(benefits) || isTextualBenefits(benefits) ? 'flex-col' : 'flex-wrap',
           className,
         )}
       >

package/src/ui-kit/InputRange/InputRangeProps.ts

@@ -9,4 +9,5 @@ export interface InputRangeProps extends ListContent, InputProps<number> {
   step?: number;
   title?: string;
   disabled?: boolean;
+  onChange?: (value: number) => void;
 }

package/src/ui-kit/ListControlProps.ts

@@ -0,0 +1,5 @@
+import type { ControlProps } from './ControlProps';
+
+export interface ListControlProps<T> extends ControlProps<T> {
+  items: T[];
+}

package/src/ui-kit/RadioButtonGroup/RadioButtonGroup.tsx

@@ -1,6 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { ListOrientation } from '../../model/ListOrientation';
 import { Checkbox } from '../Checkbox/Checkbox';
+import { style } from '../../utils/style';
 
 export interface RadioButtonItem {
   id: string;
@@ -10,6 +11,7 @@ export interface RadioButtonItem {
 interface RadioButtonGroupProps {
   items?: RadioButtonItem[];
   checkedItem?: string;
+  className?: string;
   onChange?: (id: string) => void;
   orientation?: ListOrientation;
 }
@@ -20,8 +22,14 @@ const orientationStyleMap: Record<ListOrientation, string> = {
 };
 
 export const RadioButtonGroup = JSX<RadioButtonGroupProps>(
-  ({ items, checkedItem, onChange: onChangeCheckedItem, orientation = 'horizontal' }) => (
-    <div className={`flex ${orientationStyleMap[orientation]}`}>
+  ({
+    items,
+    checkedItem,
+    className,
+    onChange: onChangeCheckedItem,
+    orientation = 'horizontal',
+  }) => (
+    <div className={style(`flex ${orientationStyleMap[orientation]}`, className)}>
       {items?.map(({ id, text }) => (
         <Checkbox
           key={String(id)}

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

@@ -0,0 +1,41 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { style } from '../../utils/style';
+import { ScrollLeftButton, ScrollRightButton } from '../Button/ArrowButton';
+import { SwipeListContainer } from '../SwipeListControl/SwipeListContainer';
+import { useSwipeListScroll } from '../SwipeListControl/useSwipeListScroll';
+import { renderTab } from './renderTab';
+import type { TabsControlProps } from './TabsControlProps';
+
+const scrollButtonStyle = 'hidden sm:flex absolute z-40 top-0';
+
+export const ScrollableTabsControl = JSX<TabsControlProps>(
+  ({ className, items = [], value, onChange, tabsType }) => {
+    const [containerRef, scroll] = useSwipeListScroll<HTMLDivElement>({
+      itemCount: items?.length || 0,
+    });
+
+    return (
+      <div className={style('relative overflow-x-auto no-scrollbar', className)} role="tablist">
+        <SwipeListContainer
+          containerRef={containerRef}
+          snapAlign="snap-start"
+          onVisibleIndicesChange={scroll.handleVisibleIndicesChange}
+        >
+          {items.map(renderTab(value, onChange, tabsType))}
+        </SwipeListContainer>
+        {scroll.canScrollLeft ? (
+          <ScrollLeftButton
+            className={style('left-6', scrollButtonStyle)}
+            onClick={scroll.scrollLeft}
+          />
+        ) : null}
+        {scroll.canScrollRight ? (
+          <ScrollRightButton
+            className={style('right-6', scrollButtonStyle)}
+            onClick={scroll.scrollRight}
+          />
+        ) : null}
+      </div>
+    );
+  },
+);

package/src/ui-kit/TabsControl/TabItem.tsx

@@ -0,0 +1,81 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useLink } from '../../hooks/useLink';
+import type { LinkProps } from '../../model/LinkProps';
+import { style } from '../../utils/style';
+import { Text } from '../Text/Text';
+import type { TabsControlProps } from './TabsControlProps';
+
+export type TabItemBase = LinkProps;
+
+export type TabType = 'default' | 'underlined' | 'rounded';
+
+export interface TabItemProps {
+  item?: TabItemBase;
+  isActive?: boolean;
+  onClick?: TabsControlProps['onChange'];
+  type?: TabType;
+}
+
+const tabPaddingStyleMap: Record<TabType, string> = {
+  default: 'px-xs',
+  underlined: 'px-m',
+  rounded: 'px-lg rounded-md',
+};
+
+const tabTextStyle = 'text-secondary-text hover:text-primary-main';
+
+const activeTabTextStyleMap: Record<TabType, string> = {
+  default: 'text-black sm:text-white',
+  underlined: 'text-primary-main border-b-2',
+  rounded: 'text-white',
+};
+
+const tabBgStyleMap: Record<TabType, string> = {
+  default: 'bg-white',
+  underlined: 'bg-white',
+  rounded: 'bg-transparent',
+};
+
+const activeTabBgStyleMap: Record<TabType, string> = {
+  default: 'sm:bg-primary-main',
+  underlined: 'bg-white',
+  rounded: 'bg-primary-main',
+};
+
+export const TabItem = JSX<TabItemProps>(({ item = {}, isActive, onClick, type = 'default' }) => {
+  const link = useLink();
+
+  const handleClick = () => {
+    onClick && onClick(item);
+  };
+
+  const { text, ...linkProps } = link({ ...item, onClick: handleClick });
+
+  const Tag = item.href ? 'a' : 'div';
+
+  return (
+    <Tag
+      className={style(
+        'h-12',
+        'block flex-1',
+        'cursor-pointer',
+        tabPaddingStyleMap[type],
+        isActive ? activeTabBgStyleMap[type] : tabBgStyleMap[type],
+      )}
+      role="tab"
+      aria-selected={isActive}
+      {...linkProps}
+    >
+      <div
+        className={style(
+          'h-full',
+          'flex justify-center items-center',
+          'text-center whitespace-nowrap',
+          isActive ? activeTabTextStyleMap[type] : tabTextStyle,
+        )}
+      >
+        <Text size="text-m">{text}</Text>
+      </div>
+    </Tag>
+  );
+});

package/src/ui-kit/TabsControl/TabsControl.fixture.tsx

@@ -0,0 +1,103 @@
+import '../../setup-fixture';
+
+import { FC, useState } from 'react';
+
+import { ScrollableTabsControl } from './ScrollableTabsControl';
+import type { TabItemBase } from './TabItem';
+import { TabsControl } from './TabsControl';
+
+const FOUR_TABS: TabItemBase[] = [
+  { text: 'Вкладка 1', href: '#test' },
+  { text: 'Вкладка 2' },
+  { text: 'Вкладка 3' },
+  { text: 'Вкладка 4' },
+];
+
+const NINE_TABS: TabItemBase[] = [
+  ...FOUR_TABS,
+  { text: 'Вкладка 5' },
+  { text: 'Вкладка 6' },
+  { text: 'Вкладка 7' },
+  { text: 'Вкладка 8' },
+  { text: 'Вкладка 9' },
+];
+
+const YEARS: TabItemBase[] = [
+  { text: '2021' },
+  { text: '2020' },
+  { text: '2019' },
+  { text: '2018' },
+  { text: '2017' },
+  { text: '2016' },
+  { text: '2015' },
+  { text: '2014' },
+  { text: '2013' },
+];
+
+const Container: FC = ({ children }) => (
+  <div className="container grid grid-cols-12">{children}</div>
+);
+
+const ComponentWithTabs = ({ tabs }: { tabs: TabItemBase[] }) => {
+  const [activeTab, setActiveTab] = useState<TabItemBase>(tabs[0]);
+
+  return (
+    <section className="col-span-12 text-primary-text">
+      <TabsControl items={tabs} value={activeTab} onChange={setActiveTab} />
+    </section>
+  );
+};
+
+const ComponentWithScrollableTabs = ({ tabs }: { tabs: TabItemBase[] }) => {
+  const [activeTab, setActiveTab] = useState<TabItemBase | undefined>(tabs[0]);
+
+  return (
+    <section className="col-span-12 text-primary-text bg-white w-full">
+      <div className="flex">
+        <ScrollableTabsControl
+          className="m-auto"
+          tabsType="underlined"
+          items={tabs}
+          value={activeTab}
+          onChange={setActiveTab}
+        />
+      </div>
+    </section>
+  );
+};
+
+const ComponentWithRoundedTabs = ({ tabs }: { tabs: TabItemBase[] }) => {
+  const [activeTab, setActiveTab] = useState<TabItemBase | undefined>(tabs[0]);
+
+  return (
+    <section className="col-span-12 text-primary-text bg-white">
+      <div className="flex">
+        <TabsControl
+          className="m-auto p-2xs rounded-md bg-main-gray gap-x-0"
+          tabsType="rounded"
+          items={tabs}
+          value={activeTab}
+          onChange={setActiveTab}
+        />
+      </div>
+    </section>
+  );
+};
+
+export default {
+  default: (
+    <Container>
+      <ComponentWithTabs tabs={FOUR_TABS} />
+    </Container>
+  ),
+  scrollable: (
+    <Container>
+      <ComponentWithScrollableTabs tabs={NINE_TABS} />
+    </Container>
+  ),
+  rounded: (
+    <Container>
+      <ComponentWithRoundedTabs tabs={YEARS} />
+    </Container>
+  ),
+};

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

@@ -0,0 +1,12 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { style } from '../../utils/style';
+import { renderTab } from './renderTab';
+import type { TabsControlProps } from './TabsControlProps';
+
+export const TabsControl = JSX<TabsControlProps>(
+  ({ className, tabsType = 'default', items = [], value, onChange }) => (
+    <div className={style('flex gap-x-2xs overflow-x-auto no-scrollbar', className)} role="tablist">
+      {items.map(renderTab(value, onChange, tabsType))}
+    </div>
+  ),
+);

package/src/ui-kit/TabsControl/TabsControlProps.ts

@@ -0,0 +1,7 @@
+import type { ListControlProps } from '../ListControlProps';
+import type { TabItemBase, TabType } from './TabItem';
+
+export interface TabsControlProps extends ListControlProps<TabItemBase> {
+  className?: string;
+  tabsType?: TabType;
+}

package/src/ui-kit/TabsControl/renderTab.tsx

@@ -0,0 +1,15 @@
+import { TabItem, TabItemBase, TabType } from './TabItem';
+import type { TabsControlProps } from './TabsControlProps';
+
+export const renderTab =
+  (activeTab?: TabItemBase, onClick?: TabsControlProps['onChange'], type?: TabType) =>
+  (tab: TabItemBase, i: number) =>
+    (
+      <TabItem
+        isActive={tab === activeTab}
+        onClick={onClick}
+        type={type}
+        key={String(i)}
+        item={tab}
+      />
+    );

package/src/utils/BoolComparator.ts

@@ -0,0 +1,47 @@
+import type { Comparator } from './Comparator';
+
+type BoolComparator<T> = (a: T, b: T) => boolean;
+
+export const toBoolComparator =
+  <T>(cmp: Comparator<T>): BoolComparator<T> =>
+  (a: T, b: T) =>
+    cmp(a, b) === 0;
+
+export const scalarCmp = <T>(a: T, b: T) => a === b;
+
+export const arrCmp =
+  <T>(cmp: BoolComparator<T> = scalarCmp) =>
+  (a: T[] | null | undefined, b: T[] | null | undefined) =>
+    a === b || Boolean(a && b && a.length === b.length && a.every((_, i) => cmp(_, b[i])));
+
+export const objCmp =
+  <T>(cmp: BoolComparator<T>) =>
+  (a: Record<string, T> | null | undefined, b: Record<string, T> | null | undefined) =>
+    a === b ||
+    Boolean(
+      a &&
+        b &&
+        Object.keys(a).length === Object.keys(b).length &&
+        Object.entries(a).every(([key, value]) => cmp(value, b[key])),
+    );
+
+export function combineBoolCmps<A>(comp: BoolComparator<A>): BoolComparator<A>;
+export function combineBoolCmps<A, B>(
+  comp1: BoolComparator<A>,
+  comp2: BoolComparator<B>,
+): BoolComparator<A | B>;
+export function combineBoolCmps<A, B, C>(
+  comp1: BoolComparator<A>,
+  comp2: BoolComparator<B>,
+  comp3: BoolComparator<C>,
+): BoolComparator<A | B | C>;
+export function combineBoolCmps<A, B, C, D>(
+  comp1: BoolComparator<A>,
+  comp2: BoolComparator<B>,
+  comp3: BoolComparator<C>,
+  comp4: BoolComparator<D>,
+): BoolComparator<A | B | C | D>;
+
+export function combineBoolCmps(...comparators: BoolComparator<any>[]) {
+  return (a: any, b: any) => comparators.some((cmp) => cmp(a, b));
+}

package/bundle/components/CarouselProgramsCard/programCardStyles.d.ts

@@ -1,2 +0,0 @@
-export declare const cardTitleFont = "font-normal";
-export declare const cardDescriptionColor = "text-secondary-text";

package/bundle/components/CarouselProgramsCard/programCardStyles.mobile.d.ts

@@ -1,2 +0,0 @@
-export declare const cardTitleFont = "font-light";
-export declare const cardDescriptionColor = "";

package/bundle/components/Tabs/CenteredTabs.d.ts

@@ -1,7 +0,0 @@
-import type { RenderTabProps } from './renderTab';
-import type { TabData } from './TabsContent';
-interface CenteredTabsProps extends RenderTabProps {
-    tabs?: TabData[];
-}
-export declare const CenteredTabs: import("@redneckz/uni-jsx").UNIComponent<CenteredTabsProps, any, any>;
-export {};

package/bundle/components/Tabs/LinkTab.d.ts

@@ -1,9 +0,0 @@
-import type { LinkTabData, TabData, TabsMode } from './TabsContent';
-interface LinkTabProps {
-    tab: LinkTabData;
-    currentTab?: TabData;
-    onClick: (tab: TabData) => void;
-    tabsMode?: TabsMode;
-}
-export declare const LinkTab: import("@redneckz/uni-jsx").UNIComponent<LinkTabProps, any, any>;
-export {};

package/bundle/components/Tabs/ScrollableTabs.d.ts

@@ -1,8 +0,0 @@
-import type { RenderTabProps } from './renderTab';
-import type { TabData } from './TabsContent';
-interface ScrollableTabsProps extends RenderTabProps {
-    tabs?: TabData[];
-}
-export declare type IsScrollButtonsShown = boolean[];
-export declare const ScrollableTabs: import("@redneckz/uni-jsx").UNIComponent<ScrollableTabsProps, any, any>;
-export {};

package/bundle/components/Tabs/renderGroupTab.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import type { RenderTabProps } from './renderTab';
-import type { GroupTabData } from './TabsContent';
-export declare const renderGroupTab: ({ page, currentTab, showCounter, onClick, tabsMode }: RenderTabProps) => (tab: GroupTabData, i: number) => JSX.Element;

package/bundle/components/Tabs/renderTab.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import type { ContentPageDef } from '../../model/ContentPageDef';
-import type { TabData, TabsMode } from './TabsContent';
-export interface RenderTabProps {
-    page?: ContentPageDef;
-    currentTab?: TabData;
-    showCounter?: boolean;
-    onClick: (tab: TabData) => void;
-    tabsMode?: TabsMode;
-}
-export declare const renderTab: ({ page, showCounter, ...rest }: RenderTabProps) => (tab: TabData, i: number) => JSX.Element | null;

package/bundle/components/Tabs/tabItemClasses.d.ts

@@ -1,11 +0,0 @@
-import type { TabsMode } from './TabsContent';
-export declare const LINK_CLASSES = "h-12 flex-1 flex items-center justify-center cursor-pointer";
-export declare const ACTIVE_LINK_CLASSES = "bg-primary-main";
-export declare const INACTIVE_LINK_CLASSES = "group/btn bg-white";
-export declare const SCROLLABLE_ACTIVE_LINK_CLASSES = "bg-white text-primary-main";
-export declare const WIDESCREEN_ACTIVE_LINK_CLASSES = "bg-primary-main text-white";
-export declare const TEXT_CLASSES = "font-sans text-m text-center";
-export declare const ACTIVE_TEXT_CLASSES = "text-white";
-export declare const INACTIVE_TEXT_CLASSES = "text-secondary-text sm:group-hover/btn:text-primary-main";
-export declare const WHITE_ACTIVE_TEXT_CLASSES = "text-primary-main";
-export declare const getTabClassName: (type: string, active: boolean, tabsMode?: TabsMode) => string;

package/bundle/ui-kit/BaseTile/getTileRightPadding.d.ts

@@ -1 +0,0 @@
-export declare function getTileRightPadding(className?: string): "pr-9" | "pr-[4.75rem]" | "pr-[9.4rem]";

package/dist/components/CarouselProgramsCard/programCardStyles.d.ts

@@ -1,2 +0,0 @@
-export declare const cardTitleFont = "font-normal";
-export declare const cardDescriptionColor = "text-secondary-text";

package/dist/components/CarouselProgramsCard/programCardStyles.js

@@ -1,5 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.cardDescriptionColor = exports.cardTitleFont = void 0;
-exports.cardTitleFont = 'font-normal';
-exports.cardDescriptionColor = 'text-secondary-text';
-//# sourceMappingURL=programCardStyles.js.map

package/dist/components/CarouselProgramsCard/programCardStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"programCardStyles.js","sourceRoot":"","sources":["../../../src/components/CarouselProgramsCard/programCardStyles.ts"],"names":[],"mappings":";;AAAa,QAAA,aAAa,GAAG,aAAa,CAAC;AAC9B,QAAA,oBAAoB,GAAG,qBAAqB,CAAC"}

package/dist/components/CarouselProgramsCard/programCardStyles.mobile.d.ts

@@ -1,2 +0,0 @@
-export declare const cardTitleFont = "font-light";
-export declare const cardDescriptionColor = "";

package/dist/components/CarouselProgramsCard/programCardStyles.mobile.js

@@ -1,5 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.cardDescriptionColor = exports.cardTitleFont = void 0;
-exports.cardTitleFont = 'font-light';
-exports.cardDescriptionColor = '';
-//# sourceMappingURL=programCardStyles.mobile.js.map

package/dist/components/CarouselProgramsCard/programCardStyles.mobile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"programCardStyles.mobile.js","sourceRoot":"","sources":["../../../src/components/CarouselProgramsCard/programCardStyles.mobile.ts"],"names":[],"mappings":";;AAAa,QAAA,aAAa,GAAG,YAAY,CAAC;AAC7B,QAAA,oBAAoB,GAAG,EAAE,CAAC"}

package/dist/components/Tabs/CenteredTabs.d.ts

@@ -1,7 +0,0 @@
-import type { RenderTabProps } from './renderTab';
-import type { TabData } from './TabsContent';
-interface CenteredTabsProps extends RenderTabProps {
-    tabs?: TabData[];
-}
-export declare const CenteredTabs: import("@redneckz/uni-jsx").UNIComponent<CenteredTabsProps, any, any>;
-export {};

package/dist/components/Tabs/CenteredTabs.js

@@ -1,7 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CenteredTabs = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const renderTab_1 = require("./renderTab");
-exports.CenteredTabs = (0, uni_jsx_1.JSX)(({ tabs, ...rest }) => ((0, jsx_runtime_1.jsx)("div", { className: "flex p-1 m-auto bg-main-gray rounded-md", children: tabs?.map((0, renderTab_1.renderTab)({ ...rest })) })));
-//# sourceMappingURL=CenteredTabs.js.map

package/dist/components/Tabs/CenteredTabs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CenteredTabs.js","sourceRoot":"","sources":["../../../src/components/Tabs/CenteredTabs.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,2CAAwC;AAO3B,QAAA,YAAY,GAAG,IAAA,aAAG,EAAoB,CAAC,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,CACxE,gCAAK,SAAS,EAAC,yCAAyC,YAAE,IAAI,EAAE,GAAG,CAAC,IAAA,qBAAS,EAAC,EAAE,GAAG,IAAI,EAAE,CAAC,CAAC,GAAO,CACnG,CAAC,CAAC"}

package/dist/components/Tabs/LinkTab.d.ts

@@ -1,9 +0,0 @@
-import type { LinkTabData, TabData, TabsMode } from './TabsContent';
-interface LinkTabProps {
-    tab: LinkTabData;
-    currentTab?: TabData;
-    onClick: (tab: TabData) => void;
-    tabsMode?: TabsMode;
-}
-export declare const LinkTab: import("@redneckz/uni-jsx").UNIComponent<LinkTabProps, any, any>;
-export {};

package/dist/components/Tabs/LinkTab.js

@@ -1,19 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LinkTab = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const useLink_1 = require("../../hooks/useLink");
-const style_1 = require("../../utils/style");
-const tabItemClasses_1 = require("./tabItemClasses");
-exports.LinkTab = (0, uni_jsx_1.JSX)((props) => {
-    const { tab, currentTab, onClick, tabsMode } = props;
-    const active = currentTab?.type === 'link' && currentTab.href === tab.href;
-    const link = (0, useLink_1.useLink)();
-    const adjustedProps = link(tab);
-    const handleClick = (ev) => {
-        adjustedProps.onClick(ev);
-        onClick(tab);
-    };
-    return ((0, jsx_runtime_1.jsx)("div", { className: (0, tabItemClasses_1.getTabClassName)('block', active, tabsMode), role: "tab", "aria-selected": active, onClick: () => onClick(tab), children: (0, jsx_runtime_1.jsx)("a", { role: "tab", className: (0, style_1.style)('flex flex-1 items-center justify-center h-full', (0, tabItemClasses_1.getTabClassName)('text', active, tabsMode)), target: tab.target, href: adjustedProps.href, onClick: handleClick, children: (0, jsx_runtime_1.jsx)("span", { children: tab.text }) }) }));
-});
-//# sourceMappingURL=LinkTab.js.map

package/dist/components/Tabs/LinkTab.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LinkTab.js","sourceRoot":"","sources":["../../../src/components/Tabs/LinkTab.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,iDAA8C;AAC9C,6CAA0C;AAC1C,qDAAmD;AAUtC,QAAA,OAAO,GAAG,IAAA,aAAG,EAAe,CAAC,KAAK,EAAE,EAAE;IACjD,MAAM,EAAE,GAAG,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACrD,MAAM,MAAM,GAAG,UAAU,EAAE,IAAI,KAAK,MAAM,IAAI,UAAU,CAAC,IAAI,KAAK,GAAG,CAAC,IAAI,CAAC;IAE3E,MAAM,IAAI,GAAG,IAAA,iBAAO,GAAE,CAAC;IACvB,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;IAEhC,MAAM,WAAW,GAAG,CAAC,EAAmC,EAAE,EAAE;QAC1D,aAAa,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAC1B,OAAO,CAAC,GAAG,CAAC,CAAC;IACf,CAAC,CAAC;IAEF,OAAO,CACL,gCACE,SAAS,EAAE,IAAA,gCAAe,EAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,EACrD,IAAI,EAAC,KAAK,mBACK,MAAM,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,YAE3B,8BACE,IAAI,EAAC,KAAK,EACV,SAAS,EAAE,IAAA,aAAK,EACd,gDAAgD,EAChD,IAAA,gCAAe,EAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,CAC1C,EACD,MAAM,EAAE,GAAG,CAAC,MAAM,EAClB,IAAI,EAAE,aAAa,CAAC,IAAI,EACxB,OAAO,EAAE,WAAW,YAEpB,2CAAO,GAAG,CAAC,IAAI,GAAQ,GACrB,GACA,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/Tabs/ScrollableTabs.d.ts

@@ -1,8 +0,0 @@
-import type { RenderTabProps } from './renderTab';
-import type { TabData } from './TabsContent';
-interface ScrollableTabsProps extends RenderTabProps {
-    tabs?: TabData[];
-}
-export declare type IsScrollButtonsShown = boolean[];
-export declare const ScrollableTabs: import("@redneckz/uni-jsx").UNIComponent<ScrollableTabsProps, any, any>;
-export {};