@scbt-ecom/ui 0.152.6 → 0.153.1

package/dist/lib/shared/ui/pagination/Pagination.js

@@ -1,2 +1,2 @@
-import{jsxs as M,jsx as d}from"react/jsx-runtime";import{cn as x}from"../../utils/cn.js";import"uuid";import"react";import{Button as b}from"../button/Button.js";import"../button/model/helpers.js";import{Icon as z}from"../icon/Icon.js";const q=({page:o=1,between:i=3,totalPages:m,changePage:f,next:u=!0,ellipsis:n=0,classes:r,...C})=>{i=i<1?1:i,o=Math.min(Math.max(o,1),m),n=Math.min(Math.max(n,0),i-2);const k=Array.from({length:m},(t,N)=>N),h=i*2+1;let y;return m<h?y=k:o-1<=i?y=k.slice(0,h-(n>0?n+1:0)):o+i>=m?y=k.slice(m-h+(n>0?n+1:0),m):y=k.slice(o-1-(i-(n>0?n+1:0)),o+(i-(n>0?n+1:0))),M("div",{...C,className:x("flex",r==null?void 0:r.root),children:[u&&d(b,{size:"sm",intent:"ghost",className:x("mob-body-regular-l w-[40px] p-0 text-color-dark disabled:text-icon-disabled",r==null?void 0:r.button),disabled:o<=1,onClick:()=>o>1&&f(o-2),children:d(z,{name:"arrows/arrowRight",className:"rotate-180"})}),m>h&&n>0&&k.slice(0,o-1<=i?0:n).map(t=>d(b,{size:"sm",intent:"ghost",className:x("mob-body-regular-l w-[40px] p-0 text-color-dark",r==null?void 0:r.button),onClick:()=>t!==o-1&&f(t),children:t+1},t)),m>h&&n>0&&o-1>i&&d(b,{size:"sm",intent:"ghost",className:x("mob-body-regular-l pointer-events-none w-[40px] p-0 text-color-dark",r==null?void 0:r.ellipsis),children:"..."}),y.map(t=>{const N=t===o-1;return d(b,{size:"sm",className:x("mob-body-regular-l w-[40px] p-0 text-color-dark",{[`text-color-primary-default ${r==null?void 0:r.active}`]:N},r==null?void 0:r.button),intent:N?"secondary":"ghost",onClick:()=>!N&&f(t),children:t+1},t)}),m>h&&n>0&&o<m-i&&d(b,{size:"sm",intent:"ghost",className:x("mob-body-regular-l pointer-events-none w-[40px] p-0 text-color-dark",r==null?void 0:r.ellipsis),children:"..."}),m>h&&n>0&&k.slice(o>=m-i?m:m-n,m).map(t=>d(b,{size:"sm",className:x("mob-body-regular-l w-[40px] p-0 text-color-dark",r==null?void 0:r.button),intent:"ghost",onClick:()=>t!==o-1&&f(t),children:t+1},t)),u&&d(b,{size:"sm",intent:"ghost",className:x("mob-body-regular-l w-[40px] p-0 text-color-dark disabled:text-icon-disabled",r==null?void 0:r.button),disabled:o>=m,onClick:()=>o<m&&f(o),children:d(z,{name:"arrows/arrowRight"})})]})};export{q as Pagination};
+import{jsxs as C,jsx as i}from"react/jsx-runtime";import{cn as c}from"../../utils/cn.js";import{Button as h}from"../button/Button.js";import{Icon as u}from"../icon/Icon.js";const R=({page:r=1,between:t=3,totalPages:o,changePage:k,next:N=!0,ellipsis:n=0,classes:d,...z})=>{t=t<1?1:t,r=Math.min(Math.max(r,1),o),n=Math.min(Math.max(n,0),t-2);const b=Array.from({length:o},(m,y)=>y),x=t*2+1;let f;return o<x?f=b:r-1<=t?f=b.slice(0,x-(n>0?n+1:0)):r+t>=o?f=b.slice(o-x+(n>0?n+1:0),o):f=b.slice(r-1-(t-(n>0?n+1:0)),r+(t-(n>0?n+1:0))),C("div",{...z,className:c("flex",d?.root),children:[N&&i(h,{size:"sm",intent:"ghost",className:c("mob-body-regular-l w-[40px] p-0 text-color-dark disabled:text-icon-disabled",d?.button),disabled:r<=1,onClick:()=>r>1&&k(r-2),children:i(u,{name:"arrows/arrowRight",className:"rotate-180"})}),o>x&&n>0&&b.slice(0,r-1<=t?0:n).map(m=>i(h,{size:"sm",intent:"ghost",className:c("mob-body-regular-l w-[40px] p-0 text-color-dark",d?.button),onClick:()=>m!==r-1&&k(m),children:m+1},m)),o>x&&n>0&&r-1>t&&i(h,{size:"sm",intent:"ghost",className:c("mob-body-regular-l pointer-events-none w-[40px] p-0 text-color-dark",d?.ellipsis),children:"..."}),f.map(m=>{const y=m===r-1;return i(h,{size:"sm",className:c("mob-body-regular-l w-[40px] p-0 text-color-dark",{[`text-color-primary-default ${d?.active}`]:y},d?.button),intent:y?"secondary":"ghost",onClick:()=>!y&&k(m),children:m+1},m)}),o>x&&n>0&&r<o-t&&i(h,{size:"sm",intent:"ghost",className:c("mob-body-regular-l pointer-events-none w-[40px] p-0 text-color-dark",d?.ellipsis),children:"..."}),o>x&&n>0&&b.slice(r>=o-t?o:o-n,o).map(m=>i(h,{size:"sm",className:c("mob-body-regular-l w-[40px] p-0 text-color-dark",d?.button),intent:"ghost",onClick:()=>m!==r-1&&k(m),children:m+1},m)),N&&i(h,{size:"sm",intent:"ghost",className:c("mob-body-regular-l w-[40px] p-0 text-color-dark disabled:text-icon-disabled",d?.button),disabled:r>=o,onClick:()=>r<o&&k(r),children:i(u,{name:"arrows/arrowRight"})})]})};export{R as Pagination};
 //# sourceMappingURL=Pagination.js.map

package/dist/lib/shared/ui/pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sources":["../../../../../lib/shared/ui/pagination/Pagination.tsx"],"sourcesContent":["import { type HTMLAttributes } from 'react'\nimport { cn } from '../../utils'\nimport { Button } from '../button'\nimport { Icon } from '../icon'\n\ntype PaginationClasses = {\n  root?: string\n  button?: string\n  ellipsis?: string\n  active?: string\n}\n\nexport type PaginationProps = HTMLAttributes<HTMLDivElement> & {\n  /**\n   * активная страница\n   */\n  page?: number\n  /**\n   * количество элементов после сужения страниц пример 1 - (1...6 7 8...n)\n   *                                                            ^   ^\n   */\n  between?: number\n  /**\n   * количество элементов на странице\n   */\n  totalPages: number\n  /**\n   * функция для переключения страницы\n   */\n  changePage: (page: number) => void\n  /**\n   * включить переход на следующую/предыдущую страницу\n   */\n  next?: boolean\n  /**\n   * количество страниц для сужения\n   */\n  ellipsis?: number\n  /**\n   * дополнительные стили\n   */\n  classes?: PaginationClasses\n}\n\nexport const Pagination = ({\n  page = 1,\n  between = 3,\n  totalPages,\n  changePage,\n  next = true,\n  ellipsis = 0,\n  classes,\n  ...props\n}: PaginationProps) => {\n  // гарантирует что between никогда не будет меньше 1\n  between = between < 1 ? 1 : between\n  // ограничиваем текущую страницу от 1 до totalPages\n  page = Math.min(Math.max(page, 1), totalPages)\n  // ограничиваем количество сужаемых элементов от 0 до between - 2\n  ellipsis = Math.min(Math.max(ellipsis, 0), between - 2)\n\n  const positions = Array.from({ length: totalPages }, (_, index) => index)\n\n  // количество отображаемых страниц (включая активную)\n  const visiblePages = between * 2 + 1\n\n  let range\n\n  if (totalPages < visiblePages) {\n    // если общее количество страниц меньше, чем нужно отобразить, то отображаем все страницы\n    range = positions\n  } else if (page - 1 <= between) {\n    // если текущая страница близка к началу, то отображаем страницы с начала\n    range = positions.slice(0, visiblePages - (ellipsis > 0 ? ellipsis + 1 : 0))\n  } else if (page + between >= totalPages) {\n    // если текущая страница близка к концу, то отображаем страницы с конца\n    range = positions.slice(totalPages - visiblePages + (ellipsis > 0 ? ellipsis + 1 : 0), totalPages)\n  } else {\n    // иначе показываем страницы обрезая их слева и справа\n    range = positions.slice(\n      page - 1 - (between - (ellipsis > 0 ? ellipsis + 1 : 0)),\n      page + (between - (ellipsis > 0 ? ellipsis + 1 : 0))\n    )\n  }\n\n  return (\n    <div {...props} className={cn('flex', classes?.root)}>\n      {next && (\n        <Button\n          size='sm'\n          intent='ghost'\n          className={cn('mob-body-regular-l w-[40px] p-0 text-color-dark disabled:text-icon-disabled', classes?.button)}\n          disabled={page <= 1}\n          onClick={() => page > 1 && changePage(page - 2)}\n        >\n          <Icon name='arrows/arrowRight' className='rotate-180' />\n        </Button>\n      )}\n      {totalPages > visiblePages &&\n        ellipsis > 0 &&\n        positions.slice(0, page - 1 <= between ? 0 : ellipsis).map((value) => (\n          <Button\n            key={value}\n            size='sm'\n            intent='ghost'\n            className={cn('mob-body-regular-l w-[40px] p-0 text-color-dark', classes?.button)}\n            onClick={() => value !== page - 1 && changePage(value)}\n          >\n            {value + 1}\n          </Button>\n        ))}\n      {totalPages > visiblePages && ellipsis > 0 && page - 1 > between && (\n        <Button\n          size='sm'\n          intent='ghost'\n          className={cn('mob-body-regular-l pointer-events-none w-[40px] p-0 text-color-dark', classes?.ellipsis)}\n        >\n          ...\n        </Button>\n      )}\n      {range.map((value) => {\n        const active = value === page - 1\n\n        return (\n          <Button\n            key={value}\n            size='sm'\n            className={cn(\n              'mob-body-regular-l w-[40px] p-0 text-color-dark',\n              {\n                [`text-color-primary-default ${classes?.active}`]: active\n              },\n              classes?.button\n            )}\n            intent={active ? 'secondary' : 'ghost'}\n            onClick={() => !active && changePage(value)}\n          >\n            {value + 1}\n          </Button>\n        )\n      })}\n      {totalPages > visiblePages && ellipsis > 0 && page < totalPages - between && (\n        <Button\n          size='sm'\n          intent='ghost'\n          className={cn('mob-body-regular-l pointer-events-none w-[40px] p-0 text-color-dark', classes?.ellipsis)}\n        >\n          ...\n        </Button>\n      )}\n      {totalPages > visiblePages &&\n        ellipsis > 0 &&\n        positions.slice(page >= totalPages - between ? totalPages : totalPages - ellipsis, totalPages).map((value) => (\n          <Button\n            key={value}\n            size='sm'\n            className={cn('mob-body-regular-l w-[40px] p-0 text-color-dark', classes?.button)}\n            intent='ghost'\n            onClick={() => value !== page - 1 && changePage(value)}\n          >\n            {value + 1}\n          </Button>\n        ))}\n      {next && (\n        <Button\n          size='sm'\n          intent='ghost'\n          className={cn('mob-body-regular-l w-[40px] p-0 text-color-dark disabled:text-icon-disabled', classes?.button)}\n          disabled={page >= totalPages}\n          onClick={() => page < totalPages && changePage(page)}\n        >\n          <Icon name='arrows/arrowRight' />\n        </Button>\n      )}\n    </div>\n  )\n}\n"],"names":["Pagination","page","between","totalPages","changePage","next","ellipsis","classes","props","positions","_","index","visiblePages","range","jsxs","cn","jsx","Button","Icon","value","active"],"mappings":"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"}
+{"version":3,"file":"Pagination.js","sources":["../../../../../lib/shared/ui/pagination/Pagination.tsx"],"sourcesContent":["import { type HTMLAttributes } from 'react'\nimport { cn } from '../../utils'\nimport { Button } from '../button'\nimport { Icon } from '../icon'\n\ntype PaginationClasses = {\n  root?: string\n  button?: string\n  ellipsis?: string\n  active?: string\n}\n\nexport type PaginationProps = HTMLAttributes<HTMLDivElement> & {\n  /**\n   * активная страница\n   */\n  page?: number\n  /**\n   * количество элементов после сужения страниц пример 1 - (1...6 7 8...n)\n   *                                                            ^   ^\n   */\n  between?: number\n  /**\n   * количество элементов на странице\n   */\n  totalPages: number\n  /**\n   * функция для переключения страницы\n   */\n  changePage: (page: number) => void\n  /**\n   * включить переход на следующую/предыдущую страницу\n   */\n  next?: boolean\n  /**\n   * количество страниц для сужения\n   */\n  ellipsis?: number\n  /**\n   * дополнительные стили\n   */\n  classes?: PaginationClasses\n}\n\nexport const Pagination = ({\n  page = 1,\n  between = 3,\n  totalPages,\n  changePage,\n  next = true,\n  ellipsis = 0,\n  classes,\n  ...props\n}: PaginationProps) => {\n  // гарантирует что between никогда не будет меньше 1\n  between = between < 1 ? 1 : between\n  // ограничиваем текущую страницу от 1 до totalPages\n  page = Math.min(Math.max(page, 1), totalPages)\n  // ограничиваем количество сужаемых элементов от 0 до between - 2\n  ellipsis = Math.min(Math.max(ellipsis, 0), between - 2)\n\n  const positions = Array.from({ length: totalPages }, (_, index) => index)\n\n  // количество отображаемых страниц (включая активную)\n  const visiblePages = between * 2 + 1\n\n  let range\n\n  if (totalPages < visiblePages) {\n    // если общее количество страниц меньше, чем нужно отобразить, то отображаем все страницы\n    range = positions\n  } else if (page - 1 <= between) {\n    // если текущая страница близка к началу, то отображаем страницы с начала\n    range = positions.slice(0, visiblePages - (ellipsis > 0 ? ellipsis + 1 : 0))\n  } else if (page + between >= totalPages) {\n    // если текущая страница близка к концу, то отображаем страницы с конца\n    range = positions.slice(totalPages - visiblePages + (ellipsis > 0 ? ellipsis + 1 : 0), totalPages)\n  } else {\n    // иначе показываем страницы обрезая их слева и справа\n    range = positions.slice(\n      page - 1 - (between - (ellipsis > 0 ? ellipsis + 1 : 0)),\n      page + (between - (ellipsis > 0 ? ellipsis + 1 : 0))\n    )\n  }\n\n  return (\n    <div {...props} className={cn('flex', classes?.root)}>\n      {next && (\n        <Button\n          size='sm'\n          intent='ghost'\n          className={cn('mob-body-regular-l w-[40px] p-0 text-color-dark disabled:text-icon-disabled', classes?.button)}\n          disabled={page <= 1}\n          onClick={() => page > 1 && changePage(page - 2)}\n        >\n          <Icon name='arrows/arrowRight' className='rotate-180' />\n        </Button>\n      )}\n      {totalPages > visiblePages &&\n        ellipsis > 0 &&\n        positions.slice(0, page - 1 <= between ? 0 : ellipsis).map((value) => (\n          <Button\n            key={value}\n            size='sm'\n            intent='ghost'\n            className={cn('mob-body-regular-l w-[40px] p-0 text-color-dark', classes?.button)}\n            onClick={() => value !== page - 1 && changePage(value)}\n          >\n            {value + 1}\n          </Button>\n        ))}\n      {totalPages > visiblePages && ellipsis > 0 && page - 1 > between && (\n        <Button\n          size='sm'\n          intent='ghost'\n          className={cn('mob-body-regular-l pointer-events-none w-[40px] p-0 text-color-dark', classes?.ellipsis)}\n        >\n          ...\n        </Button>\n      )}\n      {range.map((value) => {\n        const active = value === page - 1\n\n        return (\n          <Button\n            key={value}\n            size='sm'\n            className={cn(\n              'mob-body-regular-l w-[40px] p-0 text-color-dark',\n              {\n                [`text-color-primary-default ${classes?.active}`]: active\n              },\n              classes?.button\n            )}\n            intent={active ? 'secondary' : 'ghost'}\n            onClick={() => !active && changePage(value)}\n          >\n            {value + 1}\n          </Button>\n        )\n      })}\n      {totalPages > visiblePages && ellipsis > 0 && page < totalPages - between && (\n        <Button\n          size='sm'\n          intent='ghost'\n          className={cn('mob-body-regular-l pointer-events-none w-[40px] p-0 text-color-dark', classes?.ellipsis)}\n        >\n          ...\n        </Button>\n      )}\n      {totalPages > visiblePages &&\n        ellipsis > 0 &&\n        positions.slice(page >= totalPages - between ? totalPages : totalPages - ellipsis, totalPages).map((value) => (\n          <Button\n            key={value}\n            size='sm'\n            className={cn('mob-body-regular-l w-[40px] p-0 text-color-dark', classes?.button)}\n            intent='ghost'\n            onClick={() => value !== page - 1 && changePage(value)}\n          >\n            {value + 1}\n          </Button>\n        ))}\n      {next && (\n        <Button\n          size='sm'\n          intent='ghost'\n          className={cn('mob-body-regular-l w-[40px] p-0 text-color-dark disabled:text-icon-disabled', classes?.button)}\n          disabled={page >= totalPages}\n          onClick={() => page < totalPages && changePage(page)}\n        >\n          <Icon name='arrows/arrowRight' />\n        </Button>\n      )}\n    </div>\n  )\n}\n"],"names":["Pagination","page","between","totalPages","changePage","next","ellipsis","classes","props","positions","_","index","visiblePages","range","jsxs","cn","jsx","Button","Icon","value","active"],"mappings":"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"}

package/dist/lib/shared/ui/phoneView/PhoneView.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as m}from"react/jsx-runtime";import{cn as r}from"../../utils/cn.js";import"uuid";import"react";const k=({phone:t,text:d,classes:o,...i})=>e("div",{className:r("flex w-max flex-col",o==null?void 0:o.root),...i,children:[m("a",{href:`tel:${t}`,className:r("mob-body-medium-l ml-auto text-color-dark desktop:desk-body-medium-l",o==null?void 0:o.link),children:t}),m("p",{className:r("desk-body-regular-s text-color-tetriary",o==null?void 0:o.text),children:d})]});export{k as PhoneView};
+import{jsxs as d,jsx as t}from"react/jsx-runtime";import{cn as o}from"../../utils/cn.js";const c=({phone:r,text:l,classes:e,...m})=>d("div",{className:o("flex w-max flex-col",e?.root),...m,children:[t("a",{href:`tel:${r}`,className:o("mob-body-medium-l ml-auto text-color-dark desktop:desk-body-medium-l",e?.link),children:r}),t("p",{className:o("desk-body-regular-s text-color-tetriary",e?.text),children:l})]});export{c as PhoneView};
 //# sourceMappingURL=PhoneView.js.map

package/dist/lib/shared/ui/phoneView/PhoneView.js.map

