@shmidko61/lc-ui-kit 0.0.1

package/dist/grid/grid.types.d.ts

@@ -0,0 +1,49 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { BoxAs, BoxBreakpointProps, BoxProps } from '../box/box.types';
+import { ResponsiveStyleBreakpoint } from '../shared/responsive-style/responsive-style.types';
+/**
+ * Допустимое количество колонок в Grid.
+ *
+ * Ограничение до 12 держит API близким к привычным дизайн-сеткам и защищает
+ * компонент от случайных значений вроде `37`.
+ */
+export type GridCols = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+/**
+ * Значение зазора между элементами Grid.
+ *
+ * Число трактуется как px, строка передаётся как готовое CSS-значение: `1rem`,
+ * `clamp(...)`, `var(...)` и т.д.
+ */
+export type GridGap = number | string;
+/**
+ * Набор настроек Grid для одного responsive-состояния.
+ *
+ * Grid breakpoint наследует все layout/background props Box и добавляет только
+ * grid-специфичные `cols` и `gap`. Поэтому в `md/lg/xl` можно одновременно
+ * менять размеры, фон и параметры сетки.
+ */
+export interface GridBreakpointProps extends BoxBreakpointProps {
+    /** Количество колонок. */
+    cols?: GridCols;
+    /** Зазор между ячейками. */
+    gap?: GridGap;
+}
+/**
+ * Props Grid.
+ *
+ * Grid является специализацией Box: он принимает все допустимые props Box
+ * (`as`, размеры, background/backgroundColor и HTML attributes) и добавляет
+ * только grid-настройки `cols` и `gap`.
+ */
+export type GridProps = Omit<BoxProps<BoxAs>, keyof BoxBreakpointProps | 'md' | 'lg' | 'xl'> & GridBreakpointProps & Partial<Record<ResponsiveStyleBreakpoint, GridBreakpointProps>> & {
+    children?: ReactNode;
+};
+/**
+ * Props отдельной ячейки Grid.
+ *
+ * Сейчас это тонкая обёртка над div, но отдельный компонент оставлен для
+ * будущих возможностей: span, order, area и других grid-specific настроек.
+ */
+export interface GridItemProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}

package/dist/grid.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),v=require("./box.cjs"),g=require("./responsive-style.config-B2m9jVlX.cjs");function j(i){const n=[],t={},s={md:i.md,lg:i.lg,xl:i.xl};l(i,n,t);for(const e of g.responsiveBreakpoints){const o=s[e];o&&l(o,n,t,`${e}:`,`${e}-`)}return{className:n.join(" "),style:Object.keys(t).length>0?t:void 0}}function l({cols:i,gap:n},t,s,e="",o=""){if(i!==void 0){const r=`${o}grid-template-columns`;s[`--${r}`]=`repeat(${i}, minmax(0, 1fr))`,t.push(`${e}${u("grid-cols",`var(--${r})`)}`)}if(n!==void 0){const r=`${o}grid-gap`;s[`--${r}`]=G(n),t.push(`${e}${u("gap",`var(--${r})`)}`)}}function u(i,n){return[i,"-[",n,"]"].join("")}function G(i){return typeof i=="number"?`${i}px`:i}function N({children:i,className:n,cols:t=1,gap:s=0,md:e,lg:o,xl:r,style:a,...f}){const d=j({cols:t,gap:s,md:e,lg:o,xl:r}),x=c(e),$=c(o),y=c(r),b=d.style||a?{...d.style,...a}:void 0;return m.jsx(v.Box,{...f,display:"grid",className:g.cn(d.className,n),md:x,lg:$,xl:y,style:b,children:i})}function h({children:i,className:n,...t}){return m.jsx("div",{className:n,...t,children:i})}const w=Object.assign(N,{Item:h});function c(i){if(i)return{background:i.background,backgroundColor:i.backgroundColor,height:i.height,maxHeight:i.maxHeight,maxWidth:i.maxWidth,minHeight:i.minHeight,minWidth:i.minWidth,width:i.width}}exports.Grid=w;exports.GridItem=h;

package/dist/grid.js

