@alphakits/ui 1.31.5 → 2.0.1

package/dist/index.js

@@ -0,0 +1,330 @@
+import { Amount as m } from "./amount/component.js";
+import { AmountInput as a } from "./amount-input/component.js";
+import { Avatar as s } from "./avatar/component.js";
+import { BackButton as n } from "./back-button/component.js";
+import { Badge as l } from "./badge/component.js";
+import { BaseCard as S } from "./base-card/component.js";
+import { BottomSheet as T } from "./bottom-sheet/component.js";
+import { Box as I, Radiuses as h, Spaces as A } from "./box/component.js";
+import { Button as k } from "./button/component.js";
+import { ButtonArrow as E } from "./button-arrow/component.js";
+import { Calendar as _ } from "./calendar/component.js";
+import { usePeriod as P } from "./calendar/use-period.js";
+import { useCalendar as B } from "./calendar/use-calendar.js";
+import { DAYS_IN_WEEK as L, MONTHS_IN_YEAR as y, SUNDAY_INDEX as W, dateInLimits as b, limitDate as N, monthName as Y, russianWeekDay as v } from "./calendar/utils.js";
+import { CalendarInput as H } from "./calendar-input/component.js";
+import { DATE_FORMAT as U, DATE_MASK as q, IS_BROWSER as K, NATIVE_DATE_FORMAT as V, SUPPORTS_INPUT_TYPE_DATE as z, isCompleteDateInput as j, isInputDateSupported as J, parseDateString as X } from "./calendar-input/utils.js";
+import { Card as Z } from "./card/component.js";
+import { Cell as oo } from "./cell/component.js";
+import { Checkbox as eo } from "./checkbox/component.js";
+import { CheckboxGroup as po } from "./checkbox-group/component.js";
+import { CheckboxGroups as fo } from "./checkbox-lists/component.js";
+import { CollapsableRow as xo } from "./collapsable-row/component.js";
+import { Collapse as io } from "./collapse/component.js";
+import { CopyButton as uo } from "./copy-button/component.js";
+import { FormattedDate as So } from "./date/component.js";
+import { DateSwitcher as To } from "./date-switcher/component.js";
+import { DecoratedItem as Io } from "./decorated-item/component.js";
+import { Divider as Ao } from "./divider/component.js";
+import { Dot as ko } from "./dot/component.js";
+import { EmptyPage as Eo } from "./empty-page/component.js";
+import { Flex as _o } from "./flex/component.js";
+import { FlexColumns as Po } from "./flex-columns/component.js";
+import { Footer as Bo } from "./footer/component.js";
+import { FiltersForm as Lo } from "./form/templates/filters-form/index.js";
+import { FormControl as Wo } from "./form-control/component.js";
+import { ErrorMessage as No, FastField as Yo, FieldArray as vo, Form as Go, Formik as Ho, connect as wo, useField as Uo, useFormik as qo, useFormikContext as Ko, withFormik as Vo } from "formik";
+import { Grid as jo } from "./grid/component.js";
+import { HeaderSearch as Xo } from "./header-search/component.js";
+import { useClickOutside as Zo } from "./hooks/useClickOutside/index.js";
+import { useFocus as or } from "./hooks/useFocus/index.js";
+import { usePrevious as er } from "./hooks/usePrevious/index.js";
+import { useCrudFormRequests as pr } from "./hooks/use-crud-form-requests/index.js";
+import { useGetOne as fr } from "./hooks/use-get-one/index.js";
+import { IconButton as xr } from "./icon-button/component.js";
+import { Image as ir } from "./image/component.js";
+import { textSizes as ur } from "./image/types.js";
+import { ImageGallery as dr } from "./image-gallery/component.js";
+import { ImageUploader as Or } from "./image-uploader/component.js";
+import { InfoBlockHeader as cr } from "./info-block-header/component.js";
+import { InfoBlockItem as hr } from "./info-block-item/component.js";
+import { InfoBlockWrapper as Dr } from "./info-block-wrapper/component.js";
+import { Input as Cr } from "./input/component.js";
+import { InputAutocomplete as Mr } from "./input-autocomplete/component.js";
+import { InputGhost as gr } from "./input-ghost/component.js";
+import { Link as Rr } from "./link/component.js";
+import { ListAllert as Fr } from "./list-allert/component.js";
+import { Loader as yr } from "./loader/component.js";
+import { MaskedInput as br, PLACEHOLDER_CHAR as Nr } from "./masked-input/component.js";
+import { Menu as vr } from "./menu/component.js";
+import { Message as Hr } from "./message/component.js";
+import { ModalContext as Ur, ModalProvider as qr } from "./modal/context.js";
+import { Mq as Vr } from "./mq/component.js";
+import { useMatchMedia as jr } from "./mq/use-match-media.js";
+import { Notification as Xr } from "./notification/component.js";
+import { Padding as Zr } from "./padding/component.js";
+import { PageContainer as oe } from "./page-container/component.js";
+import { PageLoading as ee } from "./page-loading/component.js";
+import { PageWithControls as pe } from "./page-with-controls/component.js";
+import { PickerButton as fe } from "./picker-button/component.js";
+import { LabeledButton as xe } from "./picker-button/common/labeled-button/index.js";
+import { Popover as ie } from "./popover/component.js";
+import { Portal as ue } from "./portal/component.js";
+import { ProgressBar as de } from "./progress-bar/component.js";
+import { ProgressIndex as Oe } from "./progress-index/component.js";
+import { Radio as ce } from "./radio/component.js";
+import { RadioGroup as he } from "./radio-group/component.js";
+import { RadioGroups as De } from "./radio-groups/component.js";
+import { SectionWrapper as Ce } from "./section-wrapper/component.js";
+import { Select as Me } from "./select/component.js";
+import { Arrow as ge } from "./select/components/arrow/component.js";
+import { BaseSelect as Re } from "./select/components/base-select/component.js";
+import "react/jsx-runtime";
+import "react";
+import "classnames";
+import { convertToOptions as Fe, isGroup as Le, isOptionShape as ye, joinOptions as We, lastIndexOf as be, processOptions as Ne, useVisibleOptions as Ye } from "./select/utils.js";
+import { Optgroup as Ge } from "./select/components/optgroup/component.js";
+import { Option as we } from "./select/components/option/component.js";
+import { OptionsList as qe } from "./select/components/options-list/component.js";
+import { VirtualOptionsList as Ve } from "./select/components/virtual-options-list/component.js";
+import { useSelectWithLoading as je } from "./select/presets/use-select-with-loading/hook.js";
+import { useLazyLoading as Xe } from "./select/presets/use-lazy-loading/index.js";
+import { Sidepanel as Ze } from "./sidepanel/component.js";
+import { SidepanelHeader as ot } from "./sidepanel-header/component.js";
+import { Skeleton as et } from "./skeleton/component.js";
+import { Space as pt } from "./space/component.js";
+import { Spinner as ft } from "./spinner/component.js";
+import { StackingContext as xt, stackingOrder as st } from "./stack/context.js";
+import { Stack as nt } from "./stack/component.js";
+import { Status as lt } from "./status/component.js";
+import { SteppedProgressBar as St, useSteps as Ot } from "./stepped-progress-bar/index.js";
+import { Sticker as ct } from "./sticker/component.js";
+import { SuffixInput as ht } from "./suffix-input/component.js";
+import { SuperListHeader as Dt } from "./super-list-header/component.js";
+import { SuperListItem as Ct } from "./super-list-item/component.js";
+import { Switch as Mt } from "./switch/component.js";
+import { Table as gt } from "./table/component.js";
+import { TableCell as Rt } from "./table/components/cell/component.js";
+import { TableStatus as Ft } from "./table-status/component.js";
+import { Tag as yt } from "./tag/component.js";
+import { TagsList as bt } from "./tags-list/component.js";
+import { Textarea as Yt } from "./textarea/component.js";
+import { LOACAL_STORAGE_THEME_KEY as Gt, STYLE_TAG_ID as Ht, THEME as wt, THEME_DATA_ATTR as Ut, ThemeProvider as qt, useTheme as Kt } from "./theme-provider/component.js";
+import { defaultThemes as zt } from "./theme-provider/default-themes.js";
+import { Toast as Jt } from "./toast/component.js";
+import { ToastNotifier as Qt } from "./toast-notifier/component.js";
+import { ToastPlate as $t } from "./toast-plate/component.js";
+import { Tooltip as rp } from "./tooltip/component.js";
+import { Typography as tp } from "./typography/component.js";
+import { add as mp, addDays as fp, addMonths as ap, addYears as xp, eachDayOfInterval as sp, eachMonthOfInterval as ip, eachYearOfInterval as np, endOfDay as up, endOfISOWeek as lp, endOfWeek as dp, endOfYear as Sp, format as Op, isAfter as Tp, isBefore as cp, isEqual as Ip, isLastDayOfMonth as hp, isSameDay as Ap, isSameMonth as Dp, isSameYear as kp, isThisMonth as Cp, isThisYear as Ep, isToday as Mp, isWithinInterval as _p, lastDayOfMonth as gp, max as Pp, min as Rp, parse as Bp, parseISO as Fp, startOfDay as Lp, startOfISOWeek as yp, startOfMonth as Wp, startOfWeek as bp, startOfYear as Np, subDays as Yp, subMonths as vp, subWeeks as Gp, subYears as Hp, weekDaysShort as wp } from "./utils/date/index.js";
+import { AMOUNT_MAJOR_MINOR_PARTS_SEPARATOR as qp, THINSP as Kp, formatAmount as Vp } from "./utils/format-amount/util.js";
+import { showError as jp, showSuccess as Jp } from "./utils/show-toast/index.js";
+import { splitAmount as Qp } from "./utils/split-amount/util.js";
+import { formatDate as $p, locales as om } from "./utils/format-date/index.js";
+import { WelcomeContainer as em } from "./welcome-layout/component.js";
+import { withSuffix as pm } from "./with-suffix/component.js";
+export {
+  qp as AMOUNT_MAJOR_MINOR_PARTS_SEPARATOR,
+  m as Amount,
+  a as AmountInput,
+  ge as Arrow,
+  s as Avatar,
+  n as BackButton,
+  l as Badge,
+  S as BaseCard,
+  Re as BaseSelect,
+  T as BottomSheet,
+  I as Box,
+  k as Button,
+  E as ButtonArrow,
+  _ as Calendar,
+  H as CalendarInput,
+  Z as Card,
+  oo as Cell,
+  eo as Checkbox,
+  po as CheckboxGroup,
+  fo as CheckboxGroups,
+  xo as CollapsableRow,
+  io as Collapse,
+  uo as CopyButton,
+  U as DATE_FORMAT,
+  q as DATE_MASK,
+  L as DAYS_IN_WEEK,
+  To as DateSwitcher,
+  Io as DecoratedItem,
+  Ao as Divider,
+  ko as Dot,
+  Eo as EmptyPage,
+  No as ErrorMessage,
+  Yo as FastField,
+  vo as FieldArray,
+  Lo as FiltersForm,
+  _o as Flex,
+  Po as FlexColumns,
+  Bo as Footer,
+  Go as Form,
+  Wo as FormControl,
+  So as FormattedDate,
+  Ho as Formik,
+  jo as Grid,
+  Xo as HeaderSearch,
+  K as IS_BROWSER,
+  xr as IconButton,
+  ir as Image,
+  dr as ImageGallery,
+  Or as ImageUploader,
+  cr as InfoBlockHeader,
+  hr as InfoBlockItem,
+  Dr as InfoBlockWrapper,
+  Cr as Input,
+  Mr as InputAutocomplete,
+  gr as InputGhost,
+  Gt as LOACAL_STORAGE_THEME_KEY,
+  xe as LabeledButton,
+  Rr as Link,
+  Fr as ListAllert,
+  yr as Loader,
+  y as MONTHS_IN_YEAR,
+  br as MaskedInput,
+  vr as Menu,
+  Hr as Message,
+  Ur as ModalContext,
+  qr as ModalProvider,
+  Vr as Mq,
+  V as NATIVE_DATE_FORMAT,
+  Xr as Notification,
+  Ge as Optgroup,
+  we as Option,
+  qe as OptionsList,
+  Nr as PLACEHOLDER_CHAR,
+  Zr as Padding,
+  oe as PageContainer,
+  ee as PageLoading,
+  pe as PageWithControls,
+  fe as PickerButton,
+  ie as Popover,
+  ue as Portal,
+  de as ProgressBar,
+  Oe as ProgressIndex,
+  ce as Radio,
+  he as RadioGroup,
+  De as RadioGroups,
+  h as Radiuses,
+  Ht as STYLE_TAG_ID,
+  W as SUNDAY_INDEX,
+  z as SUPPORTS_INPUT_TYPE_DATE,
+  Ce as SectionWrapper,
+  Me as Select,
+  Ze as Sidepanel,
+  ot as SidepanelHeader,
+  et as Skeleton,
+  pt as Space,
+  A as Spaces,
+  ft as Spinner,
+  nt as Stack,
+  xt as StackingContext,
+  lt as Status,
+  St as SteppedProgressBar,
+  ct as Sticker,
+  ht as SuffixInput,
+  Dt as SuperListHeader,
+  Ct as SuperListItem,
+  Mt as Switch,
+  wt as THEME,
+  Ut as THEME_DATA_ATTR,
+  Kp as THINSP,
+  gt as Table,
+  Rt as TableCell,
+  Ft as TableStatus,
+  yt as Tag,
+  bt as TagsList,
+  Yt as Textarea,
+  qt as ThemeProvider,
+  Jt as Toast,
+  Qt as ToastNotifier,
+  $t as ToastPlate,
+  rp as Tooltip,
+  tp as Typography,
+  Ve as VirtualOptionsList,
+  em as WelcomeContainer,
+  mp as add,
+  fp as addDays,
+  ap as addMonths,
+  xp as addYears,
+  wo as connect,
+  Fe as convertToOptions,
+  b as dateInLimits,
+  zt as defaultThemes,
+  sp as eachDayOfInterval,
+  ip as eachMonthOfInterval,
+  np as eachYearOfInterval,
+  up as endOfDay,
+  lp as endOfISOWeek,
+  dp as endOfWeek,
+  Sp as endOfYear,
+  Op as format,
+  Vp as formatAmount,
+  $p as formatDate,
+  Tp as isAfter,
+  cp as isBefore,
+  j as isCompleteDateInput,
+  Ip as isEqual,
+  Le as isGroup,
+  J as isInputDateSupported,
+  hp as isLastDayOfMonth,
+  ye as isOptionShape,
+  Ap as isSameDay,
+  Dp as isSameMonth,
+  kp as isSameYear,
+  Cp as isThisMonth,
+  Ep as isThisYear,
+  Mp as isToday,
+  _p as isWithinInterval,
+  We as joinOptions,
+  gp as lastDayOfMonth,
+  be as lastIndexOf,
+  N as limitDate,
+  om as locales,
+  Pp as max,
+  Rp as min,
+  Y as monthName,
+  Bp as parse,
+  X as parseDateString,
+  Fp as parseISO,
+  Ne as processOptions,
+  v as russianWeekDay,
+  jp as showError,
+  Jp as showSuccess,
+  Qp as splitAmount,
+  st as stackingOrder,
+  Lp as startOfDay,
+  yp as startOfISOWeek,
+  Wp as startOfMonth,
+  bp as startOfWeek,
+  Np as startOfYear,
+  Yp as subDays,
+  vp as subMonths,
+  Gp as subWeeks,
+  Hp as subYears,
+  ur as textSizes,
+  B as useCalendar,
+  Zo as useClickOutside,
+  pr as useCrudFormRequests,
+  Uo as useField,
+  or as useFocus,
+  qo as useFormik,
+  Ko as useFormikContext,
+  fr as useGetOne,
+  Xe as useLazyLoading,
+  jr as useMatchMedia,
+  P as usePeriod,
+  er as usePrevious,
+  je as useSelectWithLoading,
+  Ot as useSteps,
+  Kt as useTheme,
+  Ye as useVisibleOptions,
+  wp as weekDaysShort,
+  Vo as withFormik,
+  pm as withSuffix
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/info-block-header/component.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-import React from 'react';
-interface InfoBlockHeaderProps {
+import { default as React } from 'react';
+export interface InfoBlockHeaderProps {
+    /** title - заголовок */
     title: string;
+    /** onClick - действие при нажатии на инфо блок */
     onClick?: () => void;
 }
-declare const InfoBlockHeader: React.FC<InfoBlockHeaderProps>;
-export { InfoBlockHeaderProps, InfoBlockHeader };
+export declare const InfoBlockHeader: React.FC<InfoBlockHeaderProps>;

package/dist/info-block-header/component.js

@@ -1 +1,14 @@
-import t from"react";import o from"@alphakits/icons/dist/NextS";import e from"classnames";import{IconButton as r}from"../icon-button/component.js";import{Typography as i}from"../typography/component.js";import"tslib";import"../button/component.js";import"react-merge-refs";import"../hooks/useFocus/index.js";import"../loader/component.js";import"../typography/text/component.js";import"../colors.module-347c19ce.js";import"../typography/title/index.js";import"../typography/title/component.js";var m={item:"index-module_item__3ce8x"},p=function(p){var n=p.title,c=p.onClick;return t.createElement("div",{className:e(m.item)},t.createElement(i.Text,{view:"title",weight:"bold",color:"primary"},n),!!c&&t.createElement(r,{icon:o,className:m.copy,size:"s",onClick:c}))};export{p as InfoBlockHeader};
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import i from "@alphakits/icons/dist/NextS";
+import s from "classnames";
+import { IconButton as p } from "../icon-button/component.js";
+import { Typography as c } from "../typography/component.js";
+import t from "./index.module.css.js";
+const y = ({ title: m, onClick: o }) => /* @__PURE__ */ e("div", { className: s(t.item), children: [
+  /* @__PURE__ */ r(c.Text, { view: "title", weight: "bold", color: "primary", children: m }),
+  !!o && /* @__PURE__ */ r(p, { icon: i, className: t.copy, size: "s", onClick: o })
+] });
+export {
+  y as InfoBlockHeader
+};
+//# sourceMappingURL=component.js.map

package/dist/info-block-header/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/info-block-header/component.tsx"],"sourcesContent":["import React from 'react';\nimport NextS from '@alphakits/icons/dist/NextS';\nimport cn from 'classnames';\n\nimport { IconButton } from '../icon-button';\nimport { Typography } from '../typography';\n\nimport styles from './index.module.css';\n\nexport interface InfoBlockHeaderProps {\n    /** title - заголовок */\n    title: string;\n    /** onClick - действие при нажатии на инфо блок */\n    onClick?: () => void;\n}\n\nexport const InfoBlockHeader: React.FC<InfoBlockHeaderProps> = ({ title, onClick }) => (\n    <div className={ cn(styles.item) }>\n        <Typography.Text view=\"title\" weight=\"bold\" color=\"primary\">\n            { title }\n        </Typography.Text>\n\n        { !!onClick && (\n            <IconButton icon={ NextS } className={ styles.copy } size=\"s\" onClick={ onClick } />\n        ) }\n    </div>\n);\n"],"names":["InfoBlockHeader","title","onClick","jsxs","cn","styles","jsx","Typography","IconButton","NextS"],"mappings":";;;;;;AAgBO,MAAMA,IAAkD,CAAC,EAAE,OAAAC,GAAO,SAAAC,EAAA,MACrE,gBAAAC,EAAC,OAAA,EAAI,WAAYC,EAAGC,EAAO,IAAI,GAC3B,UAAA;AAAA,EAAA,gBAAAC,EAACC,EAAW,MAAX,EAAgB,MAAK,SAAQ,QAAO,QAAO,OAAM,WAC5C,UAAAN,EAAA,CACN;AAAA,EAEE,CAAC,CAACC,KACA,gBAAAI,EAACE,GAAA,EAAW,MAAOC,GAAQ,WAAYJ,EAAO,MAAO,MAAK,KAAI,SAAAH,EAAA,CAAoB;AAAA,EAAA,CAE1F;"}

package/dist/info-block-header/index.d.ts

@@ -1 +1 @@
-export * from "./component";
+export * from './component';

package/dist/info-block-header/index.js

@@ -1 +1,5 @@
-export{InfoBlockHeader}from"./component.js";import"react";import"@alphakits/icons/dist/NextS";import"classnames";import"../icon-button/component.js";import"tslib";import"../button/component.js";import"react-merge-refs";import"../hooks/useFocus/index.js";import"../loader/component.js";import"../typography/component.js";import"../typography/text/component.js";import"../colors.module-347c19ce.js";import"../typography/title/index.js";import"../typography/title/component.js";
+import { InfoBlockHeader as r } from "./component.js";
+export {
+  r as InfoBlockHeader
+};
+//# sourceMappingURL=index.js.map

package/dist/info-block-header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/info-block-header/index.module.css

@@ -0,0 +1 @@
+.index-module_item__fXRQg{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:var(--gap-2xs);height:24px}

package/dist/info-block-header/index.module.css.js

@@ -0,0 +1,9 @@
+import './index.module.css';
+const e = "index-module_item__fXRQg", t = {
+  item: e
+};
+export {
+  t as default,
+  e as item
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/info-block-header/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/info-block-item/component.d.ts

@@ -1,12 +1,15 @@
-/// <reference types="react" />
-import React from 'react';
-interface InfoBlockItemProps {
+import { default as React } from 'react';
+export interface InfoBlockItemProps {
+    /** label */
     label: any;
+    /** value */
     value?: any;
     view?: 'start' | 'between';
+    /** color - цвет value */
     color?: 'primary' | 'negative' | 'positive' | 'attention';
+    /** color - цвет value */
     withCopyButton?: boolean;
+    /** rightAddons - слот справа */
     rightAddons?: React.ReactNode;
 }
-declare const InfoBlockItem: React.FC<InfoBlockItemProps>;
-export { InfoBlockItemProps, InfoBlockItem };
+export declare const InfoBlockItem: React.FC<InfoBlockItemProps>;

package/dist/info-block-item/component.js

@@ -1 +1,47 @@
-import t from"react";import e from"@alphakits/icons/dist/ActionCopyM";import o from"classnames";import{IconButton as i}from"../icon-button/component.js";import{ToastNotifier as r}from"../toast-notifier/component.js";import{Typography as n}from"../typography/component.js";import"tslib";import"../button/component.js";import"react-merge-refs";import"../hooks/useFocus/index.js";import"../loader/component.js";import"react-dom";import"../toast-plate/component.js";import"@alphakits/icons/dist/AlertCircleM";import"@alphakits/icons/dist/CheckmarkCircleM";import"@alphakits/icons/dist/ClockCircleM";import"@alphakits/icons/dist/CloseS";import"../toast-notifier/use-timer.js";import"../typography/text/component.js";import"../colors.module-347c19ce.js";import"../typography/title/index.js";import"../typography/title/component.js";var m={item:"index-module_item__Wtwgt",start:"index-module_start__3kp7e",between:"index-module_between__3JHZ-",rightAddons:"index-module_rightAddons__3HmvT",content:"index-module_content__OwYJI",copy:"index-module_copy__2bD1W"},s=function(s){var p=s.label,a=s.value,c=s.view,l=void 0===c?"between":c,d=s.rightAddons,u=s.withCopyButton,h=s.color,_=void 0===h?"primary":h;return t.createElement("div",{className:o(m.item,m[l])},t.createElement(n.Text,{view:"caps",color:"secondary",weight:"medium"},p,a&&":"),t.createElement("div",{className:m.content},a&&t.createElement(n.Text,{view:"caps",className:m.value,color:_,weight:"medium"},a,u&&t.createElement(i,{icon:e,className:m.copy,size:"s",onClick:function(t){t.stopPropagation(),navigator.clipboard.writeText(a).then((function(){r({title:"Copied!",view:"positive",offset:30})}))}})),d&&t.createElement("div",{className:m.rightAddons},d)))};export{s as InfoBlockItem};
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import l from "@alphakits/icons/dist/ActionCopyM";
+import d from "classnames";
+import { IconButton as f } from "../icon-button/component.js";
+import { ToastNotifier as h } from "../toast-notifier/component.js";
+import { Typography as m } from "../typography/component.js";
+import o from "./index.module.css.js";
+const C = ({
+  label: s,
+  value: i,
+  view: c = "between",
+  rightAddons: t,
+  withCopyButton: n,
+  color: p = "primary"
+}) => /* @__PURE__ */ e("div", { className: d(o.item, o[c]), children: [
+  /* @__PURE__ */ e(m.Text, { view: "caps", color: "secondary", weight: "medium", children: [
+    s,
+    i && ":"
+  ] }),
+  /* @__PURE__ */ e("div", { className: o.content, children: [
+    i && /* @__PURE__ */ e(m.Text, { view: "caps", className: o.value, color: p, weight: "medium", children: [
+      i,
+      n && /* @__PURE__ */ r(
+        f,
+        {
+          icon: l,
+          className: o.copy,
+          size: "s",
+          onClick: (a) => {
+            a.stopPropagation(), navigator.clipboard.writeText(i).then(() => {
+              h({
+                title: "Copied!",
+                view: "positive",
+                offset: 30
+              });
+            });
+          }
+        }
+      )
+    ] }),
+    t && /* @__PURE__ */ r("div", { className: o.rightAddons, children: t })
+  ] })
+] });
+export {
+  C as InfoBlockItem
+};
+//# sourceMappingURL=component.js.map

package/dist/info-block-item/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/info-block-item/component.tsx"],"sourcesContent":["import React from 'react';\nimport ActionCopyM from '@alphakits/icons/dist/ActionCopyM';\nimport cn from 'classnames';\n\nimport { IconButton } from '../icon-button';\nimport { ToastNotifier } from '../toast-notifier';\nimport { Typography } from '../typography';\n\nimport styles from './index.module.css';\n\nexport interface InfoBlockItemProps {\n    /** label */\n    label: any;\n\n    /** value */\n    value?: any;\n\n    view?: 'start' | 'between';\n\n    /** color - цвет value */\n    color?: 'primary' | 'negative' | 'positive' | 'attention';\n    /** color - цвет value */\n    withCopyButton?: boolean;\n\n    /** rightAddons - слот справа */\n    rightAddons?: React.ReactNode;\n}\n\nexport const InfoBlockItem: React.FC<InfoBlockItemProps> = ({\n    label,\n    value,\n    view = 'between',\n    rightAddons,\n    withCopyButton,\n    color = 'primary',\n}) => (\n    <div className={ cn(styles.item, styles[view]) }>\n        <Typography.Text view=\"caps\" color=\"secondary\" weight=\"medium\">\n            { label }\n            { value && ':' }\n        </Typography.Text>\n        <div className={ styles.content }>\n            { value && (\n                <Typography.Text view=\"caps\" className={ styles.value } color={ color } weight=\"medium\">\n                    { value }\n                    { withCopyButton && (\n                        <IconButton\n                            icon={ ActionCopyM }\n                            className={ styles.copy }\n                            size=\"s\"\n                            onClick={ (e: any) => {\n                                e.stopPropagation();\n                                navigator.clipboard.writeText(value).then(() => {\n                                    ToastNotifier({\n                                        title: 'Copied!',\n                                        view: 'positive',\n                                        offset: 30,\n                                    });\n                                });\n                            } }\n                        />\n                    ) }\n                </Typography.Text>\n            ) }\n            { rightAddons && <div className={ styles.rightAddons }>{ rightAddons }</div> }\n        </div>\n    </div>\n);\n"],"names":["InfoBlockItem","label","value","view","rightAddons","withCopyButton","color","jsxs","cn","styles","Typography","jsx","IconButton","ActionCopyM","e","ToastNotifier"],"mappings":";;;;;;;AA4BO,MAAMA,IAA8C,CAAC;AAAA,EACxD,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,aAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC,IAAQ;AACZ,MACI,gBAAAC,EAAC,SAAI,WAAYC,EAAGC,EAAO,MAAMA,EAAON,CAAI,CAAC,GACzC,UAAA;AAAA,EAAA,gBAAAI,EAACG,EAAW,MAAX,EAAgB,MAAK,QAAO,OAAM,aAAY,QAAO,UAChD,UAAA;AAAA,IAAAT;AAAA,IACAC,KAAS;AAAA,EAAA,GACf;AAAA,EACA,gBAAAK,EAAC,OAAA,EAAI,WAAYE,EAAO,SAClB,UAAA;AAAA,IAAAP,KACE,gBAAAK,EAACG,EAAW,MAAX,EAAgB,MAAK,QAAO,WAAYD,EAAO,OAAQ,OAAAH,GAAgB,QAAO,UACzE,UAAA;AAAA,MAAAJ;AAAA,MACAG,KACE,gBAAAM;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,MAAOC;AAAA,UACP,WAAYJ,EAAO;AAAA,UACnB,MAAK;AAAA,UACL,SAAU,CAACK,MAAW;AAClB,YAAAA,EAAE,gBAAA,GACF,UAAU,UAAU,UAAUZ,CAAK,EAAE,KAAK,MAAM;AAC5C,cAAAa,EAAc;AAAA,gBACV,OAAO;AAAA,gBACP,MAAM;AAAA,gBACN,QAAQ;AAAA,cAAA,CACX;AAAA,YACL,CAAC;AAAA,UACL;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ,GAER;AAAA,IAEFX,KAAe,gBAAAO,EAAC,OAAA,EAAI,WAAYF,EAAO,aAAgB,UAAAL,EAAA,CAAa;AAAA,EAAA,EAAA,CAC1E;AAAA,EAAA,CACJ;"}

package/dist/info-block-item/index.d.ts

@@ -1 +1 @@
-export * from "./component";
+export * from './component';

package/dist/info-block-item/index.js

@@ -1 +1,5 @@
-export{InfoBlockItem}from"./component.js";import"react";import"@alphakits/icons/dist/ActionCopyM";import"classnames";import"../icon-button/component.js";import"tslib";import"../button/component.js";import"react-merge-refs";import"../hooks/useFocus/index.js";import"../loader/component.js";import"../toast-notifier/component.js";import"react-dom";import"../toast-plate/component.js";import"@alphakits/icons/dist/AlertCircleM";import"@alphakits/icons/dist/CheckmarkCircleM";import"@alphakits/icons/dist/ClockCircleM";import"@alphakits/icons/dist/CloseS";import"../toast-notifier/use-timer.js";import"../typography/component.js";import"../typography/text/component.js";import"../colors.module-347c19ce.js";import"../typography/title/index.js";import"../typography/title/component.js";
+import { InfoBlockItem as f } from "./component.js";
+export {
+  f as InfoBlockItem
+};
+//# sourceMappingURL=index.js.map

package/dist/info-block-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/info-block-item/index.module.css

@@ -0,0 +1 @@
+.index-module_item__BUo57{display:flex;space-between:space-between;width:100%;max-width:100%;padding:3px 0;box-sizing:border-box;text-align:left}.index-module_start__G65gS{justify-content:flex-start}.index-module_between__yyp2w{justify-content:space-between}.index-module_rightAddons__KS2QD{margin-left:var(--gap-2xs)}.index-module_content__Q7Zy2{padding-left:24px;text-align:right;display:flex;position:relative}.index-module_copy__msKVu{display:none!important;position:absolute!important;left:4px!important;width:16px!important;background:var(--color-bg-primary)!important;top:-2px!important}.index-module_item__BUo57:hover .index-module_copy__msKVu{display:block!important}

package/dist/info-block-item/index.module.css.js

@@ -0,0 +1,19 @@
+import './index.module.css';
+const t = "index-module_item__BUo57", e = "index-module_start__G65gS", n = "index-module_between__yyp2w", o = "index-module_rightAddons__KS2QD", d = "index-module_content__Q7Zy2", _ = "index-module_copy__msKVu", s = {
+  item: t,
+  start: e,
+  between: n,
+  rightAddons: o,
+  content: d,
+  copy: _
+};
+export {
+  n as between,
+  d as content,
+  _ as copy,
+  s as default,
+  t as item,
+  o as rightAddons,
+  e as start
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/info-block-item/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/info-block-wrapper/component.d.ts

@@ -1,8 +1,10 @@
-/// <reference types="react" />
-import React from 'react';
-interface InfoBlockWrapperProps {
+import { default as React } from 'react';
+export interface InfoBlockWrapperProps {
+    /** children - slot */
     children: React.ReactNode;
+    /**
+     * view - вид обертки
+     */
     view?: 'default' | 'bordered';
 }
-declare const InfoBlockWrapper: React.FC<InfoBlockWrapperProps>;
-export { InfoBlockWrapperProps, InfoBlockWrapper };
+export declare const InfoBlockWrapper: React.FC<InfoBlockWrapperProps>;

package/dist/info-block-wrapper/component.js

@@ -1 +1,11 @@
-import e from"react";import o from"classnames";var i={infoBlock:"index-module_infoBlock__1U3qw",icon:"index-module_icon__qcssZ",bordered:"index-module_bordered__1Edcl",withHover:"index-module_withHover__1w2MC"},r=function(r){var d=r.children,n=r.view,c=void 0===n?"default":n;return e.createElement("div",{className:o(i.infoBlock,i[c])},d)};export{r as InfoBlockWrapper};
+import { jsx as t } from "react/jsx-runtime";
+import f from "classnames";
+import o from "./index.module.css.js";
+const e = ({
+  children: r,
+  view: m = "default"
+}) => /* @__PURE__ */ t("div", { className: f(o.infoBlock, o[m]), children: r });
+export {
+  e as InfoBlockWrapper
+};
+//# sourceMappingURL=component.js.map

package/dist/info-block-wrapper/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/info-block-wrapper/component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport styles from './index.module.css';\n\nexport interface InfoBlockWrapperProps {\n    /** children - slot */\n    children: React.ReactNode;\n\n    /**\n     * view - вид обертки\n     */\n\n    view?: 'default' | 'bordered';\n}\n\nexport const InfoBlockWrapper: React.FC<InfoBlockWrapperProps> = ({\n    children,\n    view = 'default',\n}) => (\n    <div className={cn(styles.infoBlock, styles[view])}>\n        {children}\n    </div>\n);\n"],"names":["InfoBlockWrapper","children","view","jsx","cn","styles"],"mappings":";;;AAgBO,MAAMA,IAAoD,CAAC;AAAA,EAC9D,UAAAC;AAAA,EACA,MAAAC,IAAO;AACX,MACI,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAGC,EAAO,WAAWA,EAAOH,CAAI,CAAC,GAC5C,UAAAD,EAAA,CACL;"}

package/dist/info-block-wrapper/index.d.ts

@@ -1 +1 @@
-export * from "./component";
+export * from './component';

package/dist/info-block-wrapper/index.js

@@ -1 +1,5 @@
-export{InfoBlockWrapper}from"./component.js";import"react";import"classnames";
+import { InfoBlockWrapper as p } from "./component.js";
+export {
+  p as InfoBlockWrapper
+};
+//# sourceMappingURL=index.js.map

package/dist/info-block-wrapper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/info-block-wrapper/index.module.css

@@ -0,0 +1 @@
+.index-module_infoBlock__UlYZ9{padding:var(--gap-s) var(--gap-m);background:var(--color-bg-primary);border-radius:var(--radius-m);border:none;outline:none;display:flex;flex-direction:column;width:100%;margin-bottom:var(--gap-s);position:relative;box-sizing:border-box}.index-module_infoBlock__UlYZ9:hover .index-module_icon__lhrKn{color:var(--color-graphic-accent)}.index-module_bordered__0yDPn{border:1px solid var(--color-border-primary)}.index-module_icon__lhrKn{color:var(--color-graphic-thirdly);position:absolute;right:var(--gap-m);top:var(--gap-s)}.index-module_withHover__OF8-i{cursor:pointer}

package/dist/info-block-wrapper/index.module.css.js

@@ -0,0 +1,15 @@
+import './index.module.css';
+const o = "index-module_infoBlock__UlYZ9", e = "index-module_icon__lhrKn", n = "index-module_bordered__0yDPn", d = "index-module_withHover__OF8-i", i = {
+  infoBlock: o,
+  icon: e,
+  bordered: n,
+  withHover: d
+};
+export {
+  n as bordered,
+  i as default,
+  e as icon,
+  o as infoBlock,
+  d as withHover
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/info-block-wrapper/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}