@@ -1 +1 @@
-{"version":3,"file":"PhoneView.js","sources":["../../../../../lib/shared/ui/phoneView/PhoneView.tsx"],"sourcesContent":["import { type HTMLAttributes } from 'react'\nimport { cn } from '$/shared/utils'\n\ninterface PhoneViewClasses {\n  root?: string\n  link?: string\n  text?: string\n}\n\nexport interface PhoneViewProps extends HTMLAttributes<HTMLDivElement> {\n  phone: string\n  text: string\n  classes?: PhoneViewClasses\n}\n\nexport const PhoneView = ({ phone, text, classes, ...props }: PhoneViewProps) => {\n  return (\n    <div className={cn('flex w-max flex-col', classes?.root)} {...props}>\n      <a\n        href={`tel:${phone}`}\n        className={cn('mob-body-medium-l ml-auto text-color-dark desktop:desk-body-medium-l', classes?.link)}\n      >\n        {phone}\n      </a>\n      <p className={cn('desk-body-regular-s text-color-tetriary', classes?.text)}>{text}</p>\n    </div>\n  )\n}\n"],"names":["PhoneView","phone","text","classes","props","jsxs","cn","jsx"],"mappings":"oHAeO,MAAMA,EAAY,CAAC,CAAE,MAAAC,EAAO,KAAAC,EAAM,QAAAC,EAAS,GAAGC,KAEjDC,EAAC,OAAI,UAAWC,EAAG,sBAAuBH,GAAA,YAAAA,EAAS,IAAI,EAAI,GAAGC,EAC5D,SAAA,CAAAG,EAAC,IAAA,CACC,KAAM,OAAON,CAAK,GAClB,UAAWK,EAAG,uEAAwEH,GAAA,YAAAA,EAAS,IAAI,EAElG,SAAAF,CAAA,CAAA,EAEHM,EAAC,KAAE,UAAWD,EAAG,0CAA2CH,GAAA,YAAAA,EAAS,IAAI,EAAI,SAAAD,CAAA,CAAK,CAAA,EACpF"}
+{"version":3,"file":"PhoneView.js","sources":["../../../../../lib/shared/ui/phoneView/PhoneView.tsx"],"sourcesContent":["import { type HTMLAttributes } from 'react'\nimport { cn } from '$/shared/utils'\n\ninterface PhoneViewClasses {\n  root?: string\n  link?: string\n  text?: string\n}\n\nexport interface PhoneViewProps extends HTMLAttributes<HTMLDivElement> {\n  phone: string\n  text: string\n  classes?: PhoneViewClasses\n}\n\nexport const PhoneView = ({ phone, text, classes, ...props }: PhoneViewProps) => {\n  return (\n    <div className={cn('flex w-max flex-col', classes?.root)} {...props}>\n      <a\n        href={`tel:${phone}`}\n        className={cn('mob-body-medium-l ml-auto text-color-dark desktop:desk-body-medium-l', classes?.link)}\n      >\n        {phone}\n      </a>\n      <p className={cn('desk-body-regular-s text-color-tetriary', classes?.text)}>{text}</p>\n    </div>\n  )\n}\n"],"names":["PhoneView","phone","text","classes","props","jsxs","cn","jsx"],"mappings":"yFAeO,MAAMA,EAAY,CAAC,CAAE,MAAAC,EAAO,KAAAC,EAAM,QAAAC,EAAS,GAAGC,KAEjDC,EAAC,OAAI,UAAWC,EAAG,sBAAuBH,GAAS,IAAI,EAAI,GAAGC,EAC5D,SAAA,CAAAG,EAAC,IAAA,CACC,KAAM,OAAON,CAAK,GAClB,UAAWK,EAAG,uEAAwEH,GAAS,IAAI,EAElG,SAAAF,CAAA,CAAA,EAEHM,EAAC,KAAE,UAAWD,EAAG,0CAA2CH,GAAS,IAAI,EAAI,SAAAD,CAAA,CAAK,CAAA,EACpF"}

package/dist/lib/shared/ui/popover/Popover.js

@@ -1,2 +1,2 @@
-import{jsxs as m,jsx as o}from"react/jsx-runtime";import*as t from"@radix-ui/react-popover";import{cn as i}from"../../utils/cn.js";import"uuid";import"react";import"../button/Button.js";import"../button/model/helpers.js";import"../buttonIcon/ButtonIcon.js";import"../loader/model/helpers.js";import"../calendar/Calendar.js";import"../calendar/model/utils.js";import"../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers/zod";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../notification/ui/CustomToast.js";import"../table/ui/primitives/Primitives.js";import{Icon as N}from"../icon/Icon.js";import"@tanstack/react-table";import"../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../carousel/ui/CarouselContent.js";import"../customLink/model/helpers.js";import"../slot/Slot.js";import"../formElements/uncontrolled/autocomplete/Autocomplete.js";import"../formElements/uncontrolled/checkbox/Checkbox.js";import"../formElements/uncontrolled/combobox/combobox.js";import"../formElements/uncontrolled/dayPicker/DayPicker.js";import"../formElements/uncontrolled/input/Input.js";import"../formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../formElements/uncontrolled/maskInput/MaskInput.js";import"../formElements/uncontrolled/radio/RadioGroup.js";import"../formElements/uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../formElements/uncontrolled/slider/SliderBase.js";import"../formElements/uncontrolled/switch/Switch.js";import"../formElements/uncontrolled/textarea/Textarea.js";import"../formElements/uncontrolled/uploader/UploaderBase.js";import"../formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../formElements/controlled/editor/ui/Editor.js";import"../formElements/controlled/input/MaskInputControl.js";import"../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../dropdownList/ui/dropdownItem/DropdownItem.js";const Nr=({triggerElement:p,classes:r,sideOffset:e=4,alignOffset:n,align:u,side:g,defaultOpen:d=!1,avoidCollisions:f=!0,children:h,arrowPadding:x,portalContainer:l,withCloseBtn:w=!0,withArrow:a=!0,...b})=>m(t.Root,{defaultOpen:d,children:[o("div",{className:i("flex w-max items-center gap-2",r==null?void 0:r.root),children:o(t.Trigger,{"aria-label":"tooltip",className:i("flex cursor-pointer items-center justify-center",r==null?void 0:r.trigger),children:p})}),o(t.Portal,{container:l,children:m(t.Content,{className:i("desk-body-regular-m flex w-fit max-w-64 items-start gap-2 rounded-sm bg-color-white p-4 shadow-sm outline-none",r==null?void 0:r.content),sideOffset:e,alignOffset:n,avoidCollisions:f,arrowPadding:x,align:u,side:g,...b,children:[h,w&&o(t.Close,{"aria-label":"Close",className:i("flex size-5 items-center justify-center outline-0 outline-transparent",r==null?void 0:r.closeTrigger),children:o(N,{name:"general/close",className:i("size-5 cursor-pointer text-icon-blue-grey-600 transition-colors hover:text-icon-blue-grey-800",r==null?void 0:r.closeIcon)})}),a&&o(t.Arrow,{width:12,height:6,className:i("fill-white",r==null?void 0:r.arrowIcon)})]})})]});export{Nr as Popover};
+import{jsxs as i,jsx as r}from"react/jsx-runtime";import*as o from"@radix-ui/react-popover";import{cn as t}from"../../utils/cn.js";import{Icon as w}from"../icon/Icon.js";const y=({triggerElement:n,classes:e,sideOffset:l=4,alignOffset:a,align:c,side:s,defaultOpen:m=!1,avoidCollisions:u=!0,children:g,arrowPadding:p,portalContainer:d,withCloseBtn:f=!0,withArrow:h=!0,...x})=>i(o.Root,{defaultOpen:m,children:[r("div",{className:t("flex w-max items-center gap-2",e?.root),children:r(o.Trigger,{"aria-label":"tooltip",className:t("flex cursor-pointer items-center justify-center",e?.trigger),children:n})}),r(o.Portal,{container:d,children:i(o.Content,{className:t("desk-body-regular-m flex w-fit max-w-64 items-start gap-2 rounded-sm bg-color-white p-4 shadow-sm outline-none",e?.content),sideOffset:l,alignOffset:a,avoidCollisions:u,arrowPadding:p,align:c,side:s,...x,children:[g,f&&r(o.Close,{"aria-label":"Close",className:t("flex size-5 items-center justify-center outline-0 outline-transparent",e?.closeTrigger),children:r(w,{name:"general/close",className:t("size-5 cursor-pointer text-icon-blue-grey-600 transition-colors hover:text-icon-blue-grey-800",e?.closeIcon)})}),h&&r(o.Arrow,{width:12,height:6,className:t("fill-white",e?.arrowIcon)})]})})]});export{y as Popover};
 //# sourceMappingURL=Popover.js.map

package/dist/lib/shared/ui/popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sources":["../../../../../lib/shared/ui/popover/Popover.tsx"],"sourcesContent":["'use client'\n\nimport type { ReactElement, ReactNode } from 'react'\nimport type { PopoverContentProps as PopoverContentPropsBase } from '@radix-ui/react-popover'\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\nimport { Icon } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\ntype PopoverClasses = {\n  root?: string\n  content?: string\n  trigger?: string\n  arrowIcon?: string\n  closeIcon?: string\n  closeTrigger?: string\n}\n\ninterface PopoverContentProps extends PopoverContentPropsBase {\n  sideOffset?: number\n  alignOffset?: number\n  align?: 'end' | 'center' | 'start'\n  side?: 'top' | 'right' | 'bottom' | 'left'\n  defaultOpen?: boolean\n  avoidCollisions?: boolean\n  withCloseBtn?: boolean\n  withArrow?: boolean\n}\n\nexport interface PopoverProps extends PopoverContentProps {\n  triggerElement: ReactElement\n  children: ReactNode\n  classes?: PopoverClasses\n  portalContainer?: PopoverPrimitive.PopoverPortalProps['container']\n}\n\nexport const Popover = ({\n  triggerElement,\n  classes,\n  sideOffset = 4,\n  alignOffset,\n  align,\n  side,\n  defaultOpen = false,\n  avoidCollisions = true,\n  children,\n  arrowPadding,\n  portalContainer,\n  withCloseBtn = true,\n  withArrow = true,\n  ...contentProps\n}: PopoverProps) => {\n  return (\n    <PopoverPrimitive.Root defaultOpen={defaultOpen}>\n      <div className={cn('flex w-max items-center gap-2', classes?.root)}>\n        <PopoverPrimitive.Trigger\n          aria-label='tooltip'\n          className={cn('flex cursor-pointer items-center justify-center', classes?.trigger)}\n        >\n          {triggerElement}\n        </PopoverPrimitive.Trigger>\n      </div>\n      <PopoverPrimitive.Portal container={portalContainer}>\n        <PopoverPrimitive.Content\n          className={cn(\n            'desk-body-regular-m flex w-fit max-w-64 items-start gap-2 rounded-sm bg-color-white p-4 shadow-sm outline-none',\n            classes?.content\n          )}\n          sideOffset={sideOffset}\n          alignOffset={alignOffset}\n          avoidCollisions={avoidCollisions}\n          arrowPadding={arrowPadding}\n          align={align}\n          side={side}\n          {...contentProps}\n        >\n          {children}\n\n          {withCloseBtn && (\n            <PopoverPrimitive.Close\n              aria-label='Close'\n              className={cn('flex size-5 items-center justify-center outline-0 outline-transparent', classes?.closeTrigger)}\n            >\n              <Icon\n                name='general/close'\n                className={cn(\n                  'size-5 cursor-pointer text-icon-blue-grey-600 transition-colors hover:text-icon-blue-grey-800',\n                  classes?.closeIcon\n                )}\n              />\n            </PopoverPrimitive.Close>\n          )}\n          {withArrow && <PopoverPrimitive.Arrow width={12} height={6} className={cn('fill-white', classes?.arrowIcon)} />}\n        </PopoverPrimitive.Content>\n      </PopoverPrimitive.Portal>\n    </PopoverPrimitive.Root>\n  )\n}\n"],"names":["Popover","triggerElement","classes","sideOffset","alignOffset","align","side","defaultOpen","avoidCollisions","children","arrowPadding","portalContainer","withCloseBtn","withArrow","contentProps","jsxs","PopoverPrimitive","jsx","cn","Icon"],"mappings":"4sEAmCO,MAAMA,GAAU,CAAC,CACtB,eAAAC,EACA,QAAAC,EACA,WAAAC,EAAa,EACb,YAAAC,EACA,MAAAC,EACA,KAAAC,EACA,YAAAC,EAAc,GACd,gBAAAC,EAAkB,GAClB,SAAAC,EACA,aAAAC,EACA,gBAAAC,EACA,aAAAC,EAAe,GACf,UAAAC,EAAY,GACZ,GAAGC,CACL,IAEIC,EAACC,EAAiB,KAAjB,CAAsB,YAAAT,EACrB,SAAA,CAAAU,EAAC,OAAI,UAAWC,EAAG,gCAAiChB,GAAA,YAAAA,EAAS,IAAI,EAC/D,SAAAe,EAACD,EAAiB,QAAjB,CACC,aAAW,UACX,UAAWE,EAAG,kDAAmDhB,GAAA,YAAAA,EAAS,OAAO,EAEhF,SAAAD,CAAA,CAAA,EAEL,EACAgB,EAACD,EAAiB,OAAjB,CAAwB,UAAWL,EAClC,SAAAI,EAACC,EAAiB,QAAjB,CACC,UAAWE,EACT,iHACAhB,GAAA,YAAAA,EAAS,OAAA,EAEX,WAAAC,EACA,YAAAC,EACA,gBAAAI,EACA,aAAAE,EACA,MAAAL,EACA,KAAAC,EACC,GAAGQ,EAEH,SAAA,CAAAL,EAEAG,GACCK,EAACD,EAAiB,MAAjB,CACC,aAAW,QACX,UAAWE,EAAG,wEAAyEhB,GAAA,YAAAA,EAAS,YAAY,EAE5G,SAAAe,EAACE,EAAA,CACC,KAAK,gBACL,UAAWD,EACT,gGACAhB,GAAA,YAAAA,EAAS,SAAA,CACX,CAAA,CACF,CAAA,EAGHW,GAAaI,EAACD,EAAiB,MAAjB,CAAuB,MAAO,GAAI,OAAQ,EAAG,UAAWE,EAAG,aAAchB,GAAA,YAAAA,EAAS,SAAS,CAAA,CAAG,CAAA,CAAA,CAAA,CAC/G,CACF,CAAA,EACF"}
+{"version":3,"file":"Popover.js","sources":["../../../../../lib/shared/ui/popover/Popover.tsx"],"sourcesContent":["'use client'\n\nimport type { ReactElement, ReactNode } from 'react'\nimport type { PopoverContentProps as PopoverContentPropsBase } from '@radix-ui/react-popover'\nimport * as PopoverPrimitive from '@radix-ui/react-popover'\nimport { Icon } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\ntype PopoverClasses = {\n  root?: string\n  content?: string\n  trigger?: string\n  arrowIcon?: string\n  closeIcon?: string\n  closeTrigger?: string\n}\n\ninterface PopoverContentProps extends PopoverContentPropsBase {\n  sideOffset?: number\n  alignOffset?: number\n  align?: 'end' | 'center' | 'start'\n  side?: 'top' | 'right' | 'bottom' | 'left'\n  defaultOpen?: boolean\n  avoidCollisions?: boolean\n  withCloseBtn?: boolean\n  withArrow?: boolean\n}\n\nexport interface PopoverProps extends PopoverContentProps {\n  triggerElement: ReactElement\n  children: ReactNode\n  classes?: PopoverClasses\n  portalContainer?: PopoverPrimitive.PopoverPortalProps['container']\n}\n\nexport const Popover = ({\n  triggerElement,\n  classes,\n  sideOffset = 4,\n  alignOffset,\n  align,\n  side,\n  defaultOpen = false,\n  avoidCollisions = true,\n  children,\n  arrowPadding,\n  portalContainer,\n  withCloseBtn = true,\n  withArrow = true,\n  ...contentProps\n}: PopoverProps) => {\n  return (\n    <PopoverPrimitive.Root defaultOpen={defaultOpen}>\n      <div className={cn('flex w-max items-center gap-2', classes?.root)}>\n        <PopoverPrimitive.Trigger\n          aria-label='tooltip'\n          className={cn('flex cursor-pointer items-center justify-center', classes?.trigger)}\n        >\n          {triggerElement}\n        </PopoverPrimitive.Trigger>\n      </div>\n      <PopoverPrimitive.Portal container={portalContainer}>\n        <PopoverPrimitive.Content\n          className={cn(\n            'desk-body-regular-m flex w-fit max-w-64 items-start gap-2 rounded-sm bg-color-white p-4 shadow-sm outline-none',\n            classes?.content\n          )}\n          sideOffset={sideOffset}\n          alignOffset={alignOffset}\n          avoidCollisions={avoidCollisions}\n          arrowPadding={arrowPadding}\n          align={align}\n          side={side}\n          {...contentProps}\n        >\n          {children}\n\n          {withCloseBtn && (\n            <PopoverPrimitive.Close\n              aria-label='Close'\n              className={cn('flex size-5 items-center justify-center outline-0 outline-transparent', classes?.closeTrigger)}\n            >\n              <Icon\n                name='general/close'\n                className={cn(\n                  'size-5 cursor-pointer text-icon-blue-grey-600 transition-colors hover:text-icon-blue-grey-800',\n                  classes?.closeIcon\n                )}\n              />\n            </PopoverPrimitive.Close>\n          )}\n          {withArrow && <PopoverPrimitive.Arrow width={12} height={6} className={cn('fill-white', classes?.arrowIcon)} />}\n        </PopoverPrimitive.Content>\n      </PopoverPrimitive.Portal>\n    </PopoverPrimitive.Root>\n  )\n}\n"],"names":["Popover","triggerElement","classes","sideOffset","alignOffset","align","side","defaultOpen","avoidCollisions","children","arrowPadding","portalContainer","withCloseBtn","withArrow","contentProps","jsxs","PopoverPrimitive","jsx","cn","Icon"],"mappings":"0KAmCO,MAAMA,EAAU,CAAC,CACtB,eAAAC,EACA,QAAAC,EACA,WAAAC,EAAa,EACb,YAAAC,EACA,MAAAC,EACA,KAAAC,EACA,YAAAC,EAAc,GACd,gBAAAC,EAAkB,GAClB,SAAAC,EACA,aAAAC,EACA,gBAAAC,EACA,aAAAC,EAAe,GACf,UAAAC,EAAY,GACZ,GAAGC,CACL,IAEIC,EAACC,EAAiB,KAAjB,CAAsB,YAAAT,EACrB,SAAA,CAAAU,EAAC,OAAI,UAAWC,EAAG,gCAAiChB,GAAS,IAAI,EAC/D,SAAAe,EAACD,EAAiB,QAAjB,CACC,aAAW,UACX,UAAWE,EAAG,kDAAmDhB,GAAS,OAAO,EAEhF,SAAAD,CAAA,CAAA,EAEL,EACAgB,EAACD,EAAiB,OAAjB,CAAwB,UAAWL,EAClC,SAAAI,EAACC,EAAiB,QAAjB,CACC,UAAWE,EACT,iHACAhB,GAAS,OAAA,EAEX,WAAAC,EACA,YAAAC,EACA,gBAAAI,EACA,aAAAE,EACA,MAAAL,EACA,KAAAC,EACC,GAAGQ,EAEH,SAAA,CAAAL,EAEAG,GACCK,EAACD,EAAiB,MAAjB,CACC,aAAW,QACX,UAAWE,EAAG,wEAAyEhB,GAAS,YAAY,EAE5G,SAAAe,EAACE,EAAA,CACC,KAAK,gBACL,UAAWD,EACT,gGACAhB,GAAS,SAAA,CACX,CAAA,CACF,CAAA,EAGHW,GAAaI,EAACD,EAAiB,MAAjB,CAAuB,MAAO,GAAI,OAAQ,EAAG,UAAWE,EAAG,aAAchB,GAAS,SAAS,CAAA,CAAG,CAAA,CAAA,CAAA,CAC/G,CACF,CAAA,EACF"}