@@ -0,0 +1,103 @@
+import { jsx as u } from "react/jsx-runtime";
+import { Box as v } from "./box.js";
+import { a as y, c as b } from "./responsive-style.config-DFuATrIM.js";
+function N(i) {
+  const n = [], t = {}, r = {
+    md: i.md,
+    lg: i.lg,
+    xl: i.xl
+  };
+  m(i, n, t);
+  for (const o of y) {
+    const e = r[o];
+    e && m(
+      e,
+      n,
+      t,
+      `${o}:`,
+      `${o}-`
+    );
+  }
+  return {
+    className: n.join(" "),
+    style: Object.keys(t).length > 0 ? t : void 0
+  };
+}
+function m({ cols: i, gap: n }, t, r, o = "", e = "") {
+  if (i !== void 0) {
+    const a = `${e}grid-template-columns`;
+    r[`--${a}`] = `repeat(${i}, minmax(0, 1fr))`, t.push(`${o}${l(
+      "grid-cols",
+      `var(--${a})`
+    )}`);
+  }
+  if (n !== void 0) {
+    const a = `${e}grid-gap`;
+    r[`--${a}`] = j(n), t.push(`${o}${l(
+      "gap",
+      `var(--${a})`
+    )}`);
+  }
+}
+function l(i, n) {
+  return [i, "-[", n, "]"].join("");
+}
+function j(i) {
+  return typeof i == "number" ? `${i}px` : i;
+}
+function w({
+  children: i,
+  className: n,
+  cols: t = 1,
+  gap: r = 0,
+  md: o,
+  lg: e,
+  xl: a,
+  style: c,
+  ...g
+}) {
+  const s = N({ cols: t, gap: r, md: o, lg: e, xl: a }), h = d(o), f = d(e), $ = d(a), x = s.style || c ? {
+    ...s.style,
+    ...c
+  } : void 0;
+  return /* @__PURE__ */ u(
+    v,
+    {
+      ...g,
+      display: "grid",
+      className: b(s.className, n),
+      md: h,
+      lg: f,
+      xl: $,
+      style: x,
+      children: i
+    }
+  );
+}
+function B({
+  children: i,
+  className: n,
+  ...t
+}) {
+  return /* @__PURE__ */ u("div", { className: n, ...t, children: i });
+}
+const W = Object.assign(w, {
+  Item: B
+});
+function d(i) {
+  if (i)
+    return {
+      background: i.background,
+      backgroundColor: i.backgroundColor,
+      height: i.height,
+      maxHeight: i.maxHeight,
+      maxWidth: i.maxWidth,
+      minHeight: i.minHeight,
+      minWidth: i.minWidth,
+      width: i.width
+    };
+}
+export {
+  W as Grid,
+  B as GridItem
+};

package/dist/icons/icons.d.ts

@@ -0,0 +1,30 @@
+import { default as ArrowCornerIcon } from '../../assets/icons/arrow-corner.svg?react';
+import { default as ArrowIcon } from '../../assets/icons/arrow.svg?react';
+import { default as BurgerIcon } from '../../assets/icons/burger.svg?react';
+import { default as CheckIcon } from '../../assets/icons/check.svg?react';
+import { default as CopyIcon } from '../../assets/icons/copy.svg?react';
+import { default as EyeOpenIcon } from '../../assets/icons/eye-open.svg?react';
+import { default as FileIcon } from '../../assets/icons/file.svg?react';
+import { default as LockClosedIcon } from '../../assets/icons/lock-closed.svg?react';
+import { default as LockOpenIcon } from '../../assets/icons/lock-open.svg?react';
+import { default as LogoutIcon } from '../../assets/icons/logout.svg?react';
+import { default as MediaMaxIcon } from '../../assets/icons/media-max.svg?react';
+import { default as MediaPictureIcon } from '../../assets/icons/media-picture.svg?react';
+import { default as MediaTgIcon } from '../../assets/icons/media-tg.svg?react';
+import { default as MediaVkIcon } from '../../assets/icons/media-vk.svg?react';
+import { default as MediaWaIcon } from '../../assets/icons/media-wa.svg?react';
+import { default as NetUploadIcon } from '../../assets/icons/net-upload.svg?react';
+import { default as PaperclipIcon } from '../../assets/icons/paperclip.svg?react';
+import { default as PlusIcon } from '../../assets/icons/plus.svg?react';
+import { default as SaveIcon } from '../../assets/icons/save.svg?react';
+import { default as SparkleIcon } from '../../assets/icons/sparkle.svg?react';
+import { default as TimeClockIcon } from '../../assets/icons/time-clock.svg?react';
+import { default as TrashIcon } from '../../assets/icons/trash.svg?react';
+import { default as XMarkIcon } from '../../assets/icons/x-mark.svg?react';
+import { default as DropDown } from '../../assets/icons/drop-down.svg?react';
+import { default as PhoneIcon } from '../../assets/icons/phone.svg?react';
+import { default as GeoIcon } from '../../assets/icons/geo.svg?react';
+import { default as MailIcon } from '../../assets/icons/mail.svg?react';
+import { default as SparkIcon } from '../../assets/icons/spark-icon.svg?react';
+import { default as TelephoneIcon } from '../../assets/icons/telephone.svg?react';
+export { ArrowCornerIcon, ArrowIcon, BurgerIcon, CheckIcon, CopyIcon, EyeOpenIcon, FileIcon, LockClosedIcon, LockOpenIcon, LogoutIcon, MediaMaxIcon, MediaPictureIcon, MediaTgIcon, MediaVkIcon, MediaWaIcon, NetUploadIcon, PaperclipIcon, PlusIcon, SaveIcon, SparkleIcon, TimeClockIcon, TrashIcon, XMarkIcon, DropDown, GeoIcon, MailIcon, PhoneIcon, TelephoneIcon, SparkIcon, };

