@redneckz/wildless-cms-uni-blocks 0.5.11 → 0.5.12

package/src/ui-kit/InnerTable/InnerTableBodyItem.tsx

@@ -46,15 +46,24 @@ const renderRow = (activeColumnIndex: number) => (rowData: RowsData[], rowIdx: n
     0,
   );
 
+  const columnsClassName = [
+    'flex duration-1000 text-center',
+    rowIdx !== 0 ? 'font-normal' : 'font-light',
+  ].join(' ');
+
   return (
     <div
       key={String(rowIdx)}
       className="flex border-main-divider border border-t-0 border-x-0 border-solid"
     >
-      <div className="text-xl-light min-w-[214px] w-[214px] pt-6 pb-5">{headerColumn.data}</div>
+      {headerColumn?.data ? (
+        <div className={`text-xl-light w-[214px] pb-5 ${rowIdx === 0 ? 'pt-8' : 'pt-6'}`}>
+          {headerColumn.data}
+        </div>
+      ) : null}
       <div className="flex flex-grow overflow-hidden">
         <div
-          className="flex duration-1000 text-center"
+          className={columnsClassName}
           style={{
             transform: `translateX(-${transform}px)`,
           }}
@@ -75,10 +84,10 @@ const renderRow = (activeColumnIndex: number) => (rowData: RowsData[], rowIdx: n
 };
 
 const renderCols = (cols: string[], rowIndex: number) =>
-  cols ? (
-    <div className={`flex text-xl-light ${rowIndex === 0 ? 'text-secondary-text' : ''}`}>
+  cols?.length > 0 ? (
+    <div className={`flex ${rowIndex} ${rowIndex === 0 ? 'text-secondary-text' : ''} last:mr-3`}>
       {cols.map((data, i) => (
-        <div key={String(i)} className="w-[76px] mx-8">
+        <div key={String(i)} className={`w-[76px] text-h6 mr-5 first:ml-8`}>
           {data}
         </div>
       ))}

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

@@ -19,7 +19,7 @@ export const TableInnerButton = JSX<TableInnerButtonProps>(
       <Button
         version="primary"
         onClick={handleClick}
-        className="w-full flex items-center justify-center rounded-none py-5 "
+        className="w-full flex items-center justify-center rounded-none py-5"
       >
         <div className="text-h4">{isOpen ? 'Скрыть' : 'Показать ставки по вкладу'}</div>
         <Icon

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

@@ -13,7 +13,7 @@ export const InnerTableHeader = JSX<InnerTableHeaderProps>(
   ({ currencies, linkToPDF, activeTabIndex, setActiveTabIndex }) => (
     <div className="flex justify-between w-full pt-2.5 pb-3">
       {currencies && currencies.length > 1 ? (
-        <div className="flex bg-secondary-light p-1 rounded-md">
+        <div className="flex bg-secondary-light p-1.5 rounded-md">
           {currencies.map((currency, idx) => (
             <div
               key={currency}
@@ -31,9 +31,10 @@ export const InnerTableHeader = JSX<InnerTableHeaderProps>(
         <Button
           href={linkToPDF}
           version="secondary"
-          className="flex justify-center items-center text-l-light text-primary-main px-8"
+          className="flex justify-center items-center text-l-light text-primary-main px-8 max-h-14"
+          target="_blank"
         >
-          <Img image="DocDownloadIcon" className="mr-[10px]" width="24" height="24" asSVG />
+          <Img image="DocDownloadIcon" className="mr-2.5" width="20" height="20" asSVG />
           <span>Скачать в PDF</span>
         </Button>
       ) : null}

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

@@ -11,8 +11,10 @@ export const Input = JSX<InputProps>(
     type = 'text',
     label,
     value = '',
+    valid = true,
     children,
     onChange,
+    onBlur,
     ...inputProps
   }) => {
     const handleChange = useCallback(
@@ -23,19 +25,33 @@ export const Input = JSX<InputProps>(
       [onChange],
     );
 
+    const handleBlur = useCallback(
+      (e) => {
+        if (!onBlur) {
+          return;
+        }
+        const validInputValue = e.target.validity.valid ? (e.target.value as string) : value;
+        onBlur(validInputValue);
+      },
+      [onBlur],
+    );
+
     const paddingStyle = children ? 'pr-8' : '';
+    const validStyle = valid
+      ? 'border-main-stroke hover:border-primary-hover active:border-primary-text focus:border-primary-text'
+      : 'border-error';
 
     return (
       <div className={`relative ${className}`}>
         {label ? <label className="block text-m-light mb-2">{label}</label> : null}
         <input
-          className={`w-full border rounded-md border-main-stroke hover:border-primary-hover active:border-primary-text
-          focus:border-primary-text text-primary-text outline-none p-4 ${paddingStyle} ${inputClassName}`}
+          className={`w-full border rounded-md text-primary-text outline-none p-4 ${paddingStyle} ${validStyle} ${inputClassName}`}
           id={id}
           name={name || id}
           type={type}
           value={value}
           onChange={handleChange}
+          onBlur={handleBlur}
           {...inputProps}
         />
         {children}

package/src/ui-kit/Input/InputProps.ts

@@ -12,4 +12,6 @@ export type InputProps = LabelProps & {
   pattern?: string;
   value?: string;
   onChange: (value: string) => void;
+  onBlur?: (value: string) => void;
+  valid?: boolean;
 };

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

@@ -1,6 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { addSpacesBetweenNumbers } from '../../utils/addSpacesBetweenNumbers';
 import { clamp } from '../../utils/clamp';
+import { getSanitizedValue } from '../../utils/getSanitizedValue';
 import type { InputRangeProps } from './InputRangeProps';
 
 const DISABLED_INPUT_CLASSES = 'disabled:border-main-stroke disabled:bg-main-divider';
@@ -17,14 +18,12 @@ export const InputRange = JSX<InputRangeProps>(
     disabled = false,
     onChange,
   }) => {
-    const getSanitizedValue = (_: string) => Number(_.replace(/\D/g, ''));
-
     const handleChange = (e) => {
       if (!onChange) {
         return;
       }
 
-      onChange(clamp(getSanitizedValue(e.target.value as string), min, max));
+      onChange(clamp(Number(getSanitizedValue(e.target.value as string)), min, max));
     };
 
     const inputStyle = {

package/src/ui-kit/IntersectionObserverTag.tsx

@@ -0,0 +1,49 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useCallback, useRef } from '@redneckz/uni-jsx/lib/hooks';
+import type { VNode } from '../model/VNode';
+
+interface IntersectionObserverTagProps {
+  tag: keyof HTMLElementTagNameMap;
+  className?: string;
+  anchor?: string;
+  children?: VNode;
+  observerCallback: IntersectionObserverCallback;
+  observerOptions?: IntersectionObserverInit;
+}
+
+export const IntersectionObserverTag = JSX<IntersectionObserverTagProps>((props) => {
+  const {
+    tag = 'section',
+    observerCallback,
+    observerOptions,
+    className = '',
+    anchor = null,
+    children,
+  } = props;
+
+  const intersectionObserver = useRef<IntersectionObserver | null>(null);
+
+  const ref = useCallback(
+    (element: HTMLElement | null) => {
+      if (!element) {
+        return;
+      }
+
+      if (intersectionObserver.current) {
+        intersectionObserver.current.disconnect();
+      }
+
+      intersectionObserver.current = new IntersectionObserver(observerCallback, observerOptions);
+      intersectionObserver.current.observe(element);
+    },
+    [observerCallback, observerOptions],
+  );
+
+  const Tag = tag as any;
+
+  return (
+    <Tag ref={ref} className={className} id={anchor}>
+      {children}
+    </Tag>
+  );
+});

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

@@ -6,7 +6,7 @@ const items = ['List Item #1', 'List Item #2', 'List Item #3', 'List Item #4'];
 export default {
   'primary dotted (default)': (
     <div className="bg-white p-12">
-      <List items={items} />
+      <List items={items} listItemSize="L" />
     </div>
   ),
   'primary w/o dots': (
@@ -34,24 +34,4 @@ export default {
       <List items={items} version="gray" isDotted={false} />
     </div>
   ),
-  'tile dotted': (
-    <div className="bg-white p-12">
-      <List items={items} version="tile" />
-    </div>
-  ),
-  'tile w/o dots': (
-    <div className="bg-white p-12">
-      <List items={items} version="tile" isDotted={false} />
-    </div>
-  ),
-  'tile white dotted': (
-    <div className="bg-primary-main p-12">
-      <List items={items} version="tile-white" />
-    </div>
-  ),
-  'tile white w/o dots': (
-    <div className="bg-primary-main p-12">
-      <List items={items} version="tile-white" isDotted={false} />
-    </div>
-  ),
 };

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

@@ -6,42 +6,53 @@ const TEXT_STYLE_MAP: Record<ListItemVersion, string> = {
   primary: 'text-primary-text',
   secondary: 'text-white',
   gray: 'text-secondary-text',
-  tile: 'text-primary-text',
-  'tile-white': 'text-white',
 };
 
 const TEXT_SIZE_MAP: Record<ListItemSize, string> = {
-  M: 'text-xl-light',
-  L: 'text-h5-light',
+  S: 'text-l-light',
+  M: 'text-h6',
+  L: 'text-h5',
+};
+
+const ITEM_INDENT_MAP = {
+  S: 'ml-2',
+  M: 'ml-3',
+  L: 'ml-4',
 };
 
 export const List = JSX<ListProps>((props) => {
   const {
     className = '',
-    itemClassName,
+    hasIndent,
     isDotted,
+    itemClassName = '',
     items,
     listItemSize = 'M',
     version = 'primary',
   } = props;
 
+  if (!items?.length) {
+    return null;
+  }
+
   return (
     <section
-      className={`${TEXT_STYLE_MAP[version]} ${TEXT_SIZE_MAP[listItemSize]} ${className}`}
+      className={`${TEXT_STYLE_MAP[version]} ${TEXT_SIZE_MAP[listItemSize]} ${className} ${
+        hasIndent ? ITEM_INDENT_MAP[listItemSize] : ''
+      }`}
       role="list"
     >
-      {items?.length
-        ? items.map((_, i) => (
-            <ListItem
-              key={String(i)}
-              className={itemClassName}
-              isDotted={isDotted}
-              version={version}
-            >
-              {_}
-            </ListItem>
-          ))
-        : null}
+      {items.map((item, i) => (
+        <ListItem
+          key={String(i)}
+          className={`${itemClassName} mb-1.5`}
+          isDotted={isDotted}
+          version={version}
+          size={listItemSize}
+        >
+          {item}
+        </ListItem>
+      ))}
     </section>
   );
 });

package/src/ui-kit/List/ListItem.tsx

@@ -1,6 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { ListItemVersion } from './ListProps';
-
+import type { ListItemSize, ListItemVersion } from './ListProps';
 /**
  * @title Параметры элемента списка
  */
@@ -9,43 +8,32 @@ export interface ListItemProps {
   version?: ListItemVersion;
   text?: string;
   isDotted?: boolean;
+  size?: ListItemSize;
 }
 
-const LIST_STYLE_CLASSES = {
-  primary: 'rounded-full inline-block mr-3 mt-2',
-  secondary: 'rounded-full inline-block mr-3 mt-2',
-  gray: 'rounded-full inline-block mr-3 mt-2',
-  tile: 'rounded-full inline-block mr-4 mt-3',
-  'tile-white': 'rounded-full inline-block mr-4 mt-3',
-};
-
 const LIST_DOT_STYLE_MAP: Record<ListItemVersion, string> = {
   primary: 'bg-primary-text',
   secondary: 'bg-white',
   gray: 'bg-secondary-text',
-  tile: 'bg-black',
-  'tile-white': 'bg-white',
+};
+
+const DOT_SIZE_MAP = {
+  L: 'w-1.5 h-1.5 min-w-1.5 min-h-1.5 mr-4 mt-3',
+  M: 'w-1.5 h-1.5 min-w-1.5 min-h-1.5 mr-3 mt-3',
+  S: 'w-1 h-1 min-w-1 min-h-1 mr-2 mt-2.5',
 };
 
 export const ListItem = JSX<ListItemProps>(
-  ({ className = '', isDotted = true, children, version = 'primary' }) => {
+  ({ className = '', isDotted = true, children, version = 'primary', size = 'M' }) => {
     return (
       <div className={`font-sans flex items-start ${className}`} role="listitem">
-        {isDotted ? <div className={getListStyle(version)} /> : null}
+        {isDotted ? (
+          <div
+            className={`rounded-full inline-block ${LIST_DOT_STYLE_MAP[version]} ${DOT_SIZE_MAP[size]}`}
+          />
+        ) : null}
         <span>{children}</span>
       </div>
     );
   },
 );
-
-export const getListStyle = (version: ListItemVersion) => {
-  const size = {
-    primary: 'w-2 h-2 min-w-2 min-h-2',
-    secondary: 'w-2 h-2 min-w-2 min-h-2',
-    gray: 'w-1.5 h-1.5 min-w-1.5 min-h-1.5',
-    tile: 'w-[7px] h-[7px] min-w-[7px] min-h-[7px]',
-    'tile-white': 'w-[7px] h-[7px] min-w-[7px] min-h-[7px]',
-  };
-
-  return `${LIST_STYLE_CLASSES[version]} ${LIST_DOT_STYLE_MAP[version]} ${size[version]}`;
-};

package/src/ui-kit/List/ListProps.ts

@@ -2,15 +2,15 @@ import type { ListContent } from './ListContent';
 
 /**
  * @title Размер пунктов списка
- * @enumNames ["Средний", "Большой"]
+ * @enumNames ["Маленький", "Средний", "Большой"]
  */
-export type ListItemSize = 'M' | 'L';
+export type ListItemSize = 'S' | 'M' | 'L';
 
 /**
  * @title Версия списка
  * @enumNames ["Основной", "Второстепенный", "Серый"]
  */
-export type ListItemVersion = 'primary' | 'secondary' | 'gray' | 'tile' | 'tile-white';
+export type ListItemVersion = 'primary' | 'secondary' | 'gray';
 
 /**
  * @title Содержимое списка
@@ -18,6 +18,8 @@ export type ListItemVersion = 'primary' | 'secondary' | 'gray' | 'tile' | 'tile-
 export interface ListProps extends ListContent {
   /** @hidden */
   className?: string;
+  /** @title Отступ */
+  hasIndent?: boolean;
   /** @hidden */
   itemClassName?: string;
   /** @title Буллиты */

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

@@ -5,8 +5,9 @@ export const Radio = JSX<RadioProps>(({ name, text, value, checked, onChange, cl
   <div className={className}>
     <label className="flex items-center relative cursor-pointer">
       <input
-        className="appearance-none flex justify-center items-center shrink-0 w-5 h-5 border-2 border-primary-main
-        rounded-full cursor-pointer after:block after:w-2.5 after:h-2.5 after:rounded-full checked:after:bg-primary-main"
+        className="appearance-none flex justify-center items-center shrink-0 w-5 h-5 border border-gray hover:border-checkbox-hover
+        checked:border-2 checked:!border-primary-main focus:checked:border-primary-main focus:border-primary-text active:border-primary-text
+        after:block after:w-2.5 after:h-2.5 after:rounded-full checked:after:bg-primary-main outline-none rounded-full cursor-pointer"
         type="radio"
         value={value}
         name={name}

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

@@ -1,6 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { Icon } from '../Icon/Icon';
-import { useState, useEffect } from '@redneckz/uni-jsx/lib/hooks';
+import { useState, useEffect, useRef } from '@redneckz/uni-jsx/lib/hooks';
+import { useOutsideClick } from '../../hooks/useOutsideClick';
 
 export interface OptionProps {
   key: string;
@@ -22,6 +23,10 @@ export const Select = JSX<SelectProps>(
     const [selectedItem, setSelectedItem] = useState(options[0] || { key: '', text: '' });
     const [isOpen, setIsOpen] = useState(false);
 
+    const wrapperRef = useRef<HTMLInputElement | null>(null);
+
+    useOutsideClick(wrapperRef, setIsOpen);
+
     const choiceOption = (option: OptionProps) => {
       setSelectedItem(option);
       setIsOpen(false);
@@ -35,11 +40,11 @@ export const Select = JSX<SelectProps>(
     }, [value]);
 
     return (
-      <div className={`${className}`}>
+      <div className={`${className}`} ref={wrapperRef}>
         {label ? <span className="mb-2 flex">{label}</span> : null}
         <div className={`relative ${isOpen ? 'z-20' : 'z-10'}`}>
           <div
-            className={`text-m-light flex justify-between items-center mb-0.5 text-primary-text cursor-pointer
+            className={`text-l flex justify-between items-center mb-0.5 text-primary-text cursor-pointer
             ${getBorderStyle(isBorder)}`}
             onClick={() => setIsOpen(!isOpen)}
           >

package/src/utils/getSanitizedValue.ts

@@ -0,0 +1 @@
+export const getSanitizedValue = (_: string): string => _.split(/\s+/).join('');

package/tailwind.config.cjs

@@ -53,7 +53,6 @@ module.exports = {
 
         'title-extra': ['15.625rem', '14.687rem'], // 250px 235px
         'title-huge': ['12.5rem', '15.625rem'], // 200px 250px
-        'title-error': ['76.75rem', '107rem'], // 307px 428px
         h0: [
           '3.5rem',
           {
@@ -218,6 +217,7 @@ module.exports = {
           text: 'rgba(125, 126, 127, <alpha-value>)',
         },
         gray: 'rgba(201, 202, 204, <alpha-value>)',
+        error: 'rgba(242, 48, 48, <alpha-value>)',
       },
       minHeight: (theme) => ({
         ...theme('spacing'),

package/dist/components/Accordion/AccordionItemInner.d.ts

@@ -1,2 +0,0 @@
-import type { AccordionItemProps } from './AccordionItem';
-export declare const AccordionItemInner: import("@redneckz/uni-jsx").UNIComponent<AccordionItemProps, any, any>;

package/dist/components/Accordion/AccordionItemInner.js

@@ -1,9 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AccordionItemInner = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const renderBlocksList_1 = require("../../ui-kit/BlocksList/renderBlocksList");
-exports.AccordionItemInner = (0, uni_jsx_1.JSX)(({ blocks, context }) => {
-    return ((0, jsx_runtime_1.jsx)("div", { className: "grid grid-cols-12 transition-all duration-300 max-h-0 overflow-hidden", children: (0, renderBlocksList_1.renderBlocksList)({ context, blocks, className: '!p-0 mb-3.5' }) }));
-});
-//# sourceMappingURL=AccordionItemInner.js.map

package/dist/components/Accordion/AccordionItemInner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionItemInner.js","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionItemInner.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,+EAA4E;AAG/D,QAAA,kBAAkB,GAAG,IAAA,aAAG,EAAqB,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;IAChF,OAAO,CACL,gCAAK,SAAS,EAAC,uEAAuE,YACnF,IAAA,mCAAgB,EAAC,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC,GAC5D,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/Accordion/AccordionItemInner.mobile.d.ts

@@ -1,2 +0,0 @@
-import type { AccordionItemProps } from './AccordionItem';
-export declare const AccordionItemInner: import("@redneckz/uni-jsx").UNIComponent<AccordionItemProps, any, any>;

package/dist/components/Accordion/AccordionItemInner.mobile.js

@@ -1,9 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AccordionItemInner = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const renderBlocksList_1 = require("../../ui-kit/BlocksList/renderBlocksList");
-exports.AccordionItemInner = (0, uni_jsx_1.JSX)(({ blocks, context }) => {
-    return ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-wrap transition-all duration-300 max-h-0 overflow-hidden group-last:last:pb-0", children: (0, renderBlocksList_1.renderBlocksList)({ context, blocks, className: '!px-0' }) }));
-});
-//# sourceMappingURL=AccordionItemInner.mobile.js.map

package/dist/components/Accordion/AccordionItemInner.mobile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionItemInner.mobile.js","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionItemInner.mobile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,+EAA4E;AAG/D,QAAA,kBAAkB,GAAG,IAAA,aAAG,EAAqB,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;IAChF,OAAO,CACL,gCAAK,SAAS,EAAC,yFAAyF,YACrG,IAAA,mCAAgB,EAAC,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,GACtD,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/Accordion/useActiveHandler.d.ts

@@ -1,7 +0,0 @@
-import { ActiveHandler } from '../../ui-kit/BlocksList/BlocksListProps';
-export declare const useActiveHandler: ({ blocks, initialState }: ActiveHandler) => {
-    isActive: boolean;
-    hasContent: number | undefined;
-    icon: "MinusIcon" | "PlusIcon";
-    handleToggle: (e: any) => void;
-};

package/dist/components/Accordion/useActiveHandler.js

@@ -1,22 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useActiveHandler = void 0;
-const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
-const useActiveHandler = ({ blocks, initialState = false }) => {
-    const [isActive, setIsActive] = (0, hooks_1.useState)(initialState);
-    const hasContent = blocks?.length;
-    const icon = isActive ? 'MinusIcon' : 'PlusIcon';
-    const handleToggle = (e) => {
-        const currentTarget = e.currentTarget;
-        if (!currentTarget) {
-            return;
-        }
-        setIsActive(!isActive);
-        const contentBlock = currentTarget.nextSibling;
-        contentBlock.style.maxHeight = contentBlock.style.maxHeight
-            ? ''
-            : `${contentBlock.scrollHeight}px`;
-    };
-    return { isActive, hasContent, icon, handleToggle };
-};
-exports.useActiveHandler = useActiveHandler;
-//# sourceMappingURL=useActiveHandler.js.map

package/dist/components/Accordion/useActiveHandler.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useActiveHandler.js","sourceRoot":"","sources":["../../../src/components/Accordion/useActiveHandler.ts"],"names":[],"mappings":";;AAAA,uDAAuD;AAIhD,MAAM,gBAAgB,GAAG,CAAC,EAAE,MAAM,EAAE,YAAY,GAAG,KAAK,EAAiB,EAAE,EAAE;IAClF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,YAAY,CAAC,CAAC;IACvD,MAAM,UAAU,GAAG,MAAM,EAAE,MAAM,CAAC;IAClC,MAAM,IAAI,GAAa,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC;IAE3D,MAAM,YAAY,GAAG,CAAC,CAAC,EAAE,EAAE;QACzB,MAAM,aAAa,GAAG,CAAC,CAAC,aAA4B,CAAC;QAErD,IAAI,CAAC,aAAa,EAAE;YAClB,OAAO;SACR;QAED,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC;QACvB,MAAM,YAAY,GAAG,aAAa,CAAC,WAA0B,CAAC;QAC9D,YAAY,CAAC,KAAK,CAAC,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,SAAS;YACzD,CAAC,CAAC,EAAE;YACJ,CAAC,CAAC,GAAG,YAAY,CAAC,YAAY,IAAI,CAAC;IACvC,CAAC,CAAC;IAEF,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC;AACtD,CAAC,CAAC;AApBW,QAAA,gBAAgB,oBAoB3B"}

package/dist/hooks/useFetchSafeBoxes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFetchSafeBoxes.js","sourceRoot":"","sources":["../../src/hooks/useFetchSafeBoxes.ts"],"names":[],"mappings":";;AAAA,2EAAwE;AACxE,kDAA+C;AAyB/C,MAAM,aAAa,GAAG,mBAAmB,CAAC;AAE1C,SAAgB,iBAAiB,CAAC,UAAmB;IACnD,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,2BAAY,EAC3B,UAAU,CAAC,CAAC,CAAC,GAAG,aAAa,eAAe,UAAU,EAAE,CAAC,CAAC,CAAC,IAAI,EAC/D,cAAc,CACf,CAAC;IAEF,OAAO,IAAI,IAAI,EAAE,CAAC;AACpB,CAAC;AAPD,8CAOC;AAED,MAAM,cAAc,GAAG,CAAC,GAAY,EAAE,EAAE;IACtC,IAAI,CAAC,GAAG,EAAE;QACR,OAAO,EAAE,CAAC;KACX;IAED,OAAO,IAAA,qBAAS,EAAC,GAAG,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;AAC3C,CAAC,CAAC"}

package/dist/react/IntersectionObserverTag.d.ts

@@ -1,2 +0,0 @@
-import type { IntersectionObserverComponent } from '../components/ContentPage/ContentPageContext';
-export declare const IntersectionObserverTag: IntersectionObserverComponent;

package/dist/react/IntersectionObserverTag.js

@@ -1,43 +0,0 @@
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IntersectionObserverTag = void 0;
-const react_1 = __importStar(require("react"));
-const IntersectionObserverTag = (props) => {
-    const { tag: _tag = 'section', observerCallback, observerOptions, className = '', anchor = null, children, } = props;
-    const intersectionObserver = (0, react_1.useRef)();
-    const ref = (0, react_1.useCallback)((tag) => {
-        if (!tag) {
-            return;
-        }
-        if (intersectionObserver.current) {
-            intersectionObserver.current.disconnect();
-        }
-        intersectionObserver.current = new IntersectionObserver(observerCallback, observerOptions);
-        intersectionObserver.current.observe(tag);
-    }, [observerCallback, observerOptions]);
-    return react_1.default.createElement(_tag, { ref, className, id: anchor }, children);
-};
-exports.IntersectionObserverTag = IntersectionObserverTag;
-//# sourceMappingURL=IntersectionObserverTag.js.map

package/dist/react/IntersectionObserverTag.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IntersectionObserverTag.js","sourceRoot":"","sources":["../../src/react/IntersectionObserverTag.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA8D;AAGvD,MAAM,uBAAuB,GAAkC,CAAC,KAAK,EAAE,EAAE;IAC9E,MAAM,EACJ,GAAG,EAAE,IAAI,GAAG,SAAS,EACrB,gBAAgB,EAChB,eAAe,EACf,SAAS,GAAG,EAAE,EACd,MAAM,GAAG,IAAI,EACb,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,oBAAoB,GAAG,IAAA,cAAM,GAAwB,CAAC;IAE5D,MAAM,GAAG,GAAG,IAAA,mBAAW,EACrB,CAAC,GAAmC,EAAE,EAAE;QACtC,IAAI,CAAC,GAAG,EAAE;YACR,OAAO;SACR;QAED,IAAI,oBAAoB,CAAC,OAAO,EAAE;YAChC,oBAAoB,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;SAC3C;QAED,oBAAoB,CAAC,OAAO,GAAG,IAAI,oBAAoB,CAAC,gBAAgB,EAAE,eAAe,CAAC,CAAC;QAC3F,oBAAoB,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IAC5C,CAAC,EACD,CAAC,gBAAgB,EAAE,eAAe,CAAC,CACpC,CAAC;IAEF,OAAO,eAAK,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,QAAqB,CAAC,CAAC;AAC1F,CAAC,CAAC;AA7BW,QAAA,uBAAuB,2BA6BlC"}

package/dist/ui-kit/Foldable/useActiveHandler.d.ts

@@ -1,9 +0,0 @@
-export declare const foldableBlockClassNames = "transition-all duration-300 max-h-0 overflow-hidden";
-export interface ActiveHandler {
-    initialState?: boolean;
-}
-export declare const useActiveHandler: ({ initialState }: ActiveHandler) => {
-    icon: "ArrowDownIcon" | "ArrowUpIcon";
-    handleToggle: (e: any) => void;
-    isActive: boolean;
-};

package/dist/ui-kit/Foldable/useActiveHandler.js

@@ -1,23 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useActiveHandler = exports.foldableBlockClassNames = void 0;
-const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
-exports.foldableBlockClassNames = 'transition-all duration-300 max-h-0 overflow-hidden';
-const useActiveHandler = ({ initialState = false }) => {
-    const [isActive, setIsActive] = (0, hooks_1.useState)(initialState);
-    const icon = isActive ? 'ArrowUpIcon' : 'ArrowDownIcon';
-    const handleToggle = (e) => {
-        const currentTarget = e.currentTarget;
-        if (!currentTarget) {
-            return;
-        }
-        setIsActive(!isActive);
-        const wrapperBlock = currentTarget.previousSibling;
-        const contentBlock = wrapperBlock.getElementsByClassName(exports.foldableBlockClassNames)[0];
-        contentBlock.style.maxHeight = contentBlock.style.maxHeight
-            ? ''
-            : `${contentBlock.scrollHeight}px`;
-    };
-    return { icon, handleToggle, isActive };
-};
-exports.useActiveHandler = useActiveHandler;
-//# sourceMappingURL=useActiveHandler.js.map

package/dist/ui-kit/Foldable/useActiveHandler.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useActiveHandler.js","sourceRoot":"","sources":["../../../src/ui-kit/Foldable/useActiveHandler.ts"],"names":[],"mappings":";;AAAA,uDAAuD;AAG1C,QAAA,uBAAuB,GAAG,qDAAqD,CAAC;AAMtF,MAAM,gBAAgB,GAAG,CAAC,EAAE,YAAY,GAAG,KAAK,EAAiB,EAAE,EAAE;IAC1E,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,YAAY,CAAC,CAAC;IACvD,MAAM,IAAI,GAAa,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,eAAe,CAAC;IAElE,MAAM,YAAY,GAAG,CAAC,CAAC,EAAE,EAAE;QACzB,MAAM,aAAa,GAAG,CAAC,CAAC,aAA4B,CAAC;QAErD,IAAI,CAAC,aAAa,EAAE;YAClB,OAAO;SACR;QAED,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC;QACvB,MAAM,YAAY,GAAG,aAAa,CAAC,eAA8B,CAAC;QAClE,MAAM,YAAY,GAAG,YAAY,CAAC,sBAAsB,CACtD,+BAAuB,CACxB,CAAC,CAAC,CAAgB,CAAC;QAEpB,YAAY,CAAC,KAAK,CAAC,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,SAAS;YACzD,CAAC,CAAC,EAAE;YACJ,CAAC,CAAC,GAAG,YAAY,CAAC,YAAY,IAAI,CAAC;IACvC,CAAC,CAAC;IAEF,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC;AAC1C,CAAC,CAAC;AAvBW,QAAA,gBAAgB,oBAuB3B"}

package/lib/components/Accordion/AccordionItemInner.d.ts

@@ -1,2 +0,0 @@
-import type { AccordionItemProps } from './AccordionItem';
-export declare const AccordionItemInner: import("@redneckz/uni-jsx").UNIComponent<AccordionItemProps, any, any>;