package/dist/lib/shared/ui/progressBar/ProgressBar.js

@@ -1,2 +1,2 @@
-import{jsxs as m,jsx as t}from"react/jsx-runtime";import{cn as o}from"../../utils/cn.js";import"uuid";import"react";const x=({topContent:i,bottomContent:d,progress:p,maxPercent:n=100,classes:r})=>m("div",{className:o("flex w-full flex-col",r==null?void 0:r.root),children:[i&&t("div",{className:o("mb-2 flex justify-between gap-5",r==null?void 0:r.topContent),children:i}),m("div",{className:o("relative h-2 w-[328xp] rounded-md bg-color-blue-grey-100 desktop:w-[524px]",r==null?void 0:r.progressBar),children:[t("div",{style:{width:`${p}%`},className:o("relative z-10 h-2 rounded-md bg-color-positive transition-all",r==null?void 0:r.progress)}),t("span",{style:{maxWidth:`${n}%`},className:o("progressBar-apply z-1 absolute top-1/2 h-full w-full -translate-y-1/2 animate-progress-loader rounded-md",r==null?void 0:r.loader)})]}),d&&t("div",{className:o("mt-2 flex justify-between gap-5",r==null?void 0:r.bottomContent),children:d})]});export{x as ProgressBar};
+import{jsxs as t,jsx as l}from"react/jsx-runtime";import{cn as r}from"../../utils/cn.js";const n=({topContent:o,bottomContent:a,progress:d,maxPercent:i=100,classes:e})=>t("div",{className:r("flex w-full flex-col",e?.root),children:[o&&l("div",{className:r("mb-2 flex justify-between gap-5",e?.topContent),children:o}),t("div",{className:r("relative h-2 w-[328xp] rounded-md bg-color-blue-grey-100 desktop:w-[524px]",e?.progressBar),children:[l("div",{style:{width:`${d}%`},className:r("relative z-10 h-2 rounded-md bg-color-positive transition-all",e?.progress)}),l("span",{style:{maxWidth:`${i}%`},className:r("progressBar-apply z-1 absolute top-1/2 h-full w-full -translate-y-1/2 animate-progress-loader rounded-md",e?.loader)})]}),a&&l("div",{className:r("mt-2 flex justify-between gap-5",e?.bottomContent),children:a})]});export{n as ProgressBar};
 //# sourceMappingURL=ProgressBar.js.map

package/dist/lib/shared/ui/progressBar/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","sources":["../../../../../lib/shared/ui/progressBar/ProgressBar.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '$/shared/utils'\n\ntype ProgressBarClasses = {\n  root?: string\n  topContent?: string\n  bottomContent?: string\n  progressBar?: string\n  progress?: string\n  loader?: string\n}\n\nexport interface IProgressBarProps {\n  topContent?: React.ReactElement\n  bottomContent?: React.ReactElement\n  progress: number\n  maxPercent?: number\n  classes?: ProgressBarClasses\n}\n\nexport const ProgressBar = ({ topContent, bottomContent, progress, maxPercent = 100, classes }: IProgressBarProps) => {\n  return (\n    <div className={cn('flex w-full flex-col', classes?.root)}>\n      {topContent && <div className={cn('mb-2 flex justify-between gap-5', classes?.topContent)}>{topContent}</div>}\n\n      <div className={cn('relative h-2 w-[328xp] rounded-md bg-color-blue-grey-100 desktop:w-[524px]', classes?.progressBar)}>\n        <div\n          style={{ width: `${progress}%` }}\n          className={cn('relative z-10 h-2 rounded-md bg-color-positive transition-all', classes?.progress)}\n        ></div>\n        <span\n          style={{ maxWidth: `${maxPercent}%` }}\n          className={cn(\n            'progressBar-apply z-1 absolute top-1/2 h-full w-full -translate-y-1/2 animate-progress-loader rounded-md',\n            classes?.loader\n          )}\n        ></span>\n      </div>\n\n      {bottomContent && <div className={cn('mt-2 flex justify-between gap-5', classes?.bottomContent)}>{bottomContent}</div>}\n    </div>\n  )\n}\n"],"names":["ProgressBar","topContent","bottomContent","progress","maxPercent","classes","cn","jsx"],"mappings":"oHAoBO,MAAMA,EAAc,CAAC,CAAE,WAAAC,EAAY,cAAAC,EAAe,SAAAC,EAAU,WAAAC,EAAa,IAAK,QAAAC,OAEhF,MAAA,CAAI,UAAWC,EAAG,uBAAwBD,GAAA,YAAAA,EAAS,IAAI,EACrD,SAAA,CAAAJ,GAAcM,EAAC,OAAI,UAAWD,EAAG,kCAAmCD,GAAA,YAAAA,EAAS,UAAU,EAAI,SAAAJ,CAAA,CAAW,IAEtG,MAAA,CAAI,UAAWK,EAAG,6EAA8ED,GAAA,YAAAA,EAAS,WAAW,EACnH,SAAA,CAAAE,EAAC,MAAA,CACC,MAAO,CAAE,MAAO,GAAGJ,CAAQ,GAAA,EAC3B,UAAWG,EAAG,gEAAiED,GAAA,YAAAA,EAAS,QAAQ,CAAA,CAAA,EAElGE,EAAC,OAAA,CACC,MAAO,CAAE,SAAU,GAAGH,CAAU,GAAA,EAChC,UAAWE,EACT,2GACAD,GAAA,YAAAA,EAAS,MAAA,CACX,CAAA,CACD,EACH,EAECH,KAAkB,MAAA,CAAI,UAAWI,EAAG,kCAAmCD,GAAA,YAAAA,EAAS,aAAa,EAAI,SAAAH,CAAA,CAAc,CAAA,EAClH"}
+{"version":3,"file":"ProgressBar.js","sources":["../../../../../lib/shared/ui/progressBar/ProgressBar.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '$/shared/utils'\n\ntype ProgressBarClasses = {\n  root?: string\n  topContent?: string\n  bottomContent?: string\n  progressBar?: string\n  progress?: string\n  loader?: string\n}\n\nexport interface IProgressBarProps {\n  topContent?: React.ReactElement\n  bottomContent?: React.ReactElement\n  progress: number\n  maxPercent?: number\n  classes?: ProgressBarClasses\n}\n\nexport const ProgressBar = ({ topContent, bottomContent, progress, maxPercent = 100, classes }: IProgressBarProps) => {\n  return (\n    <div className={cn('flex w-full flex-col', classes?.root)}>\n      {topContent && <div className={cn('mb-2 flex justify-between gap-5', classes?.topContent)}>{topContent}</div>}\n\n      <div className={cn('relative h-2 w-[328xp] rounded-md bg-color-blue-grey-100 desktop:w-[524px]', classes?.progressBar)}>\n        <div\n          style={{ width: `${progress}%` }}\n          className={cn('relative z-10 h-2 rounded-md bg-color-positive transition-all', classes?.progress)}\n        ></div>\n        <span\n          style={{ maxWidth: `${maxPercent}%` }}\n          className={cn(\n            'progressBar-apply z-1 absolute top-1/2 h-full w-full -translate-y-1/2 animate-progress-loader rounded-md',\n            classes?.loader\n          )}\n        ></span>\n      </div>\n\n      {bottomContent && <div className={cn('mt-2 flex justify-between gap-5', classes?.bottomContent)}>{bottomContent}</div>}\n    </div>\n  )\n}\n"],"names":["ProgressBar","topContent","bottomContent","progress","maxPercent","classes","cn","jsx"],"mappings":"yFAoBO,MAAMA,EAAc,CAAC,CAAE,WAAAC,EAAY,cAAAC,EAAe,SAAAC,EAAU,WAAAC,EAAa,IAAK,QAAAC,OAEhF,MAAA,CAAI,UAAWC,EAAG,uBAAwBD,GAAS,IAAI,EACrD,SAAA,CAAAJ,GAAcM,EAAC,OAAI,UAAWD,EAAG,kCAAmCD,GAAS,UAAU,EAAI,SAAAJ,CAAA,CAAW,IAEtG,MAAA,CAAI,UAAWK,EAAG,6EAA8ED,GAAS,WAAW,EACnH,SAAA,CAAAE,EAAC,MAAA,CACC,MAAO,CAAE,MAAO,GAAGJ,CAAQ,GAAA,EAC3B,UAAWG,EAAG,gEAAiED,GAAS,QAAQ,CAAA,CAAA,EAElGE,EAAC,OAAA,CACC,MAAO,CAAE,SAAU,GAAGH,CAAU,GAAA,EAChC,UAAWE,EACT,2GACAD,GAAS,MAAA,CACX,CAAA,CACD,EACH,EAECH,KAAkB,MAAA,CAAI,UAAWI,EAAG,kCAAmCD,GAAS,aAAa,EAAI,SAAAH,CAAA,CAAc,CAAA,EAClH"}

package/dist/lib/shared/ui/responsiveContainer/ResponsiveContainer.js

@@ -1,2 +1,2 @@
-import{jsx as p}from"react/jsx-runtime";import{cn as e}from"../../utils/cn.js";import"uuid";import"react";const n=({children:o,offset:m=!0,className:r,...t})=>p("div",{className:e("m-auto w-full max-w-[636px] desktop:max-w-[1140px]",{"mobile:px-4":m},r),...t,children:o});export{n as ResponsiveContainer};
+import{jsx as t}from"react/jsx-runtime";import{cn as p}from"../../utils/cn.js";const a=({children:o,offset:e=!0,className:m,...r})=>t("div",{className:p("m-auto w-full max-w-[636px] desktop:max-w-[1140px]",{"mobile:px-4":e},m),...r,children:o});export{a as ResponsiveContainer};
 //# sourceMappingURL=ResponsiveContainer.js.map

package/dist/lib/shared/ui/responsiveContainer/ResponsiveContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResponsiveContainer.js","sources":["../../../../../lib/shared/ui/responsiveContainer/ResponsiveContainer.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react'\nimport { cn } from '$/shared/utils'\n\nexport interface ResponsiveContainerProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode\n  className?: string\n  offset?: boolean\n}\n\nexport const ResponsiveContainer = ({ children, offset = true, className, ...props }: ResponsiveContainerProps) => {\n  return (\n    <div className={cn('m-auto w-full max-w-[636px] desktop:max-w-[1140px]', { 'mobile:px-4': offset }, className)} {...props}>\n      {children}\n    </div>\n  )\n}\n"],"names":["ResponsiveContainer","children","offset","className","props","jsx","cn"],"mappings":"0GASO,MAAMA,EAAsB,CAAC,CAAE,SAAAC,EAAU,OAAAC,EAAS,GAAM,UAAAC,EAAW,GAAGC,KAEzEC,EAAC,MAAA,CAAI,UAAWC,EAAG,qDAAsD,CAAE,cAAeJ,CAAA,EAAUC,CAAS,EAAI,GAAGC,EACjH,SAAAH,CAAA,CACH"}
+{"version":3,"file":"ResponsiveContainer.js","sources":["../../../../../lib/shared/ui/responsiveContainer/ResponsiveContainer.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react'\nimport { cn } from '$/shared/utils'\n\nexport interface ResponsiveContainerProps extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode\n  className?: string\n  offset?: boolean\n}\n\nexport const ResponsiveContainer = ({ children, offset = true, className, ...props }: ResponsiveContainerProps) => {\n  return (\n    <div className={cn('m-auto w-full max-w-[636px] desktop:max-w-[1140px]', { 'mobile:px-4': offset }, className)} {...props}>\n      {children}\n    </div>\n  )\n}\n"],"names":["ResponsiveContainer","children","offset","className","props","jsx","cn"],"mappings":"+EASO,MAAMA,EAAsB,CAAC,CAAE,SAAAC,EAAU,OAAAC,EAAS,GAAM,UAAAC,EAAW,GAAGC,KAEzEC,EAAC,MAAA,CAAI,UAAWC,EAAG,qDAAsD,CAAE,cAAeJ,CAAA,EAAUC,CAAS,EAAI,GAAGC,EACjH,SAAAH,CAAA,CACH"}

package/dist/lib/shared/ui/skeleton/Skeleton.js

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{cn as t}from"../../utils/cn.js";import"uuid";import"react";const i=({className:o})=>r("div",{className:t("skeleton-apply h-full w-full",o)});export{i as Skeleton};
+import{jsx as o}from"react/jsx-runtime";import{cn as e}from"../../utils/cn.js";const m=({className:l})=>o("div",{className:e("skeleton-apply h-full w-full",l)});export{m as Skeleton};
 //# sourceMappingURL=Skeleton.js.map

package/dist/lib/shared/ui/skeleton/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","sources":["../../../../../lib/shared/ui/skeleton/Skeleton.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react'\nimport { cn } from '$/shared/utils'\n\nexport interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {\n  className?: string\n}\n\nexport const Skeleton = ({ className }: SkeletonProps) => {\n  return <div className={cn('skeleton-apply h-full w-full', className)}></div>\n}\n"],"names":["Skeleton","className","cn"],"mappings":"0GAOO,MAAMA,EAAW,CAAC,CAAE,UAAAC,OACjB,MAAA,CAAI,UAAWC,EAAG,+BAAgCD,CAAS,EAAG"}
+{"version":3,"file":"Skeleton.js","sources":["../../../../../lib/shared/ui/skeleton/Skeleton.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react'\nimport { cn } from '$/shared/utils'\n\nexport interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {\n  className?: string\n}\n\nexport const Skeleton = ({ className }: SkeletonProps) => {\n  return <div className={cn('skeleton-apply h-full w-full', className)}></div>\n}\n"],"names":["Skeleton","className","cn"],"mappings":"+EAOO,MAAMA,EAAW,CAAC,CAAE,UAAAC,OACjB,MAAA,CAAI,UAAWC,EAAG,+BAAgCD,CAAS,EAAG"}

package/dist/lib/shared/ui/slot/model/getElementRef.js

@@ -1,2 +1,2 @@
-const p=t=>{var i,n;let r=(i=Object.getOwnPropertyDescriptor(t.props,"ref"))==null?void 0:i.get,e=r&&"isReactWarning"in r&&r.isReactWarning;return e?t.ref:(r=(n=Object.getOwnPropertyDescriptor(t,"ref"))==null?void 0:n.get,e=r&&"isReactWarning"in r&&r.isReactWarning,e?t.props.ref:t.props.ref||t.ref)};export{p as getElementRef};
+const i=t=>{let r=Object.getOwnPropertyDescriptor(t.props,"ref")?.get,e=r&&"isReactWarning"in r&&r.isReactWarning;return e?t.ref:(r=Object.getOwnPropertyDescriptor(t,"ref")?.get,e=r&&"isReactWarning"in r&&r.isReactWarning,e?t.props.ref:t.props.ref||t.ref)};export{i as getElementRef};
 //# sourceMappingURL=getElementRef.js.map

package/dist/lib/shared/ui/slot/model/getElementRef.js.map

@@ -1 +1 @@
-{"version":3,"file":"getElementRef.js","sources":["../../../../../../lib/shared/ui/slot/model/getElementRef.ts"],"sourcesContent":["export const getElementRef = (element: React.ReactElement) => {\n  let getter = Object.getOwnPropertyDescriptor(element.props, 'ref')?.get\n  let warn = getter && 'isReactWarning' in getter && getter.isReactWarning\n\n  if (warn) {\n    return (element as any).ref\n  }\n\n  getter = Object.getOwnPropertyDescriptor(element, 'ref')?.get\n  warn = getter && 'isReactWarning' in getter && getter.isReactWarning\n\n  if (warn) {\n    return (element.props as { ref?: React.Ref<unknown> }).ref\n  }\n\n  return (element.props as { ref?: React.Ref<unknown> }).ref || (element as any).ref\n}\n"],"names":["getElementRef","element","_a","_b","getter","warn"],"mappings":"AAAO,MAAMA,EAAiBC,GAAgC,CAAvD,IAAAC,EAAAC,EACL,IAAIC,GAASF,EAAA,OAAO,yBAAyBD,EAAQ,MAAO,KAAK,IAApD,YAAAC,EAAuD,IAChEG,EAAOD,GAAU,mBAAoBA,GAAUA,EAAO,eAE1D,OAAIC,EACMJ,EAAgB,KAG1BG,GAASD,EAAA,OAAO,yBAAyBF,EAAS,KAAK,IAA9C,YAAAE,EAAiD,IAC1DE,EAAOD,GAAU,mBAAoBA,GAAUA,EAAO,eAElDC,EACMJ,EAAQ,MAAuC,IAGjDA,EAAQ,MAAuC,KAAQA,EAAgB,IACjF"}
+{"version":3,"file":"getElementRef.js","sources":["../../../../../../lib/shared/ui/slot/model/getElementRef.ts"],"sourcesContent":["export const getElementRef = (element: React.ReactElement) => {\n  let getter = Object.getOwnPropertyDescriptor(element.props, 'ref')?.get\n  let warn = getter && 'isReactWarning' in getter && getter.isReactWarning\n\n  if (warn) {\n    return (element as any).ref\n  }\n\n  getter = Object.getOwnPropertyDescriptor(element, 'ref')?.get\n  warn = getter && 'isReactWarning' in getter && getter.isReactWarning\n\n  if (warn) {\n    return (element.props as { ref?: React.Ref<unknown> }).ref\n  }\n\n  return (element.props as { ref?: React.Ref<unknown> }).ref || (element as any).ref\n}\n"],"names":["getElementRef","element","getter","warn"],"mappings":"AAAO,MAAMA,EAAiBC,GAAgC,CAC5D,IAAIC,EAAS,OAAO,yBAAyBD,EAAQ,MAAO,KAAK,GAAG,IAChEE,EAAOD,GAAU,mBAAoBA,GAAUA,EAAO,eAE1D,OAAIC,EACMF,EAAgB,KAG1BC,EAAS,OAAO,yBAAyBD,EAAS,KAAK,GAAG,IAC1DE,EAAOD,GAAU,mBAAoBA,GAAUA,EAAO,eAElDC,EACMF,EAAQ,MAAuC,IAGjDA,EAAQ,MAAuC,KAAQA,EAAgB,IACjF"}

package/dist/lib/shared/ui/slot/model/isSlottable.js

@@ -1,2 +1,2 @@
-import{isValidElement as o}from"react";import{Slottable as r}from"../ui/Slottable.js";import"../ui/SlotClone.js";const l=t=>o(t)&&t.type===r;export{l as isSlottable};
+import{isValidElement as o}from"react";import{Slottable as e}from"../ui/Slottable.js";const m=t=>o(t)&&t.type===e;export{m as isSlottable};
 //# sourceMappingURL=isSlottable.js.map

package/dist/lib/shared/ui/slot/model/isSlottable.js.map

@@ -1 +1 @@
-{"version":3,"file":"isSlottable.js","sources":["../../../../../../lib/shared/ui/slot/model/isSlottable.ts"],"sourcesContent":["import { isValidElement } from 'react'\nimport { Slottable, type SlottableProps } from '../ui'\n\nexport const isSlottable = (child: React.ReactNode): child is React.ReactElement<SlottableProps, typeof Slottable> => {\n  return isValidElement(child) && child.type === Slottable\n}\n"],"names":["isSlottable","child","isValidElement","Slottable"],"mappings":"iHAGO,MAAMA,EAAeC,GACnBC,EAAeD,CAAK,GAAKA,EAAM,OAASE"}
+{"version":3,"file":"isSlottable.js","sources":["../../../../../../lib/shared/ui/slot/model/isSlottable.ts"],"sourcesContent":["import { isValidElement } from 'react'\nimport { Slottable, type SlottableProps } from '../ui'\n\nexport const isSlottable = (child: React.ReactNode): child is React.ReactElement<SlottableProps, typeof Slottable> => {\n  return isValidElement(child) && child.type === Slottable\n}\n"],"names":["isSlottable","child","isValidElement","Slottable"],"mappings":"sFAGO,MAAMA,EAAeC,GACnBC,EAAeD,CAAK,GAAKA,EAAM,OAASE"}