package/dist/icons.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./telephone-DVftjRG9.cjs"),n=require("./arrow-CS6d64Y4.cjs"),o=require("./media-picture-BmERSmsd.cjs"),r=require("./eye-open-5zYaeyLp.cjs"),c=require("./time-clock-DOwPzcx7.cjs"),g=require("./x-mark-DId-ylR6.cjs"),S=require("./drop-down-CdIuWbLC.cjs");exports.ArrowCornerIcon=e.SvgArrowCorner;exports.BurgerIcon=e.SvgBurger;exports.CopyIcon=e.SvgCopy;exports.FileIcon=e.SvgFile;exports.GeoIcon=e.SvgGeo;exports.LockClosedIcon=e.SvgLockClosed;exports.LockOpenIcon=e.SvgLockOpen;exports.LogoutIcon=e.SvgLogout;exports.MailIcon=e.SvgMail;exports.MediaMaxIcon=e.SvgMediaMax;exports.MediaTgIcon=e.SvgMediaTg;exports.MediaVkIcon=e.SvgMediaVk;exports.MediaWaIcon=e.SvgMediaWa;exports.NetUploadIcon=e.SvgNetUpload;exports.PaperclipIcon=e.SvgPaperclip;exports.PhoneIcon=e.SvgPhone;exports.PlusIcon=e.SvgPlus;exports.SaveIcon=e.SvgSave;exports.SparkIcon=e.SvgSparkIcon;exports.SparkleIcon=e.SvgSparkle;exports.TelephoneIcon=e.SvgTelephone;exports.TrashIcon=e.SvgTrash;exports.ArrowIcon=n.SvgArrow;exports.CheckIcon=o.SvgCheck;exports.MediaPictureIcon=o.SvgMediaPicture;exports.EyeOpenIcon=r.SvgEyeOpen;exports.TimeClockIcon=c.SvgTimeClock;exports.XMarkIcon=g.SvgXMark;exports.DropDown=S.SvgDropDown;

package/dist/icons.js

