@alphakits/ui 1.31.5 → 2.0.0

package/dist/index.js

@@ -0,0 +1,279 @@
+import { Amount as e } from "./amount/component.js";
+import { AmountInput as p } from "./amount-input/component.js";
+import { Avatar as x } from "./avatar/component.js";
+import { BackButton as a } from "./back-button/component.js";
+import { Badge as i } from "./badge/component.js";
+import { BaseCard as u } from "./base-card/component.js";
+import { BottomSheet as d } from "./bottom-sheet/component.js";
+import { Box as T, Radiuses as c, Spaces as A } from "./box/component.js";
+import { Button as C } from "./button/component.js";
+import { ButtonArrow as O } from "./button-arrow/component.js";
+import { Calendar as P } from "./calendar/component.js";
+import { usePeriod as D } from "./calendar/use-period.js";
+import { useCalendar as h } from "./calendar/use-calendar.js";
+import { DAYS_IN_WEEK as L, MONTHS_IN_YEAR as M, SUNDAY_INDEX as k, dateInLimits as N, limitDate as F, monthName as G, russianWeekDay as H } from "./calendar/utils.js";
+import { CalendarInput as w } from "./calendar-input/component.js";
+import { DATE_FORMAT as v, DATE_MASK as y, IS_BROWSER as Y, NATIVE_DATE_FORMAT as U, SUPPORTS_INPUT_TYPE_DATE as K, isCompleteDateInput as V, isInputDateSupported as q, parseDateString as z } from "./calendar-input/utils.js";
+import { Card as J } from "./card/component.js";
+import { Cell as Q } from "./cell/component.js";
+import { Checkbox as $ } from "./checkbox/component.js";
+import { CheckboxGroup as ro } from "./checkbox-group/component.js";
+import { CheckboxGroups as to } from "./checkbox-lists/component.js";
+import { CollapsableRow as mo } from "./collapsable-row/component.js";
+import { Collapse as fo } from "./collapse/component.js";
+import { CopyButton as so } from "./copy-button/component.js";
+import { FormattedDate as no } from "./date/component.js";
+import { DateSwitcher as lo } from "./date-switcher/component.js";
+import { DecoratedItem as To } from "./decorated-item/component.js";
+import { Divider as Ao } from "./divider/component.js";
+import { Dot as Co } from "./dot/component.js";
+import { EmptyPage as Oo } from "./empty-page/component.js";
+import { Flex as Po } from "./flex/component.js";
+import { FlexColumns as Do } from "./flex-columns/component.js";
+import { Footer as ho } from "./footer/component.js";
+import { FiltersForm as Lo } from "./form/templates/filters-form/index.js";
+import { FormControl as ko } from "./form-control/component.js";
+import { Grid as Fo } from "./grid/component.js";
+import { HeaderSearch as Ho } from "./header-search/component.js";
+import { useClickOutside as wo } from "./hooks/useClickOutside/index.js";
+import { useFocus as vo } from "./hooks/useFocus/index.js";
+import { usePrevious as Yo } from "./hooks/usePrevious/index.js";
+import { useCrudFormRequests as Ko } from "./hooks/use-crud-form-requests/index.js";
+import { useGetOne as qo } from "./hooks/use-get-one/index.js";
+import { IconButton as jo } from "./icon-button/component.js";
+import { Image as Xo } from "./image/component.js";
+import { textSizes as Zo } from "./image/types.js";
+import { ImageGallery as or } from "./image-gallery/component.js";
+import { ImageUploader as er } from "./image-uploader/component.js";
+import { InfoBlockHeader as pr } from "./info-block-header/component.js";
+import { InfoBlockItem as xr } from "./info-block-item/component.js";
+import { InfoBlockWrapper as ar } from "./info-block-wrapper/component.js";
+import { Input as ir } from "./input/component.js";
+import { InputAutocomplete as ur } from "./input-autocomplete/component.js";
+import { InputGhost as dr } from "./input-ghost/component.js";
+import { Link as Tr } from "./link/component.js";
+import { ListAllert as Ar } from "./list-allert/component.js";
+import { Loader as Cr } from "./loader/component.js";
+import { MaskedInput as Or, PLACEHOLDER_CHAR as _r } from "./masked-input/component.js";
+import { Menu as gr } from "./menu/component.js";
+import { Message as Rr } from "./message/component.js";
+import { ModalContext as Br, ModalProvider as Lr } from "./modal/context.js";
+import { Mq as kr } from "./mq/component.js";
+import { useMatchMedia as Fr } from "./mq/use-match-media.js";
+import { Notification as Hr } from "./notification/component.js";
+import { Padding as wr } from "./padding/component.js";
+import { PageContainer as vr } from "./page-container/component.js";
+import { PageLoading as Yr } from "./page-loading/component.js";
+import { PageWithControls as Kr } from "./page-with-controls/component.js";
+import { PickerButton as qr } from "./picker-button/component.js";
+import { LabeledButton as jr } from "./picker-button/common/labeled-button/index.js";
+import { Popover as Xr } from "./popover/component.js";
+import { Portal as Zr } from "./portal/component.js";
+import { ProgressBar as oe } from "./progress-bar/component.js";
+import { ProgressIndex as ee } from "./progress-index/component.js";
+import { Radio as pe } from "./radio/component.js";
+import { RadioGroup as xe } from "./radio-group/component.js";
+import { RadioGroups as ae } from "./radio-groups/component.js";
+import { SectionWrapper as ie } from "./section-wrapper/component.js";
+import { Select as ue } from "./select/component.js";
+import { Arrow as de } from "./select/components/arrow/component.js";
+import { BaseSelect as Te } from "./select/components/base-select/component.js";
+import { Field as Ae } from "./select/components/field/component.js";
+import { Optgroup as Ce } from "./select/components/optgroup/component.js";
+import { Option as Oe } from "./select/components/option/component.js";
+import { OptionsList as Pe } from "./select/components/options-list/component.js";
+import { VirtualOptionsList as De } from "./select/components/virtual-options-list/component.js";
+import { useSelectWithLoading as he } from "./select/presets/use-select-with-loading/hook.js";
+import { useLazyLoading as Le } from "./select/presets/use-lazy-loading/index.js";
+import { convertToOptions as ke, isGroup as Ne, isOptionShape as Fe, joinOptions as Ge, lastIndexOf as He, processOptions as be, useVisibleOptions as we } from "./select/utils.js";
+import { Sidepanel as ve } from "./sidepanel/component.js";
+import { SidepanelHeader as Ye } from "./sidepanel-header/component.js";
+import { Skeleton as Ke } from "./skeleton/component.js";
+import { Space as qe } from "./space/component.js";
+import { Spinner as je } from "./spinner/component.js";
+import { StackingContext as Xe, stackingOrder as Qe } from "./stack/context.js";
+import { Stack as $e } from "./stack/component.js";
+import { Status as rt } from "./status/component.js";
+import { SteppedProgressBar as tt, useSteps as pt } from "./stepped-progress-bar/index.js";
+import { Sticker as xt } from "./sticker/component.js";
+import { SuffixInput as at } from "./suffix-input/component.js";
+import { SuperListHeader as it } from "./super-list-header/component.js";
+import { SuperListItem as ut } from "./super-list-item/component.js";
+import { Switch as dt } from "./switch/component.js";
+import { Table as Tt } from "./table/component.js";
+import { TableCell as At } from "./table/components/cell/component.js";
+import { TableStatus as Ct } from "./table-status/component.js";
+import { Tag as Ot } from "./tag/component.js";
+import { TagsList as Pt } from "./tags-list/component.js";
+import { Textarea as Dt } from "./textarea/component.js";
+import { LOACAL_STORAGE_THEME_KEY as ht, STYLE_TAG_ID as Bt, THEME as Lt, THEME_DATA_ATTR as Mt, ThemeProvider as kt, useTheme as Nt } from "./theme-provider/component.js";
+import { defaultThemes as Gt } from "./theme-provider/default-themes.js";
+import { Toast as bt } from "./toast/component.js";
+import { ToastNotifier as Wt } from "./toast-notifier/component.js";
+import { ToastPlate as yt } from "./toast-plate/component.js";
+import { Tooltip as Ut } from "./tooltip/component.js";
+import { Typography as Vt } from "./typography/component.js";
+import { AMOUNT_MAJOR_MINOR_PARTS_SEPARATOR as zt, THINSP as jt, formatAmount as Jt } from "./utils/format-amount/util.js";
+import { showError as Qt, showSuccess as Zt } from "./utils/show-toast/index.js";
+import { splitAmount as op } from "./utils/split-amount/util.js";
+import { formatDate as ep, locales as tp } from "./utils/format-date/index.js";
+import { WelcomeContainer as mp } from "./welcome-layout/component.js";
+import { withSuffix as fp } from "./with-suffix/component.js";
+export {
+  zt as AMOUNT_MAJOR_MINOR_PARTS_SEPARATOR,
+  e as Amount,
+  p as AmountInput,
+  de as Arrow,
+  x as Avatar,
+  a as BackButton,
+  i as Badge,
+  u as BaseCard,
+  Te as BaseSelect,
+  d as BottomSheet,
+  T as Box,
+  C as Button,
+  O as ButtonArrow,
+  P as Calendar,
+  w as CalendarInput,
+  J as Card,
+  Q as Cell,
+  $ as Checkbox,
+  ro as CheckboxGroup,
+  to as CheckboxGroups,
+  mo as CollapsableRow,
+  fo as Collapse,
+  so as CopyButton,
+  v as DATE_FORMAT,
+  y as DATE_MASK,
+  L as DAYS_IN_WEEK,
+  lo as DateSwitcher,
+  To as DecoratedItem,
+  Ao as Divider,
+  Co as Dot,
+  Oo as EmptyPage,
+  Ae as Field,
+  Lo as FiltersForm,
+  Po as Flex,
+  Do as FlexColumns,
+  ho as Footer,
+  ko as FormControl,
+  no as FormattedDate,
+  Fo as Grid,
+  Ho as HeaderSearch,
+  Y as IS_BROWSER,
+  jo as IconButton,
+  Xo as Image,
+  or as ImageGallery,
+  er as ImageUploader,
+  pr as InfoBlockHeader,
+  xr as InfoBlockItem,
+  ar as InfoBlockWrapper,
+  ir as Input,
+  ur as InputAutocomplete,
+  dr as InputGhost,
+  ht as LOACAL_STORAGE_THEME_KEY,
+  jr as LabeledButton,
+  Tr as Link,
+  Ar as ListAllert,
+  Cr as Loader,
+  M as MONTHS_IN_YEAR,
+  Or as MaskedInput,
+  gr as Menu,
+  Rr as Message,
+  Br as ModalContext,
+  Lr as ModalProvider,
+  kr as Mq,
+  U as NATIVE_DATE_FORMAT,
+  Hr as Notification,
+  Ce as Optgroup,
+  Oe as Option,
+  Pe as OptionsList,
+  _r as PLACEHOLDER_CHAR,
+  wr as Padding,
+  vr as PageContainer,
+  Yr as PageLoading,
+  Kr as PageWithControls,
+  qr as PickerButton,
+  Xr as Popover,
+  Zr as Portal,
+  oe as ProgressBar,
+  ee as ProgressIndex,
+  pe as Radio,
+  xe as RadioGroup,
+  ae as RadioGroups,
+  c as Radiuses,
+  Bt as STYLE_TAG_ID,
+  k as SUNDAY_INDEX,
+  K as SUPPORTS_INPUT_TYPE_DATE,
+  ie as SectionWrapper,
+  ue as Select,
+  ve as Sidepanel,
+  Ye as SidepanelHeader,
+  Ke as Skeleton,
+  qe as Space,
+  A as Spaces,
+  je as Spinner,
+  $e as Stack,
+  Xe as StackingContext,
+  rt as Status,
+  tt as SteppedProgressBar,
+  xt as Sticker,
+  at as SuffixInput,
+  it as SuperListHeader,
+  ut as SuperListItem,
+  dt as Switch,
+  Lt as THEME,
+  Mt as THEME_DATA_ATTR,
+  jt as THINSP,
+  Tt as Table,
+  At as TableCell,
+  Ct as TableStatus,
+  Ot as Tag,
+  Pt as TagsList,
+  Dt as Textarea,
+  kt as ThemeProvider,
+  bt as Toast,
+  Wt as ToastNotifier,
+  yt as ToastPlate,
+  Ut as Tooltip,
+  Vt as Typography,
+  De as VirtualOptionsList,
+  mp as WelcomeContainer,
+  ke as convertToOptions,
+  N as dateInLimits,
+  Gt as defaultThemes,
+  Jt as formatAmount,
+  ep as formatDate,
+  V as isCompleteDateInput,
+  Ne as isGroup,
+  q as isInputDateSupported,
+  Fe as isOptionShape,
+  Ge as joinOptions,
+  He as lastIndexOf,
+  F as limitDate,
+  tp as locales,
+  G as monthName,
+  z as parseDateString,
+  be as processOptions,
+  H as russianWeekDay,
+  Qt as showError,
+  Zt as showSuccess,
+  op as splitAmount,
+  Qe as stackingOrder,
+  Zo as textSizes,
+  h as useCalendar,
+  wo as useClickOutside,
+  Ko as useCrudFormRequests,
+  vo as useFocus,
+  qo as useGetOne,
+  Le as useLazyLoading,
+  Fr as useMatchMedia,
+  D as usePeriod,
+  Yo as usePrevious,
+  he as useSelectWithLoading,
+  pt as useSteps,
+  Nt as useTheme,
+  we as useVisibleOptions,
+  fp 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":";;;;;;"}