package/dist/lib/shared/ui/slot/ui/SlotClone.js

@@ -1,2 +1,2 @@
-import{forwardRef as l,isValidElement as p,cloneElement as n,Children as t}from"react";import"react/jsx-runtime";import{getElementRef as f}from"../model/getElementRef.js";import{mergeProps as i}from"../model/mergeProps.js";import"../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"tailwind-merge";import{mergeRefs as s}from"../../../utils/mergeRefs.js";import"uuid";const u=l(({children:o,...m},r)=>{if(p(o)){const e=f(o);return n(o,{...i(m,o.props),ref:r?s(r,e):e})}return t.count(o)>1?t.only(null):null});u.displayName="SlotClone";export{u as SlotClone};
+import{forwardRef as l,isValidElement as n,cloneElement as f,Children as t}from"react";import{getElementRef as p}from"../model/getElementRef.js";import{mergeRefs as s}from"../../../utils/mergeRefs.js";import{mergeProps as i}from"../model/mergeProps.js";const u=l(({children:o,...m},e)=>{if(n(o)){const r=p(o);return f(o,{...i(m,o.props),ref:e?s(e,r):r})}return t.count(o)>1?t.only(null):null});u.displayName="SlotClone";export{u as SlotClone};
 //# sourceMappingURL=SlotClone.js.map

package/dist/lib/shared/ui/slot/ui/SlotClone.js.map

@@ -1 +1 @@
-{"version":3,"file":"SlotClone.js","sources":["../../../../../../lib/shared/ui/slot/ui/SlotClone.tsx"],"sourcesContent":["import { Children, cloneElement, forwardRef, isValidElement } from 'react'\nimport { getElementRef, mergeProps } from '../model'\nimport { mergeRefs } from '$/shared/utils'\n\nexport type SlotCloneProps = {\n  children: React.ReactNode\n}\n\nexport const SlotClone = forwardRef<any, SlotCloneProps>(({ children, ...props }, ref) => {\n  if (isValidElement(children)) {\n    const childrenRef = getElementRef(children)\n\n    return cloneElement(children, {\n      ...mergeProps(props, children.props),\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      // @ts-ignore\n      ref: ref ? mergeRefs(ref, childrenRef) : childrenRef\n    })\n  }\n\n  return Children.count(children) > 1 ? Children.only(null) : null\n})\nSlotClone.displayName = 'SlotClone'\n"],"names":["SlotClone","forwardRef","children","props","ref","isValidElement","childrenRef","getElementRef","cloneElement","mergeProps","mergeRefs","Children"],"mappings":"uZAQO,MAAMA,EAAYC,EAAgC,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAA,EAASC,IAAQ,CACxF,GAAIC,EAAeH,CAAQ,EAAG,CAC5B,MAAMI,EAAcC,EAAcL,CAAQ,EAE1C,OAAOM,EAAaN,EAAU,CAC5B,GAAGO,EAAWN,EAAOD,EAAS,KAAK,EAGnC,IAAKE,EAAMM,EAAUN,EAAKE,CAAW,EAAIA,CAAA,CAC1C,CACH,CAEA,OAAOK,EAAS,MAAMT,CAAQ,EAAI,EAAIS,EAAS,KAAK,IAAI,EAAI,IAC9D,CAAC,EACDX,EAAU,YAAc"}
+{"version":3,"file":"SlotClone.js","sources":["../../../../../../lib/shared/ui/slot/ui/SlotClone.tsx"],"sourcesContent":["import { Children, cloneElement, forwardRef, isValidElement } from 'react'\nimport { getElementRef, mergeProps } from '../model'\nimport { mergeRefs } from '$/shared/utils'\n\nexport type SlotCloneProps = {\n  children: React.ReactNode\n}\n\nexport const SlotClone = forwardRef<any, SlotCloneProps>(({ children, ...props }, ref) => {\n  if (isValidElement(children)) {\n    const childrenRef = getElementRef(children)\n\n    return cloneElement(children, {\n      ...mergeProps(props, children.props),\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      // @ts-ignore\n      ref: ref ? mergeRefs(ref, childrenRef) : childrenRef\n    })\n  }\n\n  return Children.count(children) > 1 ? Children.only(null) : null\n})\nSlotClone.displayName = 'SlotClone'\n"],"names":["SlotClone","forwardRef","children","props","ref","isValidElement","childrenRef","getElementRef","cloneElement","mergeProps","mergeRefs","Children"],"mappings":"6PAQO,MAAMA,EAAYC,EAAgC,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAA,EAASC,IAAQ,CACxF,GAAIC,EAAeH,CAAQ,EAAG,CAC5B,MAAMI,EAAcC,EAAcL,CAAQ,EAE1C,OAAOM,EAAaN,EAAU,CAC5B,GAAGO,EAAWN,EAAOD,EAAS,KAAK,EAGnC,IAAKE,EAAMM,EAAUN,EAAKE,CAAW,EAAIA,CAAA,CAC1C,CACH,CAEA,OAAOK,EAAS,MAAMT,CAAQ,EAAI,EAAIS,EAAS,KAAK,IAAI,EAAI,IAC9D,CAAC,EACDX,EAAU,YAAc"}

package/dist/lib/shared/ui/tabSwitcher/TabsSwitcher.js

@@ -1,2 +1,2 @@
-import{jsxs as b,jsx as r}from"react/jsx-runtime";import*as i from"@radix-ui/react-tabs";import{TabContent as e}from"./ui/TabContent.js";import{cn as m}from"../../utils/cn.js";import"uuid";import"react";const T=({renderContent:t,defaultActiveTabId:g="1",value:p,onChangeTab:l,classes:o})=>{var a;return b(i.Root,{value:p,onValueChange:l,defaultValue:g,className:m("flex flex-col",o==null?void 0:o.root),children:[r(i.List,{className:m("flex items-center gap-4",o==null?void 0:o.list),children:(a=t==null?void 0:t.triggers)==null?void 0:a.map(({id:u,label:f})=>r(i.Trigger,{value:u,className:m('desk-body-regular-l cursor-pointer rounded-sm bg-color-blue-grey-100 px-4 py-2 text-color-secondary outline outline-2 outline-offset-2 outline-transparent transition-colors hover:bg-color-blue-grey-200 hover:text-color-secondary data-[state="active"]:!bg-color-primary-default data-[state="active"]:!text-color-white',o==null?void 0:o.trigger),children:f},u))}),r(e,{contents:t==null?void 0:t.contents,classes:o==null?void 0:o.tabContent})]})};export{T as TabsSwitcher};
+import{jsxs as m,jsx as e}from"react/jsx-runtime";import*as o from"@radix-ui/react-tabs";import{TabContent as u}from"./ui/TabContent.js";import{cn as r}from"../../utils/cn.js";const f=({renderContent:a,defaultActiveTabId:i="1",value:n,onChangeTab:c,classes:t})=>m(o.Root,{value:n,onValueChange:c,defaultValue:i,className:r("flex flex-col",t?.root),children:[e(o.List,{className:r("flex items-center gap-4",t?.list),children:a?.triggers?.map(({id:l,label:s})=>e(o.Trigger,{value:l,className:r('desk-body-regular-l cursor-pointer rounded-sm bg-color-blue-grey-100 px-4 py-2 text-color-secondary outline outline-2 outline-offset-2 outline-transparent transition-colors hover:bg-color-blue-grey-200 hover:text-color-secondary data-[state="active"]:!bg-color-primary-default data-[state="active"]:!text-color-white',t?.trigger),children:s},l))}),e(u,{contents:a?.contents,classes:t?.tabContent})]});export{f as TabsSwitcher};
 //# sourceMappingURL=TabsSwitcher.js.map

package/dist/lib/shared/ui/tabSwitcher/TabsSwitcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsSwitcher.js","sources":["../../../../../lib/shared/ui/tabSwitcher/TabsSwitcher.tsx"],"sourcesContent":["'use client'\n\nimport * as TabPrimitive from '@radix-ui/react-tabs'\nimport type { TabRenderContent, TabsClasses } from './model/types'\nimport { TabContent } from './ui/TabContent'\nimport { cn } from '$/shared/utils'\n\nexport interface TabsSwitcherProps {\n  renderContent: TabRenderContent\n  value: string\n  onChangeTab: (tab: string) => void\n  defaultActiveTabId?: string\n  classes?: TabsClasses\n}\n\nexport const TabsSwitcher = ({ renderContent, defaultActiveTabId = '1', value, onChangeTab, classes }: TabsSwitcherProps) => {\n  return (\n    <TabPrimitive.Root\n      value={value}\n      onValueChange={onChangeTab}\n      defaultValue={defaultActiveTabId}\n      className={cn('flex flex-col', classes?.root)}\n    >\n      <TabPrimitive.List className={cn('flex items-center gap-4', classes?.list)}>\n        {renderContent?.triggers?.map(({ id, label }) => (\n          <TabPrimitive.Trigger\n            key={id}\n            value={id}\n            className={cn(\n              'desk-body-regular-l cursor-pointer rounded-sm bg-color-blue-grey-100 px-4 py-2 text-color-secondary outline outline-2 outline-offset-2 outline-transparent transition-colors hover:bg-color-blue-grey-200 hover:text-color-secondary data-[state=\"active\"]:!bg-color-primary-default data-[state=\"active\"]:!text-color-white',\n              classes?.trigger\n            )}\n          >\n            {label}\n          </TabPrimitive.Trigger>\n        ))}\n      </TabPrimitive.List>\n      <TabContent contents={renderContent?.contents} classes={classes?.tabContent} />\n    </TabPrimitive.Root>\n  )\n}\n"],"names":["TabsSwitcher","renderContent","defaultActiveTabId","value","onChangeTab","classes","jsxs","TabPrimitive","cn","jsx","_a","id","label","TabContent"],"mappings":"2MAeO,MAAMA,EAAe,CAAC,CAAE,cAAAC,EAAe,mBAAAC,EAAqB,IAAK,MAAAC,EAAO,YAAAC,EAAa,QAAAC,KAAiC,OAC3H,OACEC,EAACC,EAAa,KAAb,CACC,MAAAJ,EACA,cAAeC,EACf,aAAcF,EACd,UAAWM,EAAG,gBAAiBH,GAAA,YAAAA,EAAS,IAAI,EAE5C,SAAA,CAAAI,EAACF,EAAa,KAAb,CAAkB,UAAWC,EAAG,0BAA2BH,GAAA,YAAAA,EAAS,IAAI,EACtE,UAAAK,EAAAT,GAAA,YAAAA,EAAe,WAAf,YAAAS,EAAyB,IAAI,CAAC,CAAE,GAAAC,EAAI,MAAAC,KACnCH,EAACF,EAAa,QAAb,CAEC,MAAOI,EACP,UAAWH,EACT,+TACAH,GAAA,YAAAA,EAAS,OAAA,EAGV,SAAAO,CAAA,EAPID,CAAA,GAUX,IACCE,EAAA,CAAW,SAAUZ,GAAA,YAAAA,EAAe,SAAU,QAASI,GAAA,YAAAA,EAAS,UAAA,CAAY,CAAA,CAAA,CAAA,CAGnF"}
+{"version":3,"file":"TabsSwitcher.js","sources":["../../../../../lib/shared/ui/tabSwitcher/TabsSwitcher.tsx"],"sourcesContent":["'use client'\n\nimport * as TabPrimitive from '@radix-ui/react-tabs'\nimport type { TabRenderContent, TabsClasses } from './model/types'\nimport { TabContent } from './ui/TabContent'\nimport { cn } from '$/shared/utils'\n\nexport interface TabsSwitcherProps {\n  renderContent: TabRenderContent\n  value: string\n  onChangeTab: (tab: string) => void\n  defaultActiveTabId?: string\n  classes?: TabsClasses\n}\n\nexport const TabsSwitcher = ({ renderContent, defaultActiveTabId = '1', value, onChangeTab, classes }: TabsSwitcherProps) => {\n  return (\n    <TabPrimitive.Root\n      value={value}\n      onValueChange={onChangeTab}\n      defaultValue={defaultActiveTabId}\n      className={cn('flex flex-col', classes?.root)}\n    >\n      <TabPrimitive.List className={cn('flex items-center gap-4', classes?.list)}>\n        {renderContent?.triggers?.map(({ id, label }) => (\n          <TabPrimitive.Trigger\n            key={id}\n            value={id}\n            className={cn(\n              'desk-body-regular-l cursor-pointer rounded-sm bg-color-blue-grey-100 px-4 py-2 text-color-secondary outline outline-2 outline-offset-2 outline-transparent transition-colors hover:bg-color-blue-grey-200 hover:text-color-secondary data-[state=\"active\"]:!bg-color-primary-default data-[state=\"active\"]:!text-color-white',\n              classes?.trigger\n            )}\n          >\n            {label}\n          </TabPrimitive.Trigger>\n        ))}\n      </TabPrimitive.List>\n      <TabContent contents={renderContent?.contents} classes={classes?.tabContent} />\n    </TabPrimitive.Root>\n  )\n}\n"],"names":["TabsSwitcher","renderContent","defaultActiveTabId","value","onChangeTab","classes","jsxs","TabPrimitive","cn","jsx","id","label","TabContent"],"mappings":"gLAeO,MAAMA,EAAe,CAAC,CAAE,cAAAC,EAAe,mBAAAC,EAAqB,IAAK,MAAAC,EAAO,YAAAC,EAAa,QAAAC,KAExFC,EAACC,EAAa,KAAb,CACC,MAAAJ,EACA,cAAeC,EACf,aAAcF,EACd,UAAWM,EAAG,gBAAiBH,GAAS,IAAI,EAE5C,SAAA,CAAAI,EAACF,EAAa,KAAb,CAAkB,UAAWC,EAAG,0BAA2BH,GAAS,IAAI,EACtE,SAAAJ,GAAe,UAAU,IAAI,CAAC,CAAE,GAAAS,EAAI,MAAAC,KACnCF,EAACF,EAAa,QAAb,CAEC,MAAOG,EACP,UAAWF,EACT,+TACAH,GAAS,OAAA,EAGV,SAAAM,CAAA,EAPID,CAAA,CASR,EACH,IACCE,EAAA,CAAW,SAAUX,GAAe,SAAU,QAASI,GAAS,UAAA,CAAY,CAAA,CAAA,CAAA"}

package/dist/lib/shared/ui/tabSwitcher/ui/TabContent.js

@@ -1,2 +1,2 @@
-import{jsx as p}from"react/jsx-runtime";import*as u from"@radix-ui/react-tabs";import{Accordion as h}from"../../accordion/Accordion.js";import{cn as f}from"../../../utils/cn.js";import"uuid";import"react";const b=({classes:t,contents:e})=>p("div",{className:f("flex flex-col gap-4",t==null?void 0:t.contentsWrapper),children:e==null?void 0:e.map(({id:r,body:i,accordion:m})=>m&&(m!=null&&m.title)?p(u.Content,{value:r,className:f("py-8",t==null?void 0:t.content),children:p(h,{label:m==null?void 0:m.title,children:i})},r):p(u.Content,{value:r,className:f("py-8",t==null?void 0:t.content),children:i},r))});export{b as TabContent};
+import{jsx as e}from"react/jsx-runtime";import*as m from"@radix-ui/react-tabs";import{cn as l}from"../../../utils/cn.js";import{Accordion as i}from"../../accordion/Accordion.js";const u=({classes:r,contents:a})=>e("div",{className:l("flex flex-col gap-4",r?.contentsWrapper),children:a?.map(({id:t,body:o,accordion:n})=>n&&n?.title?e(m.Content,{value:t,className:l("py-8",r?.content),children:e(i,{label:n?.title,children:o})},t):e(m.Content,{value:t,className:l("py-8",r?.content),children:o},t))});export{u as TabContent};
 //# sourceMappingURL=TabContent.js.map

package/dist/lib/shared/ui/tabSwitcher/ui/TabContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabContent.js","sources":["../../../../../../lib/shared/ui/tabSwitcher/ui/TabContent.tsx"],"sourcesContent":["import * as TabPrimitive from '@radix-ui/react-tabs'\nimport { Accordion } from '../../accordion'\nimport type { ITabContent } from '../model/types'\nimport { cn } from '$/shared/utils'\n\nexport type TabContentClasses = {\n  content?: string\n  contentsWrapper?: string\n}\n\nexport interface TabContentProps {\n  contents: ITabContent[]\n  classes?: TabContentClasses\n}\n\nexport const TabContent = ({ classes, contents }: TabContentProps) => {\n  return (\n    <div className={cn('flex flex-col gap-4', classes?.contentsWrapper)}>\n      {contents?.map(({ id, body, accordion }) => {\n        if (accordion && accordion?.title) {\n          return (\n            <TabPrimitive.Content key={id} value={id} className={cn('py-8', classes?.content)}>\n              <Accordion label={accordion?.title}>{body}</Accordion>\n            </TabPrimitive.Content>\n          )\n        }\n\n        return (\n          <TabPrimitive.Content key={id} value={id} className={cn('py-8', classes?.content)}>\n            {body}\n          </TabPrimitive.Content>\n        )\n      })}\n    </div>\n  )\n}\n"],"names":["TabContent","classes","contents","jsx","cn","id","body","accordion","TabPrimitive","Accordion"],"mappings":"6MAeO,MAAMA,EAAa,CAAC,CAAE,QAAAC,EAAS,SAAAC,KAElCC,EAAC,MAAA,CAAI,UAAWC,EAAG,sBAAuBH,GAAA,YAAAA,EAAS,eAAe,EAC/D,SAAAC,GAAA,YAAAA,EAAU,IAAI,CAAC,CAAE,GAAAG,EAAI,KAAAC,EAAM,UAAAC,KACtBA,IAAaA,GAAA,MAAAA,EAAW,SAEvBC,EAAa,QAAb,CAA8B,MAAOH,EAAI,UAAWD,EAAG,OAAQH,GAAA,YAAAA,EAAS,OAAO,EAC9E,WAACQ,EAAA,CAAU,MAAOF,GAAA,YAAAA,EAAW,MAAQ,SAAAD,CAAA,CAAK,GADjBD,CAE3B,EAKFF,EAACK,EAAa,QAAb,CAA8B,MAAOH,EAAI,UAAWD,EAAG,OAAQH,GAAA,YAAAA,EAAS,OAAO,EAC7E,YADwBI,CAE3B,EAEH,CACH"}
+{"version":3,"file":"TabContent.js","sources":["../../../../../../lib/shared/ui/tabSwitcher/ui/TabContent.tsx"],"sourcesContent":["import * as TabPrimitive from '@radix-ui/react-tabs'\nimport { Accordion } from '../../accordion'\nimport type { ITabContent } from '../model/types'\nimport { cn } from '$/shared/utils'\n\nexport type TabContentClasses = {\n  content?: string\n  contentsWrapper?: string\n}\n\nexport interface TabContentProps {\n  contents: ITabContent[]\n  classes?: TabContentClasses\n}\n\nexport const TabContent = ({ classes, contents }: TabContentProps) => {\n  return (\n    <div className={cn('flex flex-col gap-4', classes?.contentsWrapper)}>\n      {contents?.map(({ id, body, accordion }) => {\n        if (accordion && accordion?.title) {\n          return (\n            <TabPrimitive.Content key={id} value={id} className={cn('py-8', classes?.content)}>\n              <Accordion label={accordion?.title}>{body}</Accordion>\n            </TabPrimitive.Content>\n          )\n        }\n\n        return (\n          <TabPrimitive.Content key={id} value={id} className={cn('py-8', classes?.content)}>\n            {body}\n          </TabPrimitive.Content>\n        )\n      })}\n    </div>\n  )\n}\n"],"names":["TabContent","classes","contents","jsx","cn","id","body","accordion","TabPrimitive","Accordion"],"mappings":"kLAeO,MAAMA,EAAa,CAAC,CAAE,QAAAC,EAAS,SAAAC,KAElCC,EAAC,MAAA,CAAI,UAAWC,EAAG,sBAAuBH,GAAS,eAAe,EAC/D,SAAAC,GAAU,IAAI,CAAC,CAAE,GAAAG,EAAI,KAAAC,EAAM,UAAAC,KACtBA,GAAaA,GAAW,QAEvBC,EAAa,QAAb,CAA8B,MAAOH,EAAI,UAAWD,EAAG,OAAQH,GAAS,OAAO,EAC9E,WAACQ,EAAA,CAAU,MAAOF,GAAW,MAAQ,SAAAD,CAAA,CAAK,GADjBD,CAE3B,EAKFF,EAACK,EAAa,QAAb,CAA8B,MAAOH,EAAI,UAAWD,EAAG,OAAQH,GAAS,OAAO,EAC7E,YADwBI,CAE3B,CAEH,CAAA,CACH"}