@@ -0,0 +1,38 @@
+import { S as c, a as n, b as s, c as e, d as r, e as I, f as p, g as i, h as t, i as l, j as S, k, l as m, m as d, n as f, o as x, p as M, q as h, r as u, s as C, t as g, u as P } from "./telephone-DvXakgBQ.js";
+import { S as w } from "./arrow-DBc2opRL.js";
+import { S as y, a as A } from "./media-picture-BN4saEVT.js";
+import { S as O } from "./eye-open-CoTSj5cT.js";
+import { S as j } from "./time-clock-DjqcZ8tI.js";
+import { S as v } from "./x-mark-WU1eT82T.js";
+import { S as E } from "./drop-down-DH2_3qXq.js";
+export {
+  c as ArrowCornerIcon,
+  w as ArrowIcon,
+  n as BurgerIcon,
+  y as CheckIcon,
+  s as CopyIcon,
+  E as DropDown,
+  O as EyeOpenIcon,
+  e as FileIcon,
+  r as GeoIcon,
+  I as LockClosedIcon,
+  p as LockOpenIcon,
+  i as LogoutIcon,
+  t as MailIcon,
+  l as MediaMaxIcon,
+  A as MediaPictureIcon,
+  S as MediaTgIcon,
+  k as MediaVkIcon,
+  m as MediaWaIcon,
+  d as NetUploadIcon,
+  f as PaperclipIcon,
+  x as PhoneIcon,
+  M as PlusIcon,
+  h as SaveIcon,
+  u as SparkIcon,
+  C as SparkleIcon,
+  g as TelephoneIcon,
+  j as TimeClockIcon,
+  P as TrashIcon,
+  v as XMarkIcon
+};

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./accordion.cjs"),s=require("./box.cjs"),r=require("./button.cjs"),a=require("./ui-kit-provider-raEFsUm0.cjs"),u=require("./flex.cjs"),n=require("./grid.cjs"),e=require("./telephone-DVftjRG9.cjs"),d=require("./arrow-CS6d64Y4.cjs"),t=require("./media-picture-BmERSmsd.cjs"),p=require("./eye-open-5zYaeyLp.cjs"),g=require("./time-clock-DOwPzcx7.cjs"),S=require("./x-mark-DId-ylR6.cjs"),T=require("./drop-down-CdIuWbLC.cjs"),b=require("./input.cjs"),v=require("./media-card.cjs"),I=require("./media-gallery.cjs"),C=require("./pagination.cjs"),y=require("./picture.cjs"),k=require("./select.cjs"),q=require("./status-badge.cjs"),M=require("./switch.cjs"),o=require("./table-container-DqqqkChm.cjs"),c=require("./typography.cjs"),l=require("./responsive-style.config-B2m9jVlX.cjs");exports.Accordion=i.Accordion;exports.AccordionItem=i.AccordionItem;exports.AccordionRoot=i.AccordionRoot;exports.Box=s.Box;exports.Button=r.Button;exports.buttonSizeBorderRadius=r.buttonSizeBorderRadius;exports.buttonSizeBoxProps=r.buttonSizeBoxProps;exports.buttonSizeClassNames=r.buttonSizeClassNames;exports.buttonVariantClassNames=r.buttonVariantClassNames;exports.buttonVariants=r.buttonVariants;exports.UiKitProvider=a.UiKitProvider;exports.uiKitColorTokens=a.uiKitColorTokens;exports.uiKitTypographyTokens=a.uiKitTypographyTokens;exports.useUiKitConfig=a.useUiKitConfig;exports.Flex=u.Flex;exports.Grid=n.Grid;exports.GridItem=n.GridItem;exports.ArrowCornerIcon=e.SvgArrowCorner;exports.BurgerIcon=e.SvgBurger;exports.CopyIcon=e.SvgCopy;exports.FileIcon=e.SvgFile;exports.GeoIcon=e.SvgGeo;exports.LockClosedIcon=e.SvgLockClosed;exports.LockOpenIcon=e.SvgLockOpen;exports.LogoutIcon=e.SvgLogout;exports.MailIcon=e.SvgMail;exports.MediaMaxIcon=e.SvgMediaMax;exports.MediaTgIcon=e.SvgMediaTg;exports.MediaVkIcon=e.SvgMediaVk;exports.MediaWaIcon=e.SvgMediaWa;exports.NetUploadIcon=e.SvgNetUpload;exports.PaperclipIcon=e.SvgPaperclip;exports.PhoneIcon=e.SvgPhone;exports.PlusIcon=e.SvgPlus;exports.SaveIcon=e.SvgSave;exports.SparkIcon=e.SvgSparkIcon;exports.SparkleIcon=e.SvgSparkle;exports.TelephoneIcon=e.SvgTelephone;exports.TrashIcon=e.SvgTrash;exports.ArrowIcon=d.SvgArrow;exports.CheckIcon=t.SvgCheck;exports.MediaPictureIcon=t.SvgMediaPicture;exports.EyeOpenIcon=p.SvgEyeOpen;exports.TimeClockIcon=g.SvgTimeClock;exports.XMarkIcon=S.SvgXMark;exports.DropDown=T.SvgDropDown;exports.Input=b.Input;exports.MediaCard=v.MediaCard;exports.MediaGallery=I.MediaGallery;exports.Pagination=C.Pagination;exports.Picture=y.Picture;exports.Select=k.Select;exports.StatusBadge=q.StatusBadge;exports.Switch=M.Switch;exports.DataTable=o.DataTable;exports.Table=o.Table;exports.TableBody=o.TableBody;exports.TableCaption=o.TableCaption;exports.TableCell=o.TableCell;exports.TableContainer=o.TableContainer;exports.TableFooter=o.TableFooter;exports.TableHead=o.TableHead;exports.TableHeader=o.TableHeader;exports.TableRow=o.TableRow;exports.TableScrollArea=o.TableScrollArea;exports.TableStatus=o.TableStatus;exports.TableToolbar=o.TableToolbar;exports.Typography=c.Typography;exports.typographyVariants=c.typographyVariants;exports.responsiveBreakpointMinWidth=l.responsiveBreakpointMinWidth;exports.responsiveBreakpoints=l.responsiveBreakpoints;

package/dist/index.d.ts

@@ -0,0 +1,22 @@
+export * from './accordion/accordion';
+export * from './box/box';
+export * from './button/button';
+export * from './design-tokens/color.tokens';
+export * from './design-tokens/typography.tokens';
+export * from './flex/flex';
+export * from './grid/grid';
+export * from './icons/icons';
+export * from './input/input';
+export * from './media-card/media-card';
+export * from './media-gallery/media-gallery';
+export * from './pagination/pagination';
+export * from './picture/picture';
+export * from './select/select';
+export * from './status-badge/status-badge';
+export * from './switch/switch';
+export * from './table/table';
+export * from './typography/typography';
+export * from './ui-kit-provider/ui-kit-provider';
+export type * from './types';
+export * from './shared/responsive-style/responsive-style.config';
+export type * from './shared/responsive-style/responsive-style.types';

package/dist/index.js

@@ -0,0 +1,97 @@
+import { Accordion as e, AccordionItem as r, AccordionRoot as s } from "./accordion.js";
+import { Box as n } from "./box.js";
+import { Button as p, buttonSizeBorderRadius as c, buttonSizeBoxProps as l, buttonSizeClassNames as I, buttonVariantClassNames as m, buttonVariants as x } from "./button.js";
+import { U as d, u as T, a as b, b as u } from "./ui-kit-provider-C6Mk5g_7.js";
+import { Flex as k } from "./flex.js";
+import { Grid as g, GridItem as h } from "./grid.js";
+import { S as y, a as B, b as P, c as A, d as w, e as v, f as D, g as G, h as K, i as U, j as V, k as z, l as F, m as L, n as N, o as R, p as j, q as H, r as O, s as W, t as q, u as E } from "./telephone-DvXakgBQ.js";
+import { S as J } from "./arrow-DBc2opRL.js";
+import { S as Y, a as Z } from "./media-picture-BN4saEVT.js";
+import { S as $ } from "./eye-open-CoTSj5cT.js";
+import { S as ao } from "./time-clock-DjqcZ8tI.js";
+import { S as ro } from "./x-mark-WU1eT82T.js";
+import { S as to } from "./drop-down-DH2_3qXq.js";
+import { Input as io } from "./input.js";
+import { MediaCard as co } from "./media-card.js";
+import { MediaGallery as Io } from "./media-gallery.js";
+import { Pagination as xo } from "./pagination.js";
+import { Picture as To } from "./picture.js";
+import { Select as uo } from "./select.js";
+import { StatusBadge as ko } from "./status-badge.js";
+import { Switch as go } from "./switch.js";
+import { D as Mo, T as yo, a as Bo, b as Po, c as Ao, d as wo, e as vo, f as Do, g as Go, h as Ko, i as Uo, j as Vo, k as zo } from "./table-container-BsE-uIE1.js";
+import { Typography as Lo, typographyVariants as No } from "./typography.js";
+import { r as jo, a as Ho } from "./responsive-style.config-DFuATrIM.js";
+export {
+  e as Accordion,
+  r as AccordionItem,
+  s as AccordionRoot,
+  y as ArrowCornerIcon,
+  J as ArrowIcon,
+  n as Box,
+  B as BurgerIcon,
+  p as Button,
+  Y as CheckIcon,
+  P as CopyIcon,
+  Mo as DataTable,
+  to as DropDown,
+  $ as EyeOpenIcon,
+  A as FileIcon,
+  k as Flex,
+  w as GeoIcon,
+  g as Grid,
+  h as GridItem,
+  io as Input,
+  v as LockClosedIcon,
+  D as LockOpenIcon,
+  G as LogoutIcon,
+  K as MailIcon,
+  co as MediaCard,
+  Io as MediaGallery,
+  U as MediaMaxIcon,
+  Z as MediaPictureIcon,
+  V as MediaTgIcon,
+  z as MediaVkIcon,
+  F as MediaWaIcon,
+  L as NetUploadIcon,
+  xo as Pagination,
+  N as PaperclipIcon,
+  R as PhoneIcon,
+  To as Picture,
+  j as PlusIcon,
+  H as SaveIcon,
+  uo as Select,
+  O as SparkIcon,
+  W as SparkleIcon,
+  ko as StatusBadge,
+  go as Switch,
+  yo as Table,
+  Bo as TableBody,
+  Po as TableCaption,
+  Ao as TableCell,
+  wo as TableContainer,
+  vo as TableFooter,
+  Do as TableHead,
+  Go as TableHeader,
+  Ko as TableRow,
+  Uo as TableScrollArea,
+  Vo as TableStatus,
+  zo as TableToolbar,
+  q as TelephoneIcon,
+  ao as TimeClockIcon,
+  E as TrashIcon,
+  Lo as Typography,
+  d as UiKitProvider,
+  ro as XMarkIcon,
+  c as buttonSizeBorderRadius,
+  l as buttonSizeBoxProps,
+  I as buttonSizeClassNames,
+  m as buttonVariantClassNames,
+  x as buttonVariants,
+  jo as responsiveBreakpointMinWidth,
+  Ho as responsiveBreakpoints,
+  No as typographyVariants,
+  T as uiKitColorTokens,
+  b as uiKitTypographyTokens,
+  u as useUiKitConfig
+};

package/dist/input/input.d.ts