package/dist/lib/shared/ui/table/Desktop.js

@@ -1,2 +1,2 @@
-import{jsxs as u,jsx as r}from"react/jsx-runtime";import{flexRender as f}from"@tanstack/react-table";import{TablePagination as N}from"./TablePagination.js";import{Table as P,TableHeader as T,TableRow as l,TableHead as R,TableBody as S,TableCell as h}from"./ui/primitives/Primitives.js";import"react";import{cn as p}from"../../utils/cn.js";import"uuid";import"react-hook-form";import"@hookform/resolvers/zod";import"../button/Button.js";import"../button/model/helpers.js";import"../buttonIcon/ButtonIcon.js";import"../loader/model/helpers.js";import"../calendar/Calendar.js";import"../calendar/model/utils.js";import"../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../notification/ui/CustomToast.js";import"../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../carousel/ui/CarouselContent.js";import"../customLink/model/helpers.js";import"../slot/Slot.js";import"../formElements/uncontrolled/autocomplete/Autocomplete.js";import"../formElements/uncontrolled/checkbox/Checkbox.js";import"../formElements/uncontrolled/combobox/combobox.js";import"../formElements/uncontrolled/dayPicker/DayPicker.js";import"../formElements/uncontrolled/input/Input.js";import"../formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../formElements/uncontrolled/maskInput/MaskInput.js";import"../formElements/uncontrolled/radio/RadioGroup.js";import"../formElements/uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../formElements/uncontrolled/slider/SliderBase.js";import"../formElements/uncontrolled/switch/Switch.js";import"../formElements/uncontrolled/textarea/Textarea.js";import"../formElements/uncontrolled/uploader/UploaderBase.js";import"../formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../formElements/controlled/editor/ui/Editor.js";import"../formElements/controlled/input/MaskInputControl.js";import"../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../dropdownList/ui/dropdownItem/DropdownItem.js";const Ho=({mode:m,enableHeaders:b,table:t,classes:o,pagination:n,empty:x="Ничего не найдено"})=>{const w=n!==!1&&t.getPageCount()>1,g={pageCount:t.getPageCount(),rowsCount:t.getCoreRowModel().rows.length,pageSize:t.getState().pagination.pageSize,page:t.getState().pagination.pageIndex+1,onPageIndexChange:t.setPageIndex,classes:o==null?void 0:o.pagination};return u("div",{className:p("flex w-full flex-col gap-y-4",o==null?void 0:o.root),children:[u(P,{className:p("w-full",o==null?void 0:o.table),children:[b&&r(T,{className:"px-2",children:t.getHeaderGroups().map(e=>r(l,{className:p("w-full",{"border-b border-b-[rgba(234,237,241,1)]":m==="solid"},o==null?void 0:o.tableHeader),children:e.headers.map(i=>r(R,{className:p("py-3",{"px-2":m==="odd"},o==null?void 0:o.tableHead),children:i.isPlaceholder?null:f(i.column.columnDef.header,i.getContext())},i.id))},e.id))}),r(S,{children:t.getRowModel().rows.length?t.getRowModel().rows.map((e,i)=>r(l,{className:p("w-full",{"[&:not(:last-child)]:border-b [&:not(:last-child)]:border-b-[rgba(234,237,241,1)]":m==="solid","[&:nth-child(odd)]:bg-color-primary-light-default":m==="odd"},o==null?void 0:o.tableRow),children:e.getVisibleCells().map((d,C)=>{const a=d.getContext(),y=a.column.getSize();return r(h,{style:{width:y},className:p("py-3",{"px-3":m==="odd","font-medium":C!==0},o==null?void 0:o.tableCell),children:f(d.column.columnDef.cell,{...a,rowIndex:i})},d.id)})},e.id)):r(l,{children:r(h,{className:"py-4 text-center",colSpan:t.getAllColumns().length,children:x})})})]}),typeof n=="function"?n(g):w?r(N,{...g}):null]})};export{Ho as Desktop};
+import{jsxs as s,jsx as l}from"react/jsx-runtime";import{flexRender as m}from"@tanstack/react-table";import{TablePagination as C}from"./TablePagination.js";import{cn as n}from"../../utils/cn.js";import{Table as y,TableHeader as N,TableRow as g,TableHead as P,TableBody as T,TableCell as u}from"./ui/primitives/Primitives.js";const I=({mode:a,enableHeaders:f,table:e,classes:o,pagination:i,empty:h="Ничего не найдено"})=>{const b=i!==!1&&e.getPageCount()>1,c={pageCount:e.getPageCount(),rowsCount:e.getCoreRowModel().rows.length,pageSize:e.getState().pagination.pageSize,page:e.getState().pagination.pageIndex+1,onPageIndexChange:e.setPageIndex,classes:o?.pagination};return s("div",{className:n("flex w-full flex-col gap-y-4",o?.root),children:[s(y,{className:n("w-full",o?.table),children:[f&&l(N,{className:"px-2",children:e.getHeaderGroups().map(r=>l(g,{className:n("w-full",{"border-b border-b-[rgba(234,237,241,1)]":a==="solid"},o?.tableHeader),children:r.headers.map(t=>l(P,{className:n("py-3",{"px-2":a==="odd"},o?.tableHead),children:t.isPlaceholder?null:m(t.column.columnDef.header,t.getContext())},t.id))},r.id))}),l(T,{children:e.getRowModel().rows.length?e.getRowModel().rows.map((r,t)=>l(g,{className:n("w-full",{"[&:not(:last-child)]:border-b [&:not(:last-child)]:border-b-[rgba(234,237,241,1)]":a==="solid","[&:nth-child(odd)]:bg-color-primary-light-default":a==="odd"},o?.tableRow),children:r.getVisibleCells().map((d,x)=>{const p=d.getContext(),w=p.column.getSize();return l(u,{style:{width:w},className:n("py-3",{"px-3":a==="odd","font-medium":x!==0},o?.tableCell),children:m(d.column.columnDef.cell,{...p,rowIndex:t})},d.id)})},r.id)):l(g,{children:l(u,{className:"py-4 text-center",colSpan:e.getAllColumns().length,children:h})})})]}),typeof i=="function"?i(c):b?l(C,{...c}):null]})};export{I as Desktop};
 //# sourceMappingURL=Desktop.js.map

package/dist/lib/shared/ui/table/Desktop.js.map

@@ -1 +1 @@
-{"version":3,"file":"Desktop.js","sources":["../../../../../lib/shared/ui/table/Desktop.tsx"],"sourcesContent":["import { flexRender, type Table as TTable } from '@tanstack/react-table'\nimport type { DataTableProps } from './model'\nimport { TablePagination } from './TablePagination'\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from './ui'\nimport { cn } from '$/shared/utils'\n\ntype DesktopTableProps<TData extends {}> = Pick<\n  DataTableProps<TData>,\n  'enableHeaders' | 'classes' | 'mode' | 'pagination' | 'empty'\n> & {\n  table: TTable<TData>\n}\n\nexport const Desktop = <TData extends {}>({\n  mode,\n  enableHeaders,\n  table,\n  classes,\n  pagination,\n  empty = 'Ничего не найдено'\n}: DesktopTableProps<TData>) => {\n  const paginationEnabled = pagination !== false && table.getPageCount() > 1\n\n  const paginationProps = {\n    pageCount: table.getPageCount(),\n    rowsCount: table.getCoreRowModel().rows.length,\n    pageSize: table.getState().pagination.pageSize,\n    page: table.getState().pagination.pageIndex + 1,\n    onPageIndexChange: table.setPageIndex,\n    classes: classes?.pagination\n  }\n\n  return (\n    <div className={cn('flex w-full flex-col gap-y-4', classes?.root)}>\n      <Table className={cn('w-full', classes?.table)}>\n        {enableHeaders && (\n          <TableHeader className='px-2'>\n            {table.getHeaderGroups().map((headerGroup) => (\n              <TableRow\n                key={headerGroup.id}\n                className={cn(\n                  'w-full',\n                  {\n                    'border-b border-b-[rgba(234,237,241,1)]': mode === 'solid'\n                  },\n                  classes?.tableHeader\n                )}\n              >\n                {headerGroup.headers.map((header) => (\n                  <TableHead\n                    key={header.id}\n                    className={cn(\n                      'py-3',\n                      {\n                        'px-2': mode === 'odd'\n                      },\n                      classes?.tableHead\n                    )}\n                  >\n                    {header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext())}\n                  </TableHead>\n                ))}\n              </TableRow>\n            ))}\n          </TableHeader>\n        )}\n        <TableBody>\n          {table.getRowModel().rows.length ? (\n            table.getRowModel().rows.map((row, rowIndex) => (\n              <TableRow\n                key={row.id}\n                className={cn(\n                  'w-full',\n                  {\n                    '[&:not(:last-child)]:border-b [&:not(:last-child)]:border-b-[rgba(234,237,241,1)]': mode === 'solid',\n                    '[&:nth-child(odd)]:bg-color-primary-light-default': mode === 'odd'\n                  },\n                  classes?.tableRow\n                )}\n              >\n                {row.getVisibleCells().map((cell, cellIndex) => {\n                  const cellContext = cell.getContext()\n                  const size = cellContext.column.getSize()\n\n                  return (\n                    <TableCell\n                      key={cell.id}\n                      style={{ width: size }}\n                      className={cn(\n                        'py-3',\n                        {\n                          'px-3': mode === 'odd',\n                          'font-medium': cellIndex !== 0\n                        },\n                        classes?.tableCell\n                      )}\n                    >\n                      {flexRender(cell.column.columnDef.cell, { ...cellContext, rowIndex })}\n                    </TableCell>\n                  )\n                })}\n              </TableRow>\n            ))\n          ) : (\n            <TableRow>\n              <TableCell className='py-4 text-center' colSpan={table.getAllColumns().length}>\n                {empty}\n              </TableCell>\n            </TableRow>\n          )}\n        </TableBody>\n      </Table>\n      {typeof pagination === 'function' ? (\n        pagination(paginationProps)\n      ) : paginationEnabled ? (\n        <TablePagination {...paginationProps} />\n      ) : null}\n    </div>\n  )\n}\n"],"names":["Desktop","mode","enableHeaders","table","classes","pagination","empty","paginationEnabled","paginationProps","cn","jsxs","Table","jsx","TableHeader","headerGroup","TableRow","header","TableHead","flexRender","TableBody","row","rowIndex","cell","cellIndex","cellContext","size","TableCell","TablePagination"],"mappings":"4zEAaO,MAAMA,GAAU,CAAmB,CACxC,KAAAC,EACA,cAAAC,EACA,MAAAC,EACA,QAAAC,EACA,WAAAC,EACA,MAAAC,EAAQ,mBACV,IAAgC,CAC9B,MAAMC,EAAoBF,IAAe,IAASF,EAAM,eAAiB,EAEnEK,EAAkB,CACtB,UAAWL,EAAM,aAAA,EACjB,UAAWA,EAAM,gBAAA,EAAkB,KAAK,OACxC,SAAUA,EAAM,SAAA,EAAW,WAAW,SACtC,KAAMA,EAAM,SAAA,EAAW,WAAW,UAAY,EAC9C,kBAAmBA,EAAM,aACzB,QAASC,GAAA,YAAAA,EAAS,UAAA,EAGpB,SACG,MAAA,CAAI,UAAWK,EAAG,+BAAgCL,GAAA,YAAAA,EAAS,IAAI,EAC9D,SAAA,CAAAM,EAACC,GAAM,UAAWF,EAAG,SAAUL,GAAA,YAAAA,EAAS,KAAK,EAC1C,SAAA,CAAAF,GACCU,EAACC,GAAY,UAAU,OACpB,WAAM,gBAAA,EAAkB,IAAKC,GAC5BF,EAACG,EAAA,CAEC,UAAWN,EACT,SACA,CACE,0CAA2CR,IAAS,OAAA,EAEtDG,GAAA,YAAAA,EAAS,WAAA,EAGV,SAAAU,EAAY,QAAQ,IAAKE,GACxBJ,EAACK,EAAA,CAEC,UAAWR,EACT,OACA,CACE,OAAQR,IAAS,KAAA,EAEnBG,GAAA,YAAAA,EAAS,SAAA,EAGV,SAAAY,EAAO,cAAgB,KAAOE,EAAWF,EAAO,OAAO,UAAU,OAAQA,EAAO,WAAA,CAAY,CAAA,EATxFA,EAAO,EAAA,CAWf,CAAA,EAtBIF,EAAY,EAAA,CAwBpB,EACH,EAEFF,EAACO,EAAA,CACE,SAAAhB,EAAM,YAAA,EAAc,KAAK,OACxBA,EAAM,YAAA,EAAc,KAAK,IAAI,CAACiB,EAAKC,IACjCT,EAACG,EAAA,CAEC,UAAWN,EACT,SACA,CACE,oFAAqFR,IAAS,QAC9F,oDAAqDA,IAAS,KAAA,EAEhEG,GAAA,YAAAA,EAAS,QAAA,EAGV,WAAI,gBAAA,EAAkB,IAAI,CAACkB,EAAMC,IAAc,CAC9C,MAAMC,EAAcF,EAAK,WAAA,EACnBG,EAAOD,EAAY,OAAO,QAAA,EAEhC,OACEZ,EAACc,EAAA,CAEC,MAAO,CAAE,MAAOD,CAAA,EAChB,UAAWhB,EACT,OACA,CACE,OAAQR,IAAS,MACjB,cAAesB,IAAc,CAAA,EAE/BnB,GAAA,YAAAA,EAAS,SAAA,EAGV,SAAAc,EAAWI,EAAK,OAAO,UAAU,KAAM,CAAE,GAAGE,EAAa,SAAAH,CAAA,CAAU,CAAA,EAX/DC,EAAK,EAAA,CAchB,CAAC,CAAA,EA9BIF,EAAI,EAAA,CAgCZ,EAEDR,EAACG,EAAA,CACC,WAACW,EAAA,CAAU,UAAU,mBAAmB,QAASvB,EAAM,gBAAgB,OACpE,SAAAG,CAAA,CACH,EACF,CAAA,CAEJ,CAAA,EACF,EACC,OAAOD,GAAe,WACrBA,EAAWG,CAAe,EACxBD,EACFK,EAACe,EAAA,CAAiB,GAAGnB,CAAA,CAAiB,EACpC,IAAA,EACN,CAEJ"}
+{"version":3,"file":"Desktop.js","sources":["../../../../../lib/shared/ui/table/Desktop.tsx"],"sourcesContent":["import { flexRender, type Table as TTable } from '@tanstack/react-table'\nimport type { DataTableProps } from './model'\nimport { TablePagination } from './TablePagination'\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from './ui'\nimport { cn } from '$/shared/utils'\n\ntype DesktopTableProps<TData extends {}> = Pick<\n  DataTableProps<TData>,\n  'enableHeaders' | 'classes' | 'mode' | 'pagination' | 'empty'\n> & {\n  table: TTable<TData>\n}\n\nexport const Desktop = <TData extends {}>({\n  mode,\n  enableHeaders,\n  table,\n  classes,\n  pagination,\n  empty = 'Ничего не найдено'\n}: DesktopTableProps<TData>) => {\n  const paginationEnabled = pagination !== false && table.getPageCount() > 1\n\n  const paginationProps = {\n    pageCount: table.getPageCount(),\n    rowsCount: table.getCoreRowModel().rows.length,\n    pageSize: table.getState().pagination.pageSize,\n    page: table.getState().pagination.pageIndex + 1,\n    onPageIndexChange: table.setPageIndex,\n    classes: classes?.pagination\n  }\n\n  return (\n    <div className={cn('flex w-full flex-col gap-y-4', classes?.root)}>\n      <Table className={cn('w-full', classes?.table)}>\n        {enableHeaders && (\n          <TableHeader className='px-2'>\n            {table.getHeaderGroups().map((headerGroup) => (\n              <TableRow\n                key={headerGroup.id}\n                className={cn(\n                  'w-full',\n                  {\n                    'border-b border-b-[rgba(234,237,241,1)]': mode === 'solid'\n                  },\n                  classes?.tableHeader\n                )}\n              >\n                {headerGroup.headers.map((header) => (\n                  <TableHead\n                    key={header.id}\n                    className={cn(\n                      'py-3',\n                      {\n                        'px-2': mode === 'odd'\n                      },\n                      classes?.tableHead\n                    )}\n                  >\n                    {header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext())}\n                  </TableHead>\n                ))}\n              </TableRow>\n            ))}\n          </TableHeader>\n        )}\n        <TableBody>\n          {table.getRowModel().rows.length ? (\n            table.getRowModel().rows.map((row, rowIndex) => (\n              <TableRow\n                key={row.id}\n                className={cn(\n                  'w-full',\n                  {\n                    '[&:not(:last-child)]:border-b [&:not(:last-child)]:border-b-[rgba(234,237,241,1)]': mode === 'solid',\n                    '[&:nth-child(odd)]:bg-color-primary-light-default': mode === 'odd'\n                  },\n                  classes?.tableRow\n                )}\n              >\n                {row.getVisibleCells().map((cell, cellIndex) => {\n                  const cellContext = cell.getContext()\n                  const size = cellContext.column.getSize()\n\n                  return (\n                    <TableCell\n                      key={cell.id}\n                      style={{ width: size }}\n                      className={cn(\n                        'py-3',\n                        {\n                          'px-3': mode === 'odd',\n                          'font-medium': cellIndex !== 0\n                        },\n                        classes?.tableCell\n                      )}\n                    >\n                      {flexRender(cell.column.columnDef.cell, { ...cellContext, rowIndex })}\n                    </TableCell>\n                  )\n                })}\n              </TableRow>\n            ))\n          ) : (\n            <TableRow>\n              <TableCell className='py-4 text-center' colSpan={table.getAllColumns().length}>\n                {empty}\n              </TableCell>\n            </TableRow>\n          )}\n        </TableBody>\n      </Table>\n      {typeof pagination === 'function' ? (\n        pagination(paginationProps)\n      ) : paginationEnabled ? (\n        <TablePagination {...paginationProps} />\n      ) : null}\n    </div>\n  )\n}\n"],"names":["Desktop","mode","enableHeaders","table","classes","pagination","empty","paginationEnabled","paginationProps","cn","jsxs","Table","jsx","TableHeader","headerGroup","TableRow","header","TableHead","flexRender","TableBody","row","rowIndex","cell","cellIndex","cellContext","size","TableCell","TablePagination"],"mappings":"qUAaO,MAAMA,EAAU,CAAmB,CACxC,KAAAC,EACA,cAAAC,EACA,MAAAC,EACA,QAAAC,EACA,WAAAC,EACA,MAAAC,EAAQ,mBACV,IAAgC,CAC9B,MAAMC,EAAoBF,IAAe,IAASF,EAAM,eAAiB,EAEnEK,EAAkB,CACtB,UAAWL,EAAM,aAAA,EACjB,UAAWA,EAAM,gBAAA,EAAkB,KAAK,OACxC,SAAUA,EAAM,SAAA,EAAW,WAAW,SACtC,KAAMA,EAAM,SAAA,EAAW,WAAW,UAAY,EAC9C,kBAAmBA,EAAM,aACzB,QAASC,GAAS,UAAA,EAGpB,SACG,MAAA,CAAI,UAAWK,EAAG,+BAAgCL,GAAS,IAAI,EAC9D,SAAA,CAAAM,EAACC,GAAM,UAAWF,EAAG,SAAUL,GAAS,KAAK,EAC1C,SAAA,CAAAF,GACCU,EAACC,GAAY,UAAU,OACpB,WAAM,gBAAA,EAAkB,IAAKC,GAC5BF,EAACG,EAAA,CAEC,UAAWN,EACT,SACA,CACE,0CAA2CR,IAAS,OAAA,EAEtDG,GAAS,WAAA,EAGV,SAAAU,EAAY,QAAQ,IAAKE,GACxBJ,EAACK,EAAA,CAEC,UAAWR,EACT,OACA,CACE,OAAQR,IAAS,KAAA,EAEnBG,GAAS,SAAA,EAGV,SAAAY,EAAO,cAAgB,KAAOE,EAAWF,EAAO,OAAO,UAAU,OAAQA,EAAO,WAAA,CAAY,CAAA,EATxFA,EAAO,EAAA,CAWf,CAAA,EAtBIF,EAAY,EAAA,CAwBpB,EACH,EAEFF,EAACO,EAAA,CACE,SAAAhB,EAAM,YAAA,EAAc,KAAK,OACxBA,EAAM,YAAA,EAAc,KAAK,IAAI,CAACiB,EAAKC,IACjCT,EAACG,EAAA,CAEC,UAAWN,EACT,SACA,CACE,oFAAqFR,IAAS,QAC9F,oDAAqDA,IAAS,KAAA,EAEhEG,GAAS,QAAA,EAGV,WAAI,gBAAA,EAAkB,IAAI,CAACkB,EAAMC,IAAc,CAC9C,MAAMC,EAAcF,EAAK,WAAA,EACnBG,EAAOD,EAAY,OAAO,QAAA,EAEhC,OACEZ,EAACc,EAAA,CAEC,MAAO,CAAE,MAAOD,CAAA,EAChB,UAAWhB,EACT,OACA,CACE,OAAQR,IAAS,MACjB,cAAesB,IAAc,CAAA,EAE/BnB,GAAS,SAAA,EAGV,SAAAc,EAAWI,EAAK,OAAO,UAAU,KAAM,CAAE,GAAGE,EAAa,SAAAH,CAAA,CAAU,CAAA,EAX/DC,EAAK,EAAA,CAchB,CAAC,CAAA,EA9BIF,EAAI,EAAA,CAgCZ,EAEDR,EAACG,EAAA,CACC,WAACW,EAAA,CAAU,UAAU,mBAAmB,QAASvB,EAAM,gBAAgB,OACpE,SAAAG,CAAA,CACH,EACF,CAAA,CAEJ,CAAA,EACF,EACC,OAAOD,GAAe,WACrBA,EAAWG,CAAe,EACxBD,EACFK,EAACe,EAAA,CAAiB,GAAGnB,CAAA,CAAiB,EACpC,IAAA,EACN,CAEJ"}