@@ -0,0 +1,49 @@
+import { ChangeEventHandler, InputHTMLAttributes, JSX, ReactNode, TextareaHTMLAttributes } from 'react';
+/** Варианты отображения поля ввода. */
+type InputVariant = 'default' | 'password' | 'textarea';
+/** Общие props для input и textarea режимов. */
+type InputBaseProps = {
+    /** Класс внешнего контейнера с label, control и сообщением. */
+    containerClassName?: string;
+    /** Состояние ошибки. ReactNode отображается как текст ошибки под полем. */
+    error?: boolean | ReactNode;
+    /** Подсказка под полем, показывается когда нет текстовой ошибки. */
+    helperText?: ReactNode;
+    /** Label над полем. */
+    label?: ReactNode;
+    /** Иконка слева внутри поля. */
+    leftIcon?: ReactNode;
+    /** Иконка справа внутри поля. В password-варианте заменяется кнопкой показа пароля. */
+    rightIcon?: ReactNode;
+    /** Вариант поля: обычный input, password или textarea. */
+    variant?: InputVariant;
+};
+/** Props для native input-режимов. */
+type NativeInputProps = InputBaseProps & Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> & {
+    /** Флаг оставлен для совместимости с возможным controlled API, textarea выбирается через variant. */
+    multiline?: false;
+    /** Native input не может принимать textarea-вариант. */
+    variant?: Exclude<InputVariant, 'textarea'>;
+};
+/** Props для textarea-режима. */
+type TextareaInputProps = InputBaseProps & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> & {
+    /** Явно фиксирует multiline-режим для textarea. */
+    multiline?: true;
+    /** У textarea нет native type, поэтому prop запрещён типами. */
+    type?: never;
+    /** Textarea включается только через этот variant. */
+    variant: 'textarea';
+};
+/** Props универсального поля ввода UI kit. */
+export type InputProps = NativeInputProps | TextareaInputProps;
+/**
+ * Универсальный input-компонент дизайн-системы.
+ *
+ * Компонент покрывает обычный input, password input с переключателем видимости и
+ * textarea. Label, helper/error text и иконки встроены в компонент, чтобы
+ * приложения использовали единый визуальный и accessibility-паттерн.
+ */
+export declare function Input({ className, containerClassName, disabled, error, helperText, id, label, leftIcon, rightIcon, variant, ...props }: InputProps): JSX.Element;
+/** Универсальный тип change handler для input и textarea режимов. */
+export type InputChangeHandler = ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+export {};

package/dist/input/input.helpers.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+/**
+ * Возвращает текст сообщения под полем.
+ *
+ * Если `error` передан как ReactNode, он имеет приоритет над helper text и
+ * отображается как сообщение ошибки. Boolean `error` только включает визуальное
+ * состояние ошибки, поэтому в таком случае показываем `helperText`, если он есть.
+ */
+export declare function getInputMessage(error: boolean | ReactNode, helperText: ReactNode): ReactNode;

package/dist/input.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("react"),S=require("./eye-open-5zYaeyLp.cjs"),l=require("./responsive-style.config-B2m9jVlX.cjs"),g=require("./typography.cjs");function _(r,o){return r&&typeof r!="boolean"?r:o}const f="w-full rounded-[8px] border border-transparent bg-[var(--color-background-subtle)] px-4 text-[14px] font-normal leading-[120%] text-[var(--color-text-primary)] outline-none transition-colors placeholder:text-[var(--color-text-secondary)] focus-visible:border-[var(--color-primary-accent)] focus-visible:ring-2 focus-visible:ring-[color-mix(in_srgb,var(--color-primary-accent)_35%,transparent)] disabled:cursor-not-allowed disabled:opacity-50 [font-family:var(--font-family)] [&::-webkit-calendar-picker-indicator]:hidden [&::-webkit-calendar-picker-indicator]:appearance-none";function I({className:r,containerClassName:o,disabled:s,error:d=!1,helperText:m,id:h,label:p,leftIcon:n,rightIcon:j,variant:u="default",...a}){const w=b.useId(),i=h??w,[y,k]=b.useState(!1),t=!!d,x=_(d,m),N=u==="textarea",v=u==="password",c=v?e.jsx("button",{"aria-label":y?"Скрыть значение":"Показать значение",disabled:s,type:"button",onClick:()=>k(q=>!q),children:e.jsx(S.SvgEyeOpen,{})}):j;return e.jsxs("div",{className:l.cn("grid w-full gap-2",o),children:[p?e.jsx(g.Typography,{as:"label",color:"--color-text-secondary",htmlFor:i,variant:"b3",children:p}):null,e.jsxs("div",{className:"relative w-full",children:[n&&e.jsx("span",{className:"pointer-events-none absolute left-4 top-1/2 flex -translate-y-1/2 text-[var(--color-text-secondary)] [&_svg]:size-5",children:n}),N?e.jsx("textarea",{...a,"aria-invalid":t||a["aria-invalid"],className:l.cn(f,"min-h-[109px] resize-y px-4 py-3",t&&"border-[var(--color-secondary-accent-2)] focus-visible:ring-[var(--color-secondary-accent-2)]",n&&"pl-12",r),disabled:s,id:i}):e.jsx("input",{...a,"aria-invalid":t||a["aria-invalid"],className:l.cn(f,"min-h-[42px] py-3",t&&"border-[var(--color-secondary-accent-2)] focus-visible:ring-[var(--color-secondary-accent-2)]",n&&"pl-12",c&&"pr-12",r),disabled:s,id:i,type:v&&!y?"password":a.type??"text"}),c&&e.jsx("span",{className:"absolute right-2 top-1/2 flex -translate-y-1/2 text-[var(--color-text-secondary)] [&_svg]:size-5",children:c})]}),x?e.jsx(g.Typography,{as:"p",color:t?"--color-secondary-accent-2":"--color-text-secondary",variant:"b3",children:x}):null]})}exports.Input=I;