package/dist/lib/shared/ui/table/Horizontal.js

@@ -1,2 +1,2 @@
-import{jsxs as h,jsx as e}from"react/jsx-runtime";import{useRef as T,useState as v,useLayoutEffect as E}from"react";import{flexRender as w}from"@tanstack/react-table";import{TablePagination as H}from"./TablePagination.js";import{Table as M,TableBody as z,TableRow as x,TableHead as I,TableCell as b}from"./ui/primitives/Primitives.js";import{cn as m}from"../../utils/cn.js";import"uuid";import"react-hook-form";import"@hookform/resolvers/zod";import"../button/Button.js";import"../button/model/helpers.js";import"../buttonIcon/ButtonIcon.js";import"../loader/model/helpers.js";import"../calendar/Calendar.js";import"../calendar/model/utils.js";import"../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../notification/ui/CustomToast.js";import"../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../carousel/ui/CarouselContent.js";import"../customLink/model/helpers.js";import"../slot/Slot.js";import"../formElements/uncontrolled/autocomplete/Autocomplete.js";import"../formElements/uncontrolled/checkbox/Checkbox.js";import"../formElements/uncontrolled/combobox/combobox.js";import"../formElements/uncontrolled/dayPicker/DayPicker.js";import"../formElements/uncontrolled/input/Input.js";import"../formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../formElements/uncontrolled/maskInput/MaskInput.js";import"../formElements/uncontrolled/radio/RadioGroup.js";import"../formElements/uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../formElements/uncontrolled/slider/SliderBase.js";import"../formElements/uncontrolled/switch/Switch.js";import"../formElements/uncontrolled/textarea/Textarea.js";import"../formElements/uncontrolled/uploader/UploaderBase.js";import"../formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../formElements/controlled/editor/ui/Editor.js";import"../formElements/controlled/input/MaskInputControl.js";import"../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"../dropdownList/ui/dropdownItem/DropdownItem.js";const jt=({mode:p,enableHeaders:C,table:o,classes:t,pagination:d,empty:y="Ничего не найдено"})=>{const l=T(null),[N,R]=v(!1);E(()=>{if(!l.current)return;const i=l.current,r=new AbortController;return l.current.addEventListener("scroll",()=>{const n=i.scrollLeft;R(n!==0)},{signal:r.signal}),()=>{r.abort()}},[]);const S=d!==!1&&o.getPageCount()>1,g={pageCount:o.getPageCount(),rowsCount:o.getCoreRowModel().rows.length,pageSize:o.getState().pagination.pageSize,page:o.getState().pagination.pageIndex+1,onPageIndexChange:o.setPageIndex,classes:t==null?void 0:t.pagination},u=o.getRowModel().rows,f=o.getAllLeafColumns(),c=new Map;return o.getHeaderGroups().forEach(i=>{i.headers.forEach(r=>{c.set(r.column.id,r)})}),h("div",{className:m("flex w-full flex-col gap-y-4",t==null?void 0:t.root),children:[e("div",{ref:l,className:"customScrollbar-y relative overflow-x-auto pb-2",children:e(M,{className:m("min-w-full",t==null?void 0:t.table),children:e(z,{children:f.length&&u.length?f.map((i,r)=>{const n=c.get(i.id);return h(x,{className:m("w-full",{"[&:not(:last-child)]:border-b":p==="solid"},t==null?void 0:t.tableRow),children:[C&&e(I,{className:m("sticky left-0 bg-color-white py-3 text-left text-color-tetriary desktop:whitespace-nowrap desktop:px-4 desktop:py-[17px]",{"px-3":p==="odd","bg-color-primary-light-default":p==="odd"&&r%2===0,"[&:not(:last-child)]:border-b-[rgba(234,237,241,1)]":p==="solid","drop-shadow-xl":N},t==null?void 0:t.tableHead),children:n&&w(n.column.columnDef.header,n.getContext())}),u.map((k,L)=>{const a=k.getVisibleCells().find(P=>P.column.id===i.id);return a?e(b,{className:m("whitespace-nowrap py-3",{"bg-color-primary-light-default":p==="odd"&&r%2===0,"font-medium":r!==0,"px-3 desktop:p-4 desktop:pl-5":p==="odd"},t==null?void 0:t.tableCell),children:w(a.column.columnDef.cell,{...a.getContext(),rowIndex:L})},a.id):null})]},i.id)}):e(x,{children:e(b,{className:"py-4 text-center",colSpan:f.length+1,children:y})})})})}),S?typeof d=="function"?d(g):e(H,{...g}):null]})};export{jt as Horizontal};
+import{jsxs as h,jsx as o}from"react/jsx-runtime";import{useRef as P,useState as T,useLayoutEffect as v}from"react";import{flexRender as m}from"@tanstack/react-table";import{TablePagination as E}from"./TablePagination.js";import{cn as s}from"../../utils/cn.js";import{Table as H,TableBody as M,TableRow as w,TableHead as z,TableCell as x}from"./ui/primitives/Primitives.js";const G=({mode:r,enableHeaders:b,table:e,classes:n,pagination:d,empty:C="Ничего не найдено"})=>{const i=P(null),[y,N]=T(!1);v(()=>{if(!i.current)return;const l=i.current,t=new AbortController;return i.current.addEventListener("scroll",()=>{const a=l.scrollLeft;N(a!==0)},{signal:t.signal}),()=>{t.abort()}},[]);const R=d!==!1&&e.getPageCount()>1,f={pageCount:e.getPageCount(),rowsCount:e.getCoreRowModel().rows.length,pageSize:e.getState().pagination.pageSize,page:e.getState().pagination.pageIndex+1,onPageIndexChange:e.setPageIndex,classes:n?.pagination},g=e.getRowModel().rows,p=e.getAllLeafColumns(),u=new Map;return e.getHeaderGroups().forEach(l=>{l.headers.forEach(t=>{u.set(t.column.id,t)})}),h("div",{className:s("flex w-full flex-col gap-y-4",n?.root),children:[o("div",{ref:i,className:"customScrollbar-y relative overflow-x-auto pb-2",children:o(H,{className:s("min-w-full",n?.table),children:o(M,{children:p.length&&g.length?p.map((l,t)=>{const a=u.get(l.id);return h(w,{className:s("w-full",{"[&:not(:last-child)]:border-b":r==="solid"},n?.tableRow),children:[b&&o(z,{className:s("sticky left-0 bg-color-white py-3 text-left text-color-tetriary desktop:whitespace-nowrap desktop:px-4 desktop:py-[17px]",{"px-3":r==="odd","bg-color-primary-light-default":r==="odd"&&t%2===0,"[&:not(:last-child)]:border-b-[rgba(234,237,241,1)]":r==="solid","drop-shadow-xl":y},n?.tableHead),children:a&&m(a.column.columnDef.header,a.getContext())}),g.map((S,k)=>{const c=S.getVisibleCells().find(L=>L.column.id===l.id);return c?o(x,{className:s("whitespace-nowrap py-3",{"bg-color-primary-light-default":r==="odd"&&t%2===0,"font-medium":t!==0,"px-3 desktop:p-4 desktop:pl-5":r==="odd"},n?.tableCell),children:m(c.column.columnDef.cell,{...c.getContext(),rowIndex:k})},c.id):null})]},l.id)}):o(w,{children:o(x,{className:"py-4 text-center",colSpan:p.length+1,children:C})})})})}),R?typeof d=="function"?d(f):o(E,{...f}):null]})};export{G as Horizontal};
 //# sourceMappingURL=Horizontal.js.map