package/dist/input.js

@@ -0,0 +1,85 @@
+import { jsxs as x, jsx as e } from "react/jsx-runtime";
+import { useId as I, useState as P } from "react";
+import { S } from "./eye-open-CoTSj5cT.js";
+import { c as l } from "./responsive-style.config-DFuATrIM.js";
+import { Typography as b } from "./typography.js";
+function j(a, n) {
+  return a && typeof a != "boolean" ? a : n;
+}
+const f = "w-full rounded-[8px] border border-transparent bg-[var(--color-background-subtle)] px-4 text-[14px] font-normal leading-[120%] text-[var(--color-text-primary)] outline-none transition-colors placeholder:text-[var(--color-text-secondary)] focus-visible:border-[var(--color-primary-accent)] focus-visible:ring-2 focus-visible:ring-[color-mix(in_srgb,var(--color-primary-accent)_35%,transparent)] disabled:cursor-not-allowed disabled:opacity-50 [font-family:var(--font-family)] [&::-webkit-calendar-picker-indicator]:hidden [&::-webkit-calendar-picker-indicator]:appearance-none";
+function F({
+  className: a,
+  containerClassName: n,
+  disabled: i,
+  error: d = !1,
+  helperText: g,
+  id: h,
+  label: p,
+  leftIcon: t,
+  rightIcon: w,
+  variant: u = "default",
+  ...r
+}) {
+  const k = I(), s = h ?? k, [v, N] = P(!1), o = !!d, y = j(d, g), _ = u === "textarea", m = u === "password", c = m ? /* @__PURE__ */ e(
+    "button",
+    {
+      "aria-label": v ? "Скрыть значение" : "Показать значение",
+      disabled: i,
+      type: "button",
+      onClick: () => N((z) => !z),
+      children: /* @__PURE__ */ e(S, {})
+    }
+  ) : w;
+  return /* @__PURE__ */ x("div", { className: l("grid w-full gap-2", n), children: [
+    p ? /* @__PURE__ */ e(b, { as: "label", color: "--color-text-secondary", htmlFor: s, variant: "b3", children: p }) : null,
+    /* @__PURE__ */ x("div", { className: "relative w-full", children: [
+      t && /* @__PURE__ */ e("span", { className: "pointer-events-none absolute left-4 top-1/2 flex -translate-y-1/2 text-[var(--color-text-secondary)] [&_svg]:size-5", children: t }),
+      _ ? /* @__PURE__ */ e(
+        "textarea",
+        {
+          ...r,
+          "aria-invalid": o || r["aria-invalid"],
+          className: l(
+            f,
+            "min-h-[109px] resize-y px-4 py-3",
+            o && "border-[var(--color-secondary-accent-2)] focus-visible:ring-[var(--color-secondary-accent-2)]",
+            t && "pl-12",
+            a
+          ),
+          disabled: i,
+          id: s
+        }
+      ) : /* @__PURE__ */ e(
+        "input",
+        {
+          ...r,
+          "aria-invalid": o || r["aria-invalid"],
+          className: l(
+            f,
+            "min-h-[42px] py-3",
+            o && "border-[var(--color-secondary-accent-2)] focus-visible:ring-[var(--color-secondary-accent-2)]",
+            t && "pl-12",
+            c && "pr-12",
+            a
+          ),
+          disabled: i,
+          id: s,
+          type: m && !v ? "password" : r.type ?? "text"
+        }
+      ),
+      c && /* @__PURE__ */ e("span", { className: "absolute right-2 top-1/2 flex -translate-y-1/2 text-[var(--color-text-secondary)] [&_svg]:size-5", children: c })
+    ] }),
+    y ? /* @__PURE__ */ e(
+      b,
+      {
+        as: "p",
+        color: o ? "--color-secondary-accent-2" : "--color-text-secondary",
+        variant: "b3",
+        children: y
+      }
+    ) : null
+  ] });
+}
+export {
+  F as Input
+};

package/dist/media-card/components/media-card-pick-indicator.d.ts

@@ -0,0 +1,6 @@
+import { JSX } from 'react';
+interface MediaCardPickIndicatorProps {
+    isPicked: boolean;
+}
+export declare function MediaCardPickIndicator({ isPicked }: MediaCardPickIndicatorProps): JSX.Element;
+export {};

package/dist/media-card/components/media-card-preview.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren, ReactNode } from 'react';
+type MediaCardPreviewProps = PropsWithChildren<{
+    fileName: string;
+    imgUrl?: string;
+}>;
+export declare function MediaCardPreview({ fileName, imgUrl, children }: MediaCardPreviewProps): ReactNode;
+export {};

package/dist/media-card/components/media-card-upload-footer.d.ts

@@ -0,0 +1,7 @@
+import { JSX } from 'react';
+interface MediaCardUploadFooterProps {
+    fileName: string;
+    onDelete?: () => void;
+}
+export declare function MediaCardUploadFooter({ fileName, onDelete, }: MediaCardUploadFooterProps): JSX.Element;
+export {};

package/dist/media-card/components/media-card-upload.d.ts

@@ -0,0 +1,5 @@
+import { JSX } from 'react';
+import { MediaCardProps } from '../media-card.types';
+type MediaCardUploadProps = Pick<MediaCardProps, 'className' | 'fileName' | 'imgUrl' | 'onDelete'>;
+export declare function MediaCardUpload({ className, fileName, imgUrl, onDelete, }: MediaCardUploadProps): JSX.Element;
+export {};

package/dist/media-card/media-card-pick.d.ts

@@ -0,0 +1,5 @@
+import { JSX } from 'react';
+import { MediaCardProps } from './media-card.types';
+type MediaCardPickProps = Pick<MediaCardProps, 'className' | 'fileName' | 'imgUrl' | 'isPicked' | 'onSubmit'>;
+export declare function MediaCardPick({ className, fileName, imgUrl, isPicked, onSubmit, }: MediaCardPickProps): JSX.Element;
+export {};

package/dist/media-card/media-card.d.ts

@@ -0,0 +1,4 @@
+import { JSX } from 'react';
+import { MediaCardProps, MediaCardVariant } from './media-card.types';
+export declare function MediaCard({ className, fileName, imgUrl, isPicked, onDelete, onSubmit, variant, }: MediaCardProps): JSX.Element;
+export type { MediaCardProps, MediaCardVariant };

package/dist/media-card/media-card.types.d.ts

@@ -0,0 +1,10 @@
+export type MediaCardVariant = 'img-pick' | 'img-upload';
+export interface MediaCardProps {
+    className?: string;
+    fileName: string;
+    imgUrl?: string;
+    isPicked?: boolean;
+    onDelete?: () => void;
+    onSubmit?: () => void;
+    variant: MediaCardVariant;
+}

package/dist/media-card.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("./responsive-style.config-B2m9jVlX.cjs"),o=require("./media-picture-BmERSmsd.cjs"),u=require("./x-mark-DId-ylR6.cjs"),x=require("./typography.cjs");function p({isPicked:r}){return e.jsx("span",{className:c.cn("absolute right-[4px] top-[4px] inline-flex size-[20px] items-center justify-center rounded-full  ",r?" bg-[var(--color-primary-accent)] text-[var(--color-background-default)]":"bg-[var(--color-background-default)] text-transparent"),"aria-hidden":"true",children:e.jsx(o.SvgCheck,{className:"size-[18px]"})})}function s({fileName:r,imgUrl:n,children:t}){return e.jsxs("div",{className:"relative flex aspect-square w-full items-center justify-center rounded-[8px] overflow-hidden bg-[var(--color-background-subtle)]",children:[n?e.jsx("img",{className:"w-full  object-contain",src:n,alt:r}):e.jsx(o.SvgMediaPicture,{className:"size-[40px] text-[var(--color-text-secondary)]"}),t]})}function b({className:r,fileName:n,imgUrl:t,isPicked:a=!1,onSubmit:i}){return e.jsx("button",{type:"button",className:c.cn("block w-full overflow-hidden rounded-[10px] border border-[var(--color-primary-accent)] outline-none transition-colors focus-visible:ring-2 focus-visible:ring-[color-mix(in_srgb,var(--color-primary-accent)_35%,transparent)]",r),onClick:i,children:e.jsx(s,{fileName:n,imgUrl:t,children:e.jsx(p,{isPicked:a})})})}function f({fileName:r,onDelete:n}){return e.jsxs("div",{className:"flex justify-between  items-center gap-[8px]",children:[e.jsx(x.Typography,{variant:"b3",children:r}),n?e.jsx("button",{type:"button","aria-label":`Удалить ${r}`,onClick:n,children:e.jsx(u.SvgXMark,{className:"size-[16px]"})}):null]})}function j({className:r,fileName:n,imgUrl:t,onDelete:a}){return e.jsxs("div",{className:c.cn("flex flex-col  w-full gap-[4px] rounded-[10px] bg-[var(--color-background-subtle)] p-[4px]",r),children:[e.jsx(s,{fileName:n,imgUrl:t}),e.jsx(f,{fileName:n,onDelete:a})]})}function v({className:r,fileName:n,imgUrl:t,isPicked:a,onDelete:i,onSubmit:l,variant:d}){return d==="img-pick"?e.jsx(b,{className:r,fileName:n,imgUrl:t,isPicked:a,onSubmit:l}):e.jsx(j,{className:r,fileName:n,imgUrl:t,onDelete:i})}exports.MediaCard=v;