package/dist/lib/shared/ui/table/Horizontal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Horizontal.js","sources":["../../../../../lib/shared/ui/table/Horizontal.tsx"],"sourcesContent":["import { useLayoutEffect, useRef, useState } from 'react'\nimport { flexRender, type Header, type Table as TTable } from '@tanstack/react-table'\nimport type { DataTableProps } from './model'\nimport { TablePagination } from './TablePagination'\nimport { Table, TableBody, TableCell, TableHead, TableRow } from './ui'\nimport { cn } from '$/shared/utils'\n\ntype DesktopTableProps<TData extends {}> = Pick<\n  DataTableProps<TData>,\n  'enableHeaders' | 'classes' | 'mode' | 'pagination' | 'empty'\n> & {\n  table: TTable<TData>\n}\n\nexport const Horizontal = <TData extends {}>({\n  mode,\n  enableHeaders,\n  table,\n  classes,\n  pagination,\n  empty = 'Ничего не найдено'\n}: DesktopTableProps<TData>) => {\n  const containerRef = useRef<HTMLDivElement>(null)\n  const [hasLeftOffset, setLeftOffset] = useState<boolean>(false)\n\n  useLayoutEffect(() => {\n    if (!containerRef.current) return\n    const container = containerRef.current\n\n    const abortController = new AbortController()\n\n    containerRef.current.addEventListener(\n      'scroll',\n      () => {\n        const offset = container.scrollLeft\n        setLeftOffset(offset !== 0)\n      },\n      { signal: abortController.signal }\n    )\n\n    return () => {\n      abortController.abort()\n    }\n  }, [])\n\n  const paginationEnabled = pagination !== false && table.getPageCount() > 1\n\n  const paginationProps = {\n    pageCount: table.getPageCount(),\n    rowsCount: table.getCoreRowModel().rows.length,\n    pageSize: table.getState().pagination.pageSize,\n    page: table.getState().pagination.pageIndex + 1,\n    onPageIndexChange: table.setPageIndex,\n    classes: classes?.pagination\n  }\n\n  const rows = table.getRowModel().rows\n  const columns = table.getAllLeafColumns()\n\n  // карта column.id -> header\n  const headersMap = new Map<string, Header<TData, unknown>>()\n  table.getHeaderGroups().forEach((group) => {\n    group.headers.forEach((header) => {\n      headersMap.set(header.column.id, header)\n    })\n  })\n\n  return (\n    <div className={cn('flex w-full flex-col gap-y-4', classes?.root)}>\n      <div ref={containerRef} className='customScrollbar-y relative overflow-x-auto pb-2'>\n        <Table className={cn('min-w-full', classes?.table)}>\n          <TableBody>\n            {columns.length && rows.length ? (\n              columns.map((column, index) => {\n                const header = headersMap.get(column.id)\n\n                return (\n                  <TableRow\n                    key={column.id}\n                    className={cn(\n                      'w-full',\n                      {\n                        '[&:not(:last-child)]:border-b': mode === 'solid'\n                      },\n                      classes?.tableRow\n                    )}\n                  >\n                    {enableHeaders && (\n                      <TableHead\n                        className={cn(\n                          'sticky left-0 bg-color-white py-3 text-left text-color-tetriary desktop:whitespace-nowrap desktop:px-4 desktop:py-[17px]',\n                          {\n                            'px-3': mode === 'odd',\n                            'bg-color-primary-light-default': mode === 'odd' && index % 2 === 0,\n                            '[&:not(:last-child)]:border-b-[rgba(234,237,241,1)]': mode === 'solid',\n                            'drop-shadow-xl': hasLeftOffset\n                          },\n                          classes?.tableHead\n                        )}\n                      >\n                        {header && flexRender(header.column.columnDef.header, header.getContext())}\n                      </TableHead>\n                    )}\n\n                    {rows.map((row, rowIndex) => {\n                      const cell = row.getVisibleCells().find((c) => c.column.id === column.id)\n                      if (!cell) return null\n\n                      return (\n                        <TableCell\n                          key={cell.id}\n                          className={cn(\n                            'whitespace-nowrap py-3',\n                            {\n                              'bg-color-primary-light-default': mode === 'odd' && index % 2 === 0,\n                              'font-medium': index !== 0,\n                              'px-3 desktop:p-4 desktop:pl-5': mode === 'odd'\n                            },\n                            classes?.tableCell\n                          )}\n                        >\n                          {flexRender(cell.column.columnDef.cell, {\n                            ...cell.getContext(),\n                            rowIndex\n                          })}\n                        </TableCell>\n                      )\n                    })}\n                  </TableRow>\n                )\n              })\n            ) : (\n              <TableRow>\n                <TableCell className='py-4 text-center' colSpan={columns.length + 1}>\n                  {empty}\n                </TableCell>\n              </TableRow>\n            )}\n          </TableBody>\n        </Table>\n      </div>\n\n      {paginationEnabled ? (\n        typeof pagination === 'function' ? (\n          pagination(paginationProps)\n        ) : (\n          <TablePagination {...paginationProps} />\n        )\n      ) : null}\n    </div>\n  )\n}\n"],"names":["Horizontal","mode","enableHeaders","table","classes","pagination","empty","containerRef","useRef","hasLeftOffset","setLeftOffset","useState","useLayoutEffect","container","abortController","offset","paginationEnabled","paginationProps","rows","columns","headersMap","group","header","cn","jsx","Table","TableBody","column","index","jsxs","TableRow","TableHead","flexRender","row","rowIndex","cell","c","TableCell","TablePagination"],"mappings":"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"}
+{"version":3,"file":"Horizontal.js","sources":["../../../../../lib/shared/ui/table/Horizontal.tsx"],"sourcesContent":["import { useLayoutEffect, useRef, useState } from 'react'\nimport { flexRender, type Header, type Table as TTable } from '@tanstack/react-table'\nimport type { DataTableProps } from './model'\nimport { TablePagination } from './TablePagination'\nimport { Table, TableBody, TableCell, TableHead, TableRow } from './ui'\nimport { cn } from '$/shared/utils'\n\ntype DesktopTableProps<TData extends {}> = Pick<\n  DataTableProps<TData>,\n  'enableHeaders' | 'classes' | 'mode' | 'pagination' | 'empty'\n> & {\n  table: TTable<TData>\n}\n\nexport const Horizontal = <TData extends {}>({\n  mode,\n  enableHeaders,\n  table,\n  classes,\n  pagination,\n  empty = 'Ничего не найдено'\n}: DesktopTableProps<TData>) => {\n  const containerRef = useRef<HTMLDivElement>(null)\n  const [hasLeftOffset, setLeftOffset] = useState<boolean>(false)\n\n  useLayoutEffect(() => {\n    if (!containerRef.current) return\n    const container = containerRef.current\n\n    const abortController = new AbortController()\n\n    containerRef.current.addEventListener(\n      'scroll',\n      () => {\n        const offset = container.scrollLeft\n        setLeftOffset(offset !== 0)\n      },\n      { signal: abortController.signal }\n    )\n\n    return () => {\n      abortController.abort()\n    }\n  }, [])\n\n  const paginationEnabled = pagination !== false && table.getPageCount() > 1\n\n  const paginationProps = {\n    pageCount: table.getPageCount(),\n    rowsCount: table.getCoreRowModel().rows.length,\n    pageSize: table.getState().pagination.pageSize,\n    page: table.getState().pagination.pageIndex + 1,\n    onPageIndexChange: table.setPageIndex,\n    classes: classes?.pagination\n  }\n\n  const rows = table.getRowModel().rows\n  const columns = table.getAllLeafColumns()\n\n  // карта column.id -> header\n  const headersMap = new Map<string, Header<TData, unknown>>()\n  table.getHeaderGroups().forEach((group) => {\n    group.headers.forEach((header) => {\n      headersMap.set(header.column.id, header)\n    })\n  })\n\n  return (\n    <div className={cn('flex w-full flex-col gap-y-4', classes?.root)}>\n      <div ref={containerRef} className='customScrollbar-y relative overflow-x-auto pb-2'>\n        <Table className={cn('min-w-full', classes?.table)}>\n          <TableBody>\n            {columns.length && rows.length ? (\n              columns.map((column, index) => {\n                const header = headersMap.get(column.id)\n\n                return (\n                  <TableRow\n                    key={column.id}\n                    className={cn(\n                      'w-full',\n                      {\n                        '[&:not(:last-child)]:border-b': mode === 'solid'\n                      },\n                      classes?.tableRow\n                    )}\n                  >\n                    {enableHeaders && (\n                      <TableHead\n                        className={cn(\n                          'sticky left-0 bg-color-white py-3 text-left text-color-tetriary desktop:whitespace-nowrap desktop:px-4 desktop:py-[17px]',\n                          {\n                            'px-3': mode === 'odd',\n                            'bg-color-primary-light-default': mode === 'odd' && index % 2 === 0,\n                            '[&:not(:last-child)]:border-b-[rgba(234,237,241,1)]': mode === 'solid',\n                            'drop-shadow-xl': hasLeftOffset\n                          },\n                          classes?.tableHead\n                        )}\n                      >\n                        {header && flexRender(header.column.columnDef.header, header.getContext())}\n                      </TableHead>\n                    )}\n\n                    {rows.map((row, rowIndex) => {\n                      const cell = row.getVisibleCells().find((c) => c.column.id === column.id)\n                      if (!cell) return null\n\n                      return (\n                        <TableCell\n                          key={cell.id}\n                          className={cn(\n                            'whitespace-nowrap py-3',\n                            {\n                              'bg-color-primary-light-default': mode === 'odd' && index % 2 === 0,\n                              'font-medium': index !== 0,\n                              'px-3 desktop:p-4 desktop:pl-5': mode === 'odd'\n                            },\n                            classes?.tableCell\n                          )}\n                        >\n                          {flexRender(cell.column.columnDef.cell, {\n                            ...cell.getContext(),\n                            rowIndex\n                          })}\n                        </TableCell>\n                      )\n                    })}\n                  </TableRow>\n                )\n              })\n            ) : (\n              <TableRow>\n                <TableCell className='py-4 text-center' colSpan={columns.length + 1}>\n                  {empty}\n                </TableCell>\n              </TableRow>\n            )}\n          </TableBody>\n        </Table>\n      </div>\n\n      {paginationEnabled ? (\n        typeof pagination === 'function' ? (\n          pagination(paginationProps)\n        ) : (\n          <TablePagination {...paginationProps} />\n        )\n      ) : null}\n    </div>\n  )\n}\n"],"names":["Horizontal","mode","enableHeaders","table","classes","pagination","empty","containerRef","useRef","hasLeftOffset","setLeftOffset","useState","useLayoutEffect","container","abortController","offset","paginationEnabled","paginationProps","rows","columns","headersMap","group","header","cn","jsx","Table","TableBody","column","index","jsxs","TableRow","TableHead","flexRender","row","rowIndex","cell","c","TableCell","TablePagination"],"mappings":"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"}

package/dist/lib/shared/ui/table/Mobile.js

@@ -1,2 +1,2 @@
-import{jsx as r,jsxs as f}from"react/jsx-runtime";import{flexRender as h}from"@tanstack/react-table";import{cn as i}from"../../utils/cn.js";import"uuid";import"react";const w=({mode:d,enableHeaders:p,table:t,classes:o,empty:g="Not found"})=>r("div",{className:i("w-full",o==null?void 0:o.table),children:t.getRowModel().rows.length?t.getRowModel().rows.map(n=>r("div",{className:i({"[&:not(:last-child)]:border-b [&:not(:last-child)]:border-b-[rgba(234,237,241,1)]":d==="solid","[&:nth-child(odd)]:bg-color-primary-light-default":d==="odd"},o==null?void 0:o.tableRow),children:n.getVisibleCells().map((e,l)=>{const m=t.getHeaderGroups()[0].headers[l];return f("div",{className:i("grid grid-cols-2 p-2",{"px-2":d==="odd","font-medium":l!==0},o==null?void 0:o.tableCell),children:[p&&r("p",{className:"font-bold",children:h(m.column.columnDef.header,m.getContext())}),r("p",{children:h(e.column.columnDef.cell,e.getContext())})]},e.id)})},n.id)):r("div",{children:g})});export{w as Mobile};
+import{jsx as e,jsxs as h}from"react/jsx-runtime";import{flexRender as a}from"@tanstack/react-table";import{cn as t}from"../../utils/cn.js";const u=({mode:o,enableHeaders:m,table:d,classes:l,empty:s="Not found"})=>e("div",{className:t("w-full",l?.table),children:d.getRowModel().rows.length?d.getRowModel().rows.map(i=>e("div",{className:t({"[&:not(:last-child)]:border-b [&:not(:last-child)]:border-b-[rgba(234,237,241,1)]":o==="solid","[&:nth-child(odd)]:bg-color-primary-light-default":o==="odd"},l?.tableRow),children:i.getVisibleCells().map((r,n)=>{const c=d.getHeaderGroups()[0].headers[n];return h("div",{className:t("grid grid-cols-2 p-2",{"px-2":o==="odd","font-medium":n!==0},l?.tableCell),children:[m&&e("p",{className:"font-bold",children:a(c.column.columnDef.header,c.getContext())}),e("p",{children:a(r.column.columnDef.cell,r.getContext())})]},r.id)})},i.id)):e("div",{children:s})});export{u as Mobile};
 //# sourceMappingURL=Mobile.js.map

package/dist/lib/shared/ui/table/Mobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"Mobile.js","sources":["../../../../../lib/shared/ui/table/Mobile.tsx"],"sourcesContent":["import { flexRender, type Table } from '@tanstack/react-table'\nimport type { DataTableProps } from './model'\nimport { cn } from '$/shared/utils'\n\nexport const Mobile = <TData extends {}>({\n  mode,\n  enableHeaders,\n  table,\n  classes,\n  empty = 'Not found'\n}: Pick<DataTableProps<TData>, 'enableHeaders' | 'classes' | 'mode' | 'empty'> & { table: Table<TData> }) => {\n  return (\n    <div className={cn('w-full', classes?.table)}>\n      {table.getRowModel().rows.length ? (\n        table.getRowModel().rows.map((row) => (\n          <div\n            key={row.id}\n            className={cn(\n              {\n                '[&:not(:last-child)]:border-b [&:not(:last-child)]:border-b-[rgba(234,237,241,1)]': mode === 'solid',\n                '[&:nth-child(odd)]:bg-color-primary-light-default': mode === 'odd'\n              },\n              classes?.tableRow\n            )}\n          >\n            {row.getVisibleCells().map((cell, index) => {\n              const header = table.getHeaderGroups()[0].headers[index]\n\n              return (\n                <div\n                  key={cell.id}\n                  className={cn(\n                    'grid grid-cols-2 p-2',\n                    {\n                      'px-2': mode === 'odd',\n                      'font-medium': index !== 0\n                    },\n                    classes?.tableCell\n                  )}\n                >\n                  {enableHeaders && (\n                    <p className='font-bold'>{flexRender(header.column.columnDef.header, header.getContext())}</p>\n                  )}\n                  <p>{flexRender(cell.column.columnDef.cell, cell.getContext())}</p>\n                </div>\n              )\n            })}\n          </div>\n        ))\n      ) : (\n        <div>{empty}</div>\n      )}\n    </div>\n  )\n}\n"],"names":["Mobile","mode","enableHeaders","table","classes","empty","cn","row","jsx","cell","index","header","jsxs","flexRender"],"mappings":"uKAIO,MAAMA,EAAS,CAAmB,CACvC,KAAAC,EACA,cAAAC,EACA,MAAAC,EACA,QAAAC,EACA,MAAAC,EAAQ,WACV,MAEK,MAAA,CAAI,UAAWC,EAAG,SAAUF,GAAA,YAAAA,EAAS,KAAK,EACxC,SAAAD,EAAM,cAAc,KAAK,OACxBA,EAAM,YAAA,EAAc,KAAK,IAAKI,GAC5BC,EAAC,MAAA,CAEC,UAAWF,EACT,CACE,oFAAqFL,IAAS,QAC9F,oDAAqDA,IAAS,KAAA,EAEhEG,GAAA,YAAAA,EAAS,QAAA,EAGV,WAAI,gBAAA,EAAkB,IAAI,CAACK,EAAMC,IAAU,CAC1C,MAAMC,EAASR,EAAM,gBAAA,EAAkB,CAAC,EAAE,QAAQO,CAAK,EAEvD,OACEE,EAAC,MAAA,CAEC,UAAWN,EACT,uBACA,CACE,OAAQL,IAAS,MACjB,cAAeS,IAAU,CAAA,EAE3BN,GAAA,YAAAA,EAAS,SAAA,EAGV,SAAA,CAAAF,GACCM,EAAC,IAAA,CAAE,UAAU,YAAa,SAAAK,EAAWF,EAAO,OAAO,UAAU,OAAQA,EAAO,WAAA,CAAY,EAAE,EAE5FH,EAAC,IAAA,CAAG,SAAAK,EAAWJ,EAAK,OAAO,UAAU,KAAMA,EAAK,WAAA,CAAY,CAAA,CAAE,CAAA,CAAA,EAbzDA,EAAK,EAAA,CAgBhB,CAAC,CAAA,EA9BIF,EAAI,EAAA,CAgCZ,EAEDC,EAAC,MAAA,CAAK,WAAM,EAEhB"}
+{"version":3,"file":"Mobile.js","sources":["../../../../../lib/shared/ui/table/Mobile.tsx"],"sourcesContent":["import { flexRender, type Table } from '@tanstack/react-table'\nimport type { DataTableProps } from './model'\nimport { cn } from '$/shared/utils'\n\nexport const Mobile = <TData extends {}>({\n  mode,\n  enableHeaders,\n  table,\n  classes,\n  empty = 'Not found'\n}: Pick<DataTableProps<TData>, 'enableHeaders' | 'classes' | 'mode' | 'empty'> & { table: Table<TData> }) => {\n  return (\n    <div className={cn('w-full', classes?.table)}>\n      {table.getRowModel().rows.length ? (\n        table.getRowModel().rows.map((row) => (\n          <div\n            key={row.id}\n            className={cn(\n              {\n                '[&:not(:last-child)]:border-b [&:not(:last-child)]:border-b-[rgba(234,237,241,1)]': mode === 'solid',\n                '[&:nth-child(odd)]:bg-color-primary-light-default': mode === 'odd'\n              },\n              classes?.tableRow\n            )}\n          >\n            {row.getVisibleCells().map((cell, index) => {\n              const header = table.getHeaderGroups()[0].headers[index]\n\n              return (\n                <div\n                  key={cell.id}\n                  className={cn(\n                    'grid grid-cols-2 p-2',\n                    {\n                      'px-2': mode === 'odd',\n                      'font-medium': index !== 0\n                    },\n                    classes?.tableCell\n                  )}\n                >\n                  {enableHeaders && (\n                    <p className='font-bold'>{flexRender(header.column.columnDef.header, header.getContext())}</p>\n                  )}\n                  <p>{flexRender(cell.column.columnDef.cell, cell.getContext())}</p>\n                </div>\n              )\n            })}\n          </div>\n        ))\n      ) : (\n        <div>{empty}</div>\n      )}\n    </div>\n  )\n}\n"],"names":["Mobile","mode","enableHeaders","table","classes","empty","cn","row","jsx","cell","index","header","jsxs","flexRender"],"mappings":"4IAIO,MAAMA,EAAS,CAAmB,CACvC,KAAAC,EACA,cAAAC,EACA,MAAAC,EACA,QAAAC,EACA,MAAAC,EAAQ,WACV,MAEK,MAAA,CAAI,UAAWC,EAAG,SAAUF,GAAS,KAAK,EACxC,SAAAD,EAAM,cAAc,KAAK,OACxBA,EAAM,YAAA,EAAc,KAAK,IAAKI,GAC5BC,EAAC,MAAA,CAEC,UAAWF,EACT,CACE,oFAAqFL,IAAS,QAC9F,oDAAqDA,IAAS,KAAA,EAEhEG,GAAS,QAAA,EAGV,WAAI,gBAAA,EAAkB,IAAI,CAACK,EAAMC,IAAU,CAC1C,MAAMC,EAASR,EAAM,gBAAA,EAAkB,CAAC,EAAE,QAAQO,CAAK,EAEvD,OACEE,EAAC,MAAA,CAEC,UAAWN,EACT,uBACA,CACE,OAAQL,IAAS,MACjB,cAAeS,IAAU,CAAA,EAE3BN,GAAS,SAAA,EAGV,SAAA,CAAAF,GACCM,EAAC,IAAA,CAAE,UAAU,YAAa,SAAAK,EAAWF,EAAO,OAAO,UAAU,OAAQA,EAAO,WAAA,CAAY,EAAE,EAE5FH,EAAC,IAAA,CAAG,SAAAK,EAAWJ,EAAK,OAAO,UAAU,KAAMA,EAAK,WAAA,CAAY,CAAA,CAAE,CAAA,CAAA,EAbzDA,EAAK,EAAA,CAgBhB,CAAC,CAAA,EA9BIF,EAAI,EAAA,CAgCZ,EAEDC,EAAC,MAAA,CAAK,WAAM,EAEhB"}

package/dist/lib/shared/ui/table/Table.js

@@ -1,2 +1,2 @@
-import{jsx as a}from"react/jsx-runtime";import{useState as g}from"react";import{useReactTable as f,getPaginationRowModel as C,getFacetedUniqueValues as S,getFacetedRowModel as b,getSortedRowModel as P,getFilteredRowModel as x,getCoreRowModel as D}from"@tanstack/react-table";import{Desktop as T}from"./Desktop.js";import{Horizontal as q}from"./Horizontal.js";import{Mobile as U}from"./Mobile.js";import{useDevice as V}from"../../hooks/useDevice.js";import"../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"tailwind-merge";import{TypeGuards as h}from"../../utils/typeGuards.js";import"uuid";import"react-hook-form";import"@hookform/resolvers/zod";const Q=({columns:l,data:d,enableHeaders:o=!0,mode:t="solid",classes:e,pagination:m=!0,empty:i,horizontal:r,pageSize:p=10})=>{const[s,u]=g([]),[c,M]=g([]),[R,w]=g({pageIndex:0,pageSize:p}),n=f({data:d,columns:l,state:{columnFilters:s,sorting:c,pagination:R},enableRowSelection:!0,onSortingChange:M,onColumnFiltersChange:u,onPaginationChange:w,getCoreRowModel:D(),getFilteredRowModel:x(),getSortedRowModel:P(),getFacetedRowModel:b(),getFacetedUniqueValues:S(),getPaginationRowModel:C()}),{isMobile:F}=V();return(h.isFunction(r)?r(l):r)?a(q,{table:n,enableHeaders:o,pagination:m,empty:i,mode:t,classes:e}):F?a(U,{table:n,enableHeaders:o,empty:i,mode:t,classes:e}):a(T,{table:n,enableHeaders:o,empty:i,pagination:m,mode:t,classes:e})};export{Q as DataTable};
+import{jsx as a}from"react/jsx-runtime";import{useState as g}from"react";import{useReactTable as f,getPaginationRowModel as C,getFacetedUniqueValues as S,getFacetedRowModel as b,getSortedRowModel as P,getFilteredRowModel as x,getCoreRowModel as D}from"@tanstack/react-table";import{Desktop as T}from"./Desktop.js";import{Horizontal as q}from"./Horizontal.js";import{Mobile as U}from"./Mobile.js";import{TypeGuards as V}from"../../utils/typeGuards.js";import{useDevice as h}from"../../hooks/useDevice.js";const J=({columns:l,data:s,enableHeaders:e=!0,mode:o="solid",classes:t,pagination:d=!0,empty:i,horizontal:r,pageSize:u=10})=>{const[m,c]=g([]),[M,R]=g([]),[p,w]=g({pageIndex:0,pageSize:u}),n=f({data:s,columns:l,state:{columnFilters:m,sorting:M,pagination:p},enableRowSelection:!0,onSortingChange:R,onColumnFiltersChange:c,onPaginationChange:w,getCoreRowModel:D(),getFilteredRowModel:x(),getSortedRowModel:P(),getFacetedRowModel:b(),getFacetedUniqueValues:S(),getPaginationRowModel:C()}),{isMobile:F}=h();return(V.isFunction(r)?r(l):r)?a(q,{table:n,enableHeaders:e,pagination:d,empty:i,mode:o,classes:t}):F?a(U,{table:n,enableHeaders:e,empty:i,mode:o,classes:t}):a(T,{table:n,enableHeaders:e,empty:i,pagination:d,mode:o,classes:t})};export{J as DataTable};
 //# sourceMappingURL=Table.js.map

package/dist/lib/shared/ui/table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../../../../lib/shared/ui/table/Table.tsx"],"sourcesContent":["import { useState } from 'react'\nimport {\n  type ColumnFiltersState,\n  getCoreRowModel,\n  getFacetedRowModel,\n  getFacetedUniqueValues,\n  getFilteredRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  type PaginationState,\n  type SortingState,\n  useReactTable\n} from '@tanstack/react-table'\nimport { Desktop } from './Desktop'\nimport { Horizontal } from './Horizontal'\nimport { Mobile } from './Mobile'\nimport { type DataTableProps } from './model'\nimport { useDevice } from '$/shared/hooks'\nimport { TypeGuards } from '$/shared/utils'\n\nexport const DataTable = <TData extends {}>({\n  columns,\n  data,\n  enableHeaders = true,\n  mode = 'solid',\n  classes,\n  pagination = true,\n  empty,\n  horizontal,\n  pageSize = 10\n}: DataTableProps<TData>) => {\n  const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([])\n  const [sorting, setSorting] = useState<SortingState>([])\n  const [paginationState, setPagination] = useState<PaginationState>({\n    pageIndex: 0,\n    pageSize\n  })\n\n  const table = useReactTable({\n    data,\n    columns,\n    state: { columnFilters, sorting, pagination: paginationState },\n    enableRowSelection: true,\n    onSortingChange: setSorting,\n    onColumnFiltersChange: setColumnFilters,\n    onPaginationChange: setPagination,\n    getCoreRowModel: getCoreRowModel(),\n    getFilteredRowModel: getFilteredRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n    getFacetedRowModel: getFacetedRowModel(),\n    getFacetedUniqueValues: getFacetedUniqueValues(),\n    getPaginationRowModel: getPaginationRowModel()\n  })\n\n  const { isMobile } = useDevice()\n\n  if (TypeGuards.isFunction(horizontal) ? horizontal(columns) : horizontal) {\n    return (\n      <Horizontal\n        table={table}\n        enableHeaders={enableHeaders}\n        pagination={pagination}\n        empty={empty}\n        mode={mode}\n        classes={classes}\n      />\n    )\n  }\n\n  return isMobile ? (\n    <Mobile table={table} enableHeaders={enableHeaders} empty={empty} mode={mode} classes={classes} />\n  ) : (\n    <Desktop table={table} enableHeaders={enableHeaders} empty={empty} pagination={pagination} mode={mode} classes={classes} />\n  )\n}\n"],"names":["DataTable","columns","data","enableHeaders","mode","classes","pagination","empty","horizontal","pageSize","columnFilters","setColumnFilters","useState","sorting","setSorting","paginationState","setPagination","table","useReactTable","getCoreRowModel","getFilteredRowModel","getSortedRowModel","getFacetedRowModel","getFacetedUniqueValues","getPaginationRowModel","isMobile","useDevice","TypeGuards","jsx","Horizontal","Mobile","Desktop"],"mappings":"6qBAoBO,MAAMA,EAAY,CAAmB,CAC1C,QAAAC,EACA,KAAAC,EACA,cAAAC,EAAgB,GAChB,KAAAC,EAAO,QACP,QAAAC,EACA,WAAAC,EAAa,GACb,MAAAC,EACA,WAAAC,EACA,SAAAC,EAAW,EACb,IAA6B,CAC3B,KAAM,CAACC,EAAeC,CAAgB,EAAIC,EAA6B,CAAA,CAAE,EACnE,CAACC,EAASC,CAAU,EAAIF,EAAuB,CAAA,CAAE,EACjD,CAACG,EAAiBC,CAAa,EAAIJ,EAA0B,CACjE,UAAW,EACX,SAAAH,CAAA,CACD,EAEKQ,EAAQC,EAAc,CAC1B,KAAAhB,EACA,QAAAD,EACA,MAAO,CAAE,cAAAS,EAAe,QAAAG,EAAS,WAAYE,CAAA,EAC7C,mBAAoB,GACpB,gBAAiBD,EACjB,sBAAuBH,EACvB,mBAAoBK,EACpB,gBAAiBG,EAAA,EACjB,oBAAqBC,EAAA,EACrB,kBAAmBC,EAAA,EACnB,mBAAoBC,EAAA,EACpB,uBAAwBC,EAAA,EACxB,sBAAuBC,EAAA,CAAsB,CAC9C,EAEK,CAAE,SAAAC,CAAA,EAAaC,EAAA,EAErB,OAAIC,EAAW,WAAWnB,CAAU,EAAIA,EAAWP,CAAO,EAAIO,GAE1DoB,EAACC,EAAA,CACC,MAAAZ,EACA,cAAAd,EACA,WAAAG,EACA,MAAAC,EACA,KAAAH,EACA,QAAAC,CAAA,CAAA,EAKCoB,EACLG,EAACE,EAAA,CAAO,MAAAb,EAAc,cAAAd,EAA8B,MAAAI,EAAc,KAAAH,EAAY,QAAAC,CAAA,CAAkB,EAEhGuB,EAACG,GAAQ,MAAAd,EAAc,cAAAd,EAA8B,MAAAI,EAAc,WAAAD,EAAwB,KAAAF,EAAY,QAAAC,EAAkB,CAE7H"}
+{"version":3,"file":"Table.js","sources":["../../../../../lib/shared/ui/table/Table.tsx"],"sourcesContent":["import { useState } from 'react'\nimport {\n  type ColumnFiltersState,\n  getCoreRowModel,\n  getFacetedRowModel,\n  getFacetedUniqueValues,\n  getFilteredRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  type PaginationState,\n  type SortingState,\n  useReactTable\n} from '@tanstack/react-table'\nimport { Desktop } from './Desktop'\nimport { Horizontal } from './Horizontal'\nimport { Mobile } from './Mobile'\nimport { type DataTableProps } from './model'\nimport { useDevice } from '$/shared/hooks'\nimport { TypeGuards } from '$/shared/utils'\n\nexport const DataTable = <TData extends {}>({\n  columns,\n  data,\n  enableHeaders = true,\n  mode = 'solid',\n  classes,\n  pagination = true,\n  empty,\n  horizontal,\n  pageSize = 10\n}: DataTableProps<TData>) => {\n  const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([])\n  const [sorting, setSorting] = useState<SortingState>([])\n  const [paginationState, setPagination] = useState<PaginationState>({\n    pageIndex: 0,\n    pageSize\n  })\n\n  const table = useReactTable({\n    data,\n    columns,\n    state: { columnFilters, sorting, pagination: paginationState },\n    enableRowSelection: true,\n    onSortingChange: setSorting,\n    onColumnFiltersChange: setColumnFilters,\n    onPaginationChange: setPagination,\n    getCoreRowModel: getCoreRowModel(),\n    getFilteredRowModel: getFilteredRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n    getFacetedRowModel: getFacetedRowModel(),\n    getFacetedUniqueValues: getFacetedUniqueValues(),\n    getPaginationRowModel: getPaginationRowModel()\n  })\n\n  const { isMobile } = useDevice()\n\n  if (TypeGuards.isFunction(horizontal) ? horizontal(columns) : horizontal) {\n    return (\n      <Horizontal\n        table={table}\n        enableHeaders={enableHeaders}\n        pagination={pagination}\n        empty={empty}\n        mode={mode}\n        classes={classes}\n      />\n    )\n  }\n\n  return isMobile ? (\n    <Mobile table={table} enableHeaders={enableHeaders} empty={empty} mode={mode} classes={classes} />\n  ) : (\n    <Desktop table={table} enableHeaders={enableHeaders} empty={empty} pagination={pagination} mode={mode} classes={classes} />\n  )\n}\n"],"names":["DataTable","columns","data","enableHeaders","mode","classes","pagination","empty","horizontal","pageSize","columnFilters","setColumnFilters","useState","sorting","setSorting","paginationState","setPagination","table","useReactTable","getCoreRowModel","getFilteredRowModel","getSortedRowModel","getFacetedRowModel","getFacetedUniqueValues","getPaginationRowModel","isMobile","useDevice","TypeGuards","jsx","Horizontal","Mobile","Desktop"],"mappings":"wfAoBO,MAAMA,EAAY,CAAmB,CAC1C,QAAAC,EACA,KAAAC,EACA,cAAAC,EAAgB,GAChB,KAAAC,EAAO,QACP,QAAAC,EACA,WAAAC,EAAa,GACb,MAAAC,EACA,WAAAC,EACA,SAAAC,EAAW,EACb,IAA6B,CAC3B,KAAM,CAACC,EAAeC,CAAgB,EAAIC,EAA6B,CAAA,CAAE,EACnE,CAACC,EAASC,CAAU,EAAIF,EAAuB,CAAA,CAAE,EACjD,CAACG,EAAiBC,CAAa,EAAIJ,EAA0B,CACjE,UAAW,EACX,SAAAH,CAAA,CACD,EAEKQ,EAAQC,EAAc,CAC1B,KAAAhB,EACA,QAAAD,EACA,MAAO,CAAE,cAAAS,EAAe,QAAAG,EAAS,WAAYE,CAAA,EAC7C,mBAAoB,GACpB,gBAAiBD,EACjB,sBAAuBH,EACvB,mBAAoBK,EACpB,gBAAiBG,EAAA,EACjB,oBAAqBC,EAAA,EACrB,kBAAmBC,EAAA,EACnB,mBAAoBC,EAAA,EACpB,uBAAwBC,EAAA,EACxB,sBAAuBC,EAAA,CAAsB,CAC9C,EAEK,CAAE,SAAAC,CAAA,EAAaC,EAAA,EAErB,OAAIC,EAAW,WAAWnB,CAAU,EAAIA,EAAWP,CAAO,EAAIO,GAE1DoB,EAACC,EAAA,CACC,MAAAZ,EACA,cAAAd,EACA,WAAAG,EACA,MAAAC,EACA,KAAAH,EACA,QAAAC,CAAA,CAAA,EAKCoB,EACLG,EAACE,EAAA,CAAO,MAAAb,EAAc,cAAAd,EAA8B,MAAAI,EAAc,KAAAH,EAAY,QAAAC,CAAA,CAAkB,EAEhGuB,EAACG,GAAQ,MAAAd,EAAc,cAAAd,EAA8B,MAAAI,EAAc,WAAAD,EAAwB,KAAAF,EAAY,QAAAC,EAAkB,CAE7H"}

package/dist/lib/shared/ui/table/TablePagination.js

@@ -1,2 +1,2 @@
-import{jsxs as n,jsx as a}from"react/jsx-runtime";import{cn as m}from"../../utils/cn.js";import"uuid";import"react";import{Pagination as x}from"../pagination/Pagination.js";const w=({page:o,pageCount:e,pageSize:p,onPageIndexChange:f,rowsCount:i,classes:t})=>{const r=p*o,d=r>i?i:r;return n("div",{className:m("flex w-full items-center justify-between",t==null?void 0:t.root),children:[n("span",{className:m("desk-body-regular-m text-color-tetriary",t==null?void 0:t.displayShown),children:["Показано ",d," из ",i]}),a(x,{totalPages:e,changePage:g=>f(g),page:o,ellipsis:1,classes:t==null?void 0:t.pagination})]})};export{w as TablePagination};
+import{jsxs as r,jsx as p}from"react/jsx-runtime";import{cn as a}from"../../utils/cn.js";import{Pagination as f}from"../pagination/Pagination.js";const h=({page:i,pageCount:n,pageSize:s,onPageIndexChange:l,rowsCount:e,classes:t})=>{const o=s*i,c=o>e?e:o;return r("div",{className:a("flex w-full items-center justify-between",t?.root),children:[r("span",{className:a("desk-body-regular-m text-color-tetriary",t?.displayShown),children:["Показано ",c," из ",e]}),p(f,{totalPages:n,changePage:m=>l(m),page:i,ellipsis:1,classes:t?.pagination})]})};export{h as TablePagination};
 //# sourceMappingURL=TablePagination.js.map

package/dist/lib/shared/ui/table/TablePagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"TablePagination.js","sources":["../../../../../lib/shared/ui/table/TablePagination.tsx"],"sourcesContent":["import { cn } from '../../utils'\nimport { Pagination, type PaginationProps } from '../pagination'\n\ntype TablePaginationClasses = {\n  root?: string\n  displayShown?: string\n  pagination?: PaginationProps['classes']\n}\n\nexport type TablePaginationProps = {\n  pageSize: number\n  page: number\n  rowsCount: number\n  pageCount: number\n  onPageIndexChange: (page: number) => void\n  classes?: TablePaginationClasses\n}\n\nexport const TablePagination = ({ page, pageCount, pageSize, onPageIndexChange, rowsCount, classes }: TablePaginationProps) => {\n  const prevRows = pageSize * page\n  const rowsLeft = prevRows > rowsCount ? rowsCount : prevRows\n\n  return (\n    <div className={cn('flex w-full items-center justify-between', classes?.root)}>\n      <span className={cn('desk-body-regular-m text-color-tetriary', classes?.displayShown)}>\n        Показано {rowsLeft} из {rowsCount}\n      </span>\n      <Pagination\n        totalPages={pageCount}\n        changePage={(pageIndex) => onPageIndexChange(pageIndex)}\n        page={page}\n        ellipsis={1}\n        classes={classes?.pagination}\n      />\n    </div>\n  )\n}\n"],"names":["TablePagination","page","pageCount","pageSize","onPageIndexChange","rowsCount","classes","prevRows","rowsLeft","cn","jsxs","jsx","Pagination","pageIndex"],"mappings":"6KAkBO,MAAMA,EAAkB,CAAC,CAAE,KAAAC,EAAM,UAAAC,EAAW,SAAAC,EAAU,kBAAAC,EAAmB,UAAAC,EAAW,QAAAC,KAAoC,CAC7H,MAAMC,EAAWJ,EAAWF,EACtBO,EAAWD,EAAWF,EAAYA,EAAYE,EAEpD,SACG,MAAA,CAAI,UAAWE,EAAG,2CAA4CH,GAAA,YAAAA,EAAS,IAAI,EAC1E,SAAA,CAAAI,EAAC,QAAK,UAAWD,EAAG,0CAA2CH,GAAA,YAAAA,EAAS,YAAY,EAAG,SAAA,CAAA,YAC3EE,EAAS,OAAKH,CAAA,EAC1B,EACAM,EAACC,EAAA,CACC,WAAYV,EACZ,WAAaW,GAAcT,EAAkBS,CAAS,EACtD,KAAAZ,EACA,SAAU,EACV,QAASK,GAAA,YAAAA,EAAS,UAAA,CAAA,CACpB,EACF,CAEJ"}
+{"version":3,"file":"TablePagination.js","sources":["../../../../../lib/shared/ui/table/TablePagination.tsx"],"sourcesContent":["import { cn } from '../../utils'\nimport { Pagination, type PaginationProps } from '../pagination'\n\ntype TablePaginationClasses = {\n  root?: string\n  displayShown?: string\n  pagination?: PaginationProps['classes']\n}\n\nexport type TablePaginationProps = {\n  pageSize: number\n  page: number\n  rowsCount: number\n  pageCount: number\n  onPageIndexChange: (page: number) => void\n  classes?: TablePaginationClasses\n}\n\nexport const TablePagination = ({ page, pageCount, pageSize, onPageIndexChange, rowsCount, classes }: TablePaginationProps) => {\n  const prevRows = pageSize * page\n  const rowsLeft = prevRows > rowsCount ? rowsCount : prevRows\n\n  return (\n    <div className={cn('flex w-full items-center justify-between', classes?.root)}>\n      <span className={cn('desk-body-regular-m text-color-tetriary', classes?.displayShown)}>\n        Показано {rowsLeft} из {rowsCount}\n      </span>\n      <Pagination\n        totalPages={pageCount}\n        changePage={(pageIndex) => onPageIndexChange(pageIndex)}\n        page={page}\n        ellipsis={1}\n        classes={classes?.pagination}\n      />\n    </div>\n  )\n}\n"],"names":["TablePagination","page","pageCount","pageSize","onPageIndexChange","rowsCount","classes","prevRows","rowsLeft","cn","jsxs","jsx","Pagination","pageIndex"],"mappings":"kJAkBO,MAAMA,EAAkB,CAAC,CAAE,KAAAC,EAAM,UAAAC,EAAW,SAAAC,EAAU,kBAAAC,EAAmB,UAAAC,EAAW,QAAAC,KAAoC,CAC7H,MAAMC,EAAWJ,EAAWF,EACtBO,EAAWD,EAAWF,EAAYA,EAAYE,EAEpD,SACG,MAAA,CAAI,UAAWE,EAAG,2CAA4CH,GAAS,IAAI,EAC1E,SAAA,CAAAI,EAAC,QAAK,UAAWD,EAAG,0CAA2CH,GAAS,YAAY,EAAG,SAAA,CAAA,YAC3EE,EAAS,OAAKH,CAAA,EAC1B,EACAM,EAACC,EAAA,CACC,WAAYV,EACZ,WAAaW,GAAcT,EAAkBS,CAAS,EACtD,KAAAZ,EACA,SAAU,EACV,QAASK,GAAS,UAAA,CAAA,CACpB,EACF,CAEJ"}

package/dist/lib/shared/ui/table/index.js

@@ -1,2 +1,2 @@
-import{Table as l,TableBody as o,TableCaption as r,TableCell as b,TableFooter as t,TableHead as T,TableHeader as m,TableRow as p}from"./ui/primitives/Primitives.js";import{DataTableColumnHeader as x}from"./ui/dataTableColumnHeader/DataTableColumnHeader.js";import{EditableCell as i}from"./ui/editableCell/EditableCell.js";import{DataTable as C}from"./Table.js";import{TableUtils as D}from"./model/TableUtils.js";import{TablePagination as s}from"./TablePagination.js";export{C as DataTable,x as DataTableColumnHeader,i as EditableCell,l as Table,o as TableBody,r as TableCaption,b as TableCell,t as TableFooter,T as TableHead,m as TableHeader,s as TablePagination,p as TableRow,D as TableUtils};
+import{DataTable as l}from"./Table.js";import{TablePagination as r}from"./TablePagination.js";import{TableUtils as t}from"./model/TableUtils.js";import{Table as m,TableBody as p,TableCaption as f,TableCell as x,TableFooter as d,TableHead as i,TableHeader as n,TableRow as C}from"./ui/primitives/Primitives.js";import{DataTableColumnHeader as D}from"./ui/dataTableColumnHeader/DataTableColumnHeader.js";import{EditableCell as s}from"./ui/editableCell/EditableCell.js";export{l as DataTable,D as DataTableColumnHeader,s as EditableCell,m as Table,p as TableBody,f as TableCaption,x as TableCell,d as TableFooter,i as TableHead,n as TableHeader,r as TablePagination,C as TableRow,t as TableUtils};
 //# sourceMappingURL=index.js.map

package/dist/lib/shared/ui/table/model/TableUtils.js

@@ -1,2 +1,2 @@
-import{jsx as d}from"react/jsx-runtime";import{createColumnHelper as S}from"@tanstack/react-table";import"../ui/primitives/Primitives.js";import{DataTableColumnHeader as b}from"../ui/dataTableColumnHeader/DataTableColumnHeader.js";import"react";import"../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";import"tailwind-merge";import{TypeGuards as c}from"../../../utils/typeGuards.js";import"uuid";import"react-hook-form";import"@hookform/resolvers/zod";import"../../button/Button.js";import"../../button/model/helpers.js";import"../../buttonIcon/ButtonIcon.js";import"../../loader/model/helpers.js";import"../../calendar/Calendar.js";import"../../calendar/model/utils.js";import"../../accordion/Accordion.js";import"@radix-ui/react-tooltip";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../notification/ui/CustomToast.js";import"../../heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../carousel/ui/CarouselContent.js";import"../../customLink/model/helpers.js";import"../../slot/Slot.js";import"../../formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../formElements/uncontrolled/checkbox/Checkbox.js";import"../../formElements/uncontrolled/combobox/combobox.js";import"../../formElements/uncontrolled/dayPicker/DayPicker.js";import"../../formElements/uncontrolled/input/Input.js";import"../../formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../formElements/uncontrolled/maskInput/MaskInput.js";import"../../formElements/uncontrolled/radio/RadioGroup.js";import"../../formElements/uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../formElements/uncontrolled/slider/SliderBase.js";import"../../formElements/uncontrolled/switch/Switch.js";import"../../formElements/uncontrolled/textarea/Textarea.js";import"../../formElements/uncontrolled/uploader/UploaderBase.js";import"../../formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../formElements/controlled/editor/ui/Editor.js";import"../../formElements/controlled/input/MaskInputControl.js";import"../../dropdownList/ui/dropdownItem/DropdownItem.js";class xr{static getColumnHelper(){return S()}static getColumns(a,g){const{helper:u=this.getColumnHelper(),enableColumnFilter:i=!1,enableSorting:m=!1,cellAccessor:n,headerAccessor:l,sortingFn:p,size:e}=g||{};return Object.keys(a).map(r=>u.accessor(r,{header:o=>{const{column:t}=o,s=l?l[r]:null;return d(b,{isSorted:t.getIsSorted()==="desc",nextSortingOrder:t.getNextSortingOrder(),toggleSorting:t.toggleSorting,canSort:t.getCanSort(),children:s?s(r,o):r})},cell:o=>{const t=n?n[r]:null;return t?t(o):o.getValue()},enableColumnFilter:c.isBoolean(i)?i:i.includes(r),enableSorting:c.isBoolean(m)?m:m.includes(r),sortingFn:typeof p=="object"?p[r]:p,...e==null?void 0:e[r]}))}}export{xr as TableUtils};
+import{jsx as d}from"react/jsx-runtime";import{createColumnHelper as S}from"@tanstack/react-table";import{TypeGuards as i}from"../../../utils/typeGuards.js";import{DataTableColumnHeader as b}from"../ui/dataTableColumnHeader/DataTableColumnHeader.js";class j{static getColumnHelper(){return S()}static getColumns(g,u){const{helper:m=this.getColumnHelper(),enableColumnFilter:o=!1,enableSorting:n=!1,cellAccessor:l,headerAccessor:c,sortingFn:s,size:p}=u||{};return Object.keys(g).map(e=>m.accessor(e,{header:t=>{const{column:r}=t,a=c?c[e]:null;return d(b,{isSorted:r.getIsSorted()==="desc",nextSortingOrder:r.getNextSortingOrder(),toggleSorting:r.toggleSorting,canSort:r.getCanSort(),children:a?a(e,t):e})},cell:t=>{const r=l?l[e]:null;return r?r(t):t.getValue()},enableColumnFilter:i.isBoolean(o)?o:o.includes(e),enableSorting:i.isBoolean(n)?n:n.includes(e),sortingFn:typeof s=="object"?s[e]:s,...p?.[e]}))}}export{j as TableUtils};
 //# sourceMappingURL=TableUtils.js.map