@shmidko61/lc-ui-kit 0.0.3 → 0.0.5

package/dist/index.js

@@ -1,97 +1,91 @@
-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";
+import { Accordion as a, AccordionItem as r, AccordionRoot as n } from "./accordion.js";
+import { Box as i } from "./box.js";
+import { Button as s, buttonSizeBorderRadius as p, buttonSizeBoxProps as l, buttonSizeClassNames as I, buttonVariantClassNames as d, buttonVariants as m } from "./button.js";
+import { U as x, u as b, a as f, b as u } from "./ui-kit-provider-C6Mk5g_7.js";
+import { Flex as C } from "./flex.js";
+import { Grid as S, GridItem as g } from "./grid.js";
+import { ArrowCornerIcon as y, ArrowIcon as B, BurgerIcon as P, CheckIcon as A, CopyIcon as w, DropDown as v, EyeOpenIcon as D, FileIcon as G, GeoIcon as K, LockClosedIcon as U, LockOpenIcon as V, LogoutIcon as z, MailIcon as F, MediaMaxIcon as L, MediaPictureIcon as N, MediaTgIcon as R, MediaVkIcon as H, MediaWaIcon as O, NetUploadIcon as W, PaperclipIcon as j, PhoneIcon as E, PlusIcon as X, SaveIcon as q, SparkIcon as J, SparkleIcon as Q, TelephoneIcon as Y, TimeClockIcon as Z, TrashIcon as _, XMarkIcon as $ } from "./icons.js";
+import { Input as eo } from "./input.js";
+import { MediaCard as ro } from "./media-card.js";
+import { MediaGallery as to } from "./media-gallery.js";
+import { Pagination as co } from "./pagination.js";
+import { Picture as po } from "./picture.js";
+import { Select as Io } from "./select.js";
+import { StatusBadge as To } from "./status-badge.js";
+import { Switch as bo } from "./switch.js";
+import { D as uo, T as ko, a as Co, b as Mo, c as So, d as go, e as ho, f as yo, g as Bo, h as Po, i as Ao, j as wo, k as vo } from "./table-container-BsE-uIE1.js";
+import { Typography as Go, typographyVariants as Ko } from "./typography.js";
+import { r as Vo, a as zo } from "./responsive-style.config-DFuATrIM.js";
 export {
-  e as Accordion,
+  a as Accordion,
   r as AccordionItem,
-  s as AccordionRoot,
+  n 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,
+  B as ArrowIcon,
+  i as Box,
+  P as BurgerIcon,
+  s as Button,
+  A as CheckIcon,
+  w as CopyIcon,
+  uo as DataTable,
+  v as DropDown,
+  D as EyeOpenIcon,
+  G as FileIcon,
+  C as Flex,
+  K as GeoIcon,
+  S as Grid,
+  g as GridItem,
+  eo as Input,
+  U as LockClosedIcon,
+  V as LockOpenIcon,
+  z as LogoutIcon,
+  F as MailIcon,
+  ro as MediaCard,
+  to as MediaGallery,
+  L as MediaMaxIcon,
+  N as MediaPictureIcon,
+  R as MediaTgIcon,
+  H as MediaVkIcon,
+  O as MediaWaIcon,
+  W as NetUploadIcon,
+  co as Pagination,
+  j as PaperclipIcon,
+  E as PhoneIcon,
+  po as Picture,
+  X as PlusIcon,
+  q as SaveIcon,
+  Io as Select,
+  J as SparkIcon,
+  Q as SparkleIcon,
+  To as StatusBadge,
+  bo as Switch,
+  ko as Table,
+  Co as TableBody,
+  Mo as TableCaption,
+  So as TableCell,
+  go as TableContainer,
+  ho as TableFooter,
+  yo as TableHead,
+  Bo as TableHeader,
+  Po as TableRow,
+  Ao as TableScrollArea,
+  wo as TableStatus,
+  vo as TableToolbar,
+  Y as TelephoneIcon,
+  Z as TimeClockIcon,
+  _ as TrashIcon,
+  Go as Typography,
+  x as UiKitProvider,
+  $ as XMarkIcon,
+  p 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,
+  d as buttonVariantClassNames,
+  m as buttonVariants,
+  Vo as responsiveBreakpointMinWidth,
+  zo as responsiveBreakpoints,
+  Ko as typographyVariants,
+  b as uiKitColorTokens,
+  f as uiKitTypographyTokens,
   u as useUiKitConfig
 };

package/dist/input.cjs

@@ -1 +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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("react"),I=require("./icons.cjs"),l=require("./responsive-style.config-B2m9jVlX.cjs"),g=require("./typography.cjs");function _(r,n){return r&&typeof r!="boolean"?r: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 P({className:r,containerClassName:n,disabled:s,error:d=!1,helperText:m,id:h,label:p,leftIcon:o,rightIcon:j,variant:u="default",...a}){const w=b.useId(),i=h??w,[x,k]=b.useState(!1),t=!!d,y=_(d,m),N=u==="textarea",v=u==="password",c=v?e.jsx("button",{"aria-label":x?"Скрыть значение":"Показать значение",disabled:s,type:"button",onClick:()=>k(q=>!q),children:e.jsx(I.EyeOpenIcon,{})}):j;return e.jsxs("div",{className:l.cn("grid w-full gap-2",n),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:[o&&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:o}),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)]",o&&"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)]",o&&"pl-12",c&&"pr-12",r),disabled:s,id:i,type:v&&!x?"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})]}),y?e.jsx(g.Typography,{as:"p",color:t?"--color-secondary-accent-2":"--color-text-secondary",variant:"b3",children:y}):null]})}exports.Input=P;

package/dist/input.js

@@ -1,14 +1,14 @@
 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 { useId as z, useState as P } from "react";
+import { EyeOpenIcon as j } from "./icons.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;
+function C(r, n) {
+  return r && typeof r != "boolean" ? r : 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,
+function M({
+  className: r,
   containerClassName: n,
   disabled: i,
   error: d = !1,
@@ -18,33 +18,33 @@ function F({
   leftIcon: t,
   rightIcon: w,
   variant: u = "default",
-  ...r
+  ...a
 }) {
-  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(
+  const k = z(), s = h ?? k, [v, N] = P(!1), o = !!d, y = C(d, g), I = 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, {})
+      onClick: () => N((_) => !_),
+      children: /* @__PURE__ */ e(j, {})
     }
   ) : 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(
+      I ? /* @__PURE__ */ e(
         "textarea",
         {
-          ...r,
-          "aria-invalid": o || r["aria-invalid"],
+          ...a,
+          "aria-invalid": o || a["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
+            r
           ),
           disabled: i,
           id: s
@@ -52,19 +52,19 @@ function F({
       ) : /* @__PURE__ */ e(
         "input",
         {
-          ...r,
-          "aria-invalid": o || r["aria-invalid"],
+          ...a,
+          "aria-invalid": o || a["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
+            r
           ),
           disabled: i,
           id: s,
-          type: m && !v ? "password" : r.type ?? "text"
+          type: m && !v ? "password" : a.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 })
@@ -81,5 +81,5 @@ function F({
   ] });
 }
 export {
-  F as Input
+  M as Input
 };

package/dist/media-card.cjs

@@ -1 +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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("./responsive-style.config-B2m9jVlX.cjs"),i=require("./icons.cjs"),u=require("./typography.cjs");function x({isPicked:r}){return e.jsx("span",{className:o.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(i.CheckIcon,{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(i.MediaPictureIcon,{className:"size-[40px] text-[var(--color-text-secondary)]"}),t]})}function p({className:r,fileName:n,imgUrl:t,isPicked:a=!1,onSubmit:c}){return e.jsx("button",{type:"button",className:o.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:c,children:e.jsx(s,{fileName:n,imgUrl:t,children:e.jsx(x,{isPicked:a})})})}function b({fileName:r,onDelete:n}){return e.jsxs("div",{className:"flex justify-between  items-center gap-[8px]",children:[e.jsx(u.Typography,{variant:"b3",children:r}),n?e.jsx("button",{type:"button","aria-label":`Удалить ${r}`,onClick:n,children:e.jsx(i.XMarkIcon,{className:"size-[16px]"})}):null]})}function f({className:r,fileName:n,imgUrl:t,onDelete:a}){return e.jsxs("div",{className:o.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(b,{fileName:n,onDelete:a})]})}function j({className:r,fileName:n,imgUrl:t,isPicked:a,onDelete:c,onSubmit:l,variant:d}){return d==="img-pick"?e.jsx(p,{className:r,fileName:n,imgUrl:t,isPicked:a,onSubmit:l}):e.jsx(f,{className:r,fileName:n,imgUrl:t,onDelete:c})}exports.MediaCard=j;

package/dist/media-card.js

@@ -1,13 +1,12 @@
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { c } from "./responsive-style.config-DFuATrIM.js";
-import { S as u, a as p } from "./media-picture-BN4saEVT.js";
-import { S as f } from "./x-mark-WU1eT82T.js";
+import { jsx as r, jsxs as c } from "react/jsx-runtime";
+import { c as i } from "./responsive-style.config-DFuATrIM.js";
+import { CheckIcon as u, MediaPictureIcon as p, XMarkIcon as f } from "./icons.js";
 import { Typography as b } from "./typography.js";
 function x({ isPicked: e }) {
   return /* @__PURE__ */ r(
     "span",
     {
-      className: c(
+      className: i(
         "absolute right-[4px] top-[4px] inline-flex size-[20px] items-center justify-center rounded-full  ",
         e ? " bg-[var(--color-primary-accent)] text-[var(--color-background-default)]" : "bg-[var(--color-background-default)] text-transparent"
       ),
@@ -16,89 +15,89 @@ function x({ isPicked: e }) {
     }
   );
 }
-function l({ fileName: e, imgUrl: a, children: t }) {
-  return /* @__PURE__ */ i("div", { className: "relative flex aspect-square w-full items-center justify-center rounded-[8px] overflow-hidden bg-[var(--color-background-subtle)]", children: [
-    a ? /* @__PURE__ */ r("img", { className: "w-full  object-contain", src: a, alt: e }) : /* @__PURE__ */ r(p, { className: "size-[40px] text-[var(--color-text-secondary)]" }),
-    t
+function l({ fileName: e, imgUrl: n, children: a }) {
+  return /* @__PURE__ */ c("div", { className: "relative flex aspect-square w-full items-center justify-center rounded-[8px] overflow-hidden bg-[var(--color-background-subtle)]", children: [
+    n ? /* @__PURE__ */ r("img", { className: "w-full  object-contain", src: n, alt: e }) : /* @__PURE__ */ r(p, { className: "size-[40px] text-[var(--color-text-secondary)]" }),
+    a
   ] });
 }
 function m({
   className: e,
-  fileName: a,
-  imgUrl: t,
-  isPicked: n = !1,
-  onSubmit: o
+  fileName: n,
+  imgUrl: a,
+  isPicked: o = !1,
+  onSubmit: t
 }) {
   return /* @__PURE__ */ r(
     "button",
     {
       type: "button",
-      className: c(
+      className: i(
         "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)]",
         e
       ),
-      onClick: o,
-      children: /* @__PURE__ */ r(l, { fileName: a, imgUrl: t, children: /* @__PURE__ */ r(x, { isPicked: n }) })
+      onClick: t,
+      children: /* @__PURE__ */ r(l, { fileName: n, imgUrl: a, children: /* @__PURE__ */ r(x, { isPicked: o }) })
     }
   );
 }
 function v({
   fileName: e,
-  onDelete: a
+  onDelete: n
 }) {
-  return /* @__PURE__ */ i("div", { className: "flex justify-between  items-center gap-[8px]", children: [
+  return /* @__PURE__ */ c("div", { className: "flex justify-between  items-center gap-[8px]", children: [
     /* @__PURE__ */ r(b, { variant: "b3", children: e }),
-    a ? /* @__PURE__ */ r("button", { type: "button", "aria-label": `Удалить ${e}`, onClick: a, children: /* @__PURE__ */ r(f, { className: "size-[16px]" }) }) : null
+    n ? /* @__PURE__ */ r("button", { type: "button", "aria-label": `Удалить ${e}`, onClick: n, children: /* @__PURE__ */ r(f, { className: "size-[16px]" }) }) : null
   ] });
 }
 function g({
   className: e,
-  fileName: a,
-  imgUrl: t,
-  onDelete: n
+  fileName: n,
+  imgUrl: a,
+  onDelete: o
 }) {
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ c(
     "div",
     {
-      className: c(
+      className: i(
         "flex flex-col  w-full gap-[4px] rounded-[10px] bg-[var(--color-background-subtle)] p-[4px]",
         e
       ),
       children: [
-        /* @__PURE__ */ r(l, { fileName: a, imgUrl: t }),
-        /* @__PURE__ */ r(v, { fileName: a, onDelete: n })
+        /* @__PURE__ */ r(l, { fileName: n, imgUrl: a }),
+        /* @__PURE__ */ r(v, { fileName: n, onDelete: o })
       ]
     }
   );
 }
-function M({
+function w({
   className: e,
-  fileName: a,
-  imgUrl: t,
-  isPicked: n,
-  onDelete: o,
-  onSubmit: s,
-  variant: d
+  fileName: n,
+  imgUrl: a,
+  isPicked: o,
+  onDelete: t,
+  onSubmit: d,
+  variant: s
 }) {
-  return d === "img-pick" ? /* @__PURE__ */ r(
+  return s === "img-pick" ? /* @__PURE__ */ r(
     m,
     {
       className: e,
-      fileName: a,
-      imgUrl: t,
-      isPicked: n,
-      onSubmit: s
+      fileName: n,
+      imgUrl: a,
+      isPicked: o,
+      onSubmit: d
     }
   ) : /* @__PURE__ */ r(
     g,
     {
       className: e,
-      fileName: a,
-      imgUrl: t,
-      onDelete: o
+      fileName: n,
+      imgUrl: a,
+      onDelete: t
     }
   );
 }
 export {
-  M as MediaCard
+  w as MediaCard
 };

package/dist/media-gallery.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),q=require("./grid.cjs"),C=require("./time-clock-DOwPzcx7.cjs"),N=require("./media-card.cjs"),p=require("./responsive-style.config-B2m9jVlX.cjs"),s=require("./typography.cjs");function P({itemsCount:e,maxHeight:n,scrollable:l,scrollThreshold:a}){return{maxHeightValue:M(n??420),shouldUseScroll:l??e>a}}function k({columns:e,gap:n,lg:l,md:a,xl:t}){return{cols:e??4,gap:n??8,md:c(a),lg:c(l),xl:c(t)}}function c(e){if(e)return{cols:e.columns,gap:e.gap}}function M(e){return typeof e=="number"?`${e}px`:e}function T({className:e,columns:n,errorMessage:l,emptyMessage:a="В галерее пока нет изображений.",gap:t,gridClassName:g,items:i,isLoading:d=!1,lg:x,maxHeight:y,md:h,onSubmit:m,scrollable:f,scrollThreshold:v=6,xl:j,...S}){const{maxHeightValue:b,shouldUseScroll:u}=P({itemsCount:i.length,maxHeight:y,scrollable:f,scrollThreshold:v}),G=k({columns:n,gap:t,lg:x,md:h,xl:j});return r.jsxs("div",{className:p.cn("grid gap-[12px]",e),...S,children:[d?r.jsxs("div",{className:"flex items-center gap-[8px] text-[var(--color-text-secondary)]",children:[r.jsx(C.SvgTimeClock,{className:"size-[16px] animate-spin"}),r.jsx(s.Typography,{as:"span",variant:"b3",children:"Загружаем галерею..."})]}):null,l?r.jsx(s.Typography,{as:"p",color:"--color-secondary-accent-2",variant:"b3",children:l}):null,i.length>0?r.jsx(q.Grid,{...G,className:p.cn(u&&"overflow-y-auto rounded-[12px] bg-[var(--color-background-subtle)] p-[8px]",g),style:u?{maxHeight:b}:void 0,children:i.map(o=>r.jsx(N.MediaCard,{fileName:o.fileName,imgUrl:o.imgUrl,isPicked:o.isPicked,variant:"img-pick",onSubmit:()=>m?.(o)},o.id))}):null,!d&&i.length===0?r.jsx(s.Typography,{as:"p",color:"--color-text-secondary",variant:"b3",children:a}):null]})}exports.MediaGallery=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),q=require("./grid.cjs"),N=require("./icons.cjs"),P=require("./media-card.cjs"),p=require("./responsive-style.config-B2m9jVlX.cjs"),c=require("./typography.cjs");function C({itemsCount:e,maxHeight:l,scrollable:n,scrollThreshold:o}){return{maxHeightValue:T(l??420),shouldUseScroll:n??e>o}}function M({columns:e,gap:l,lg:n,md:o,xl:s}){return{cols:e??4,gap:l??8,md:t(o),lg:t(n),xl:t(s)}}function t(e){if(e)return{cols:e.columns,gap:e.gap}}function T(e){return typeof e=="number"?`${e}px`:e}function k({className:e,columns:l,errorMessage:n,emptyMessage:o="В галерее пока нет изображений.",gap:s,gridClassName:g,items:i,isLoading:d=!1,lg:x,maxHeight:y,md:h,onSubmit:m,scrollable:f,scrollThreshold:v=6,xl:j,...b}){const{maxHeightValue:S,shouldUseScroll:u}=C({itemsCount:i.length,maxHeight:y,scrollable:f,scrollThreshold:v}),G=M({columns:l,gap:s,lg:x,md:h,xl:j});return r.jsxs("div",{className:p.cn("grid gap-[12px]",e),...b,children:[d?r.jsxs("div",{className:"flex items-center gap-[8px] text-[var(--color-text-secondary)]",children:[r.jsx(N.TimeClockIcon,{className:"size-[16px] animate-spin"}),r.jsx(c.Typography,{as:"span",variant:"b3",children:"Загружаем галерею..."})]}):null,n?r.jsx(c.Typography,{as:"p",color:"--color-secondary-accent-2",variant:"b3",children:n}):null,i.length>0?r.jsx(q.Grid,{...G,className:p.cn(u&&"overflow-y-auto rounded-[12px] bg-[var(--color-background-subtle)] p-[8px]",g),style:u?{maxHeight:S}:void 0,children:i.map(a=>r.jsx(P.MediaCard,{fileName:a.fileName,imgUrl:a.imgUrl,isPicked:a.isPicked,variant:"img-pick",onSubmit:()=>m?.(a)},a.id))}):null,!d&&i.length===0?r.jsx(c.Typography,{as:"p",color:"--color-text-secondary",variant:"b3",children:o}):null]})}exports.MediaGallery=k;

package/dist/media-gallery.js

@@ -1,6 +1,6 @@
 import { jsxs as m, jsx as o } from "react/jsx-runtime";
 import { Grid as k } from "./grid.js";
-import { S as C } from "./time-clock-DjqcZ8tI.js";
+import { TimeClockIcon as C } from "./icons.js";
 import { MediaCard as U } from "./media-card.js";
 import { c as u } from "./responsive-style.config-DFuATrIM.js";
 import { Typography as c } from "./typography.js";
@@ -40,7 +40,7 @@ function s(r) {
 function j(r) {
   return typeof r == "number" ? `${r}px` : r;
 }
-function q({
+function $({
   className: r,
   columns: e,
   errorMessage: l,
@@ -54,17 +54,17 @@ function q({
   md: h,
   onSubmit: y,
   scrollable: v,
-  scrollThreshold: S = 6,
-  xl: b,
-  ...G
+  scrollThreshold: b = 6,
+  xl: G,
+  ...N
 }) {
-  const { maxHeightValue: N, shouldUseScroll: p } = H({
+  const { maxHeightValue: P, shouldUseScroll: p } = H({
     itemsCount: i.length,
     maxHeight: x,
     scrollable: v,
-    scrollThreshold: S
-  }), P = M({ columns: e, gap: t, lg: f, md: h, xl: b });
-  return /* @__PURE__ */ m("div", { className: u("grid gap-[12px]", r), ...G, children: [
+    scrollThreshold: b
+  }), S = M({ columns: e, gap: t, lg: f, md: h, xl: G });
+  return /* @__PURE__ */ m("div", { className: u("grid gap-[12px]", r), ...N, children: [
     d ? /* @__PURE__ */ m("div", { className: "flex items-center gap-[8px] text-[var(--color-text-secondary)]", children: [
       /* @__PURE__ */ o(C, { className: "size-[16px] animate-spin" }),
       /* @__PURE__ */ o(c, { as: "span", variant: "b3", children: "Загружаем галерею..." })
@@ -73,12 +73,12 @@ function q({
     i.length > 0 ? /* @__PURE__ */ o(
       k,
       {
-        ...P,
+        ...S,
         className: u(
           p && "overflow-y-auto rounded-[12px] bg-[var(--color-background-subtle)] p-[8px]",
           g
         ),
-        style: p ? { maxHeight: N } : void 0,
+        style: p ? { maxHeight: P } : void 0,
         children: i.map((n) => /* @__PURE__ */ o(
           U,
           {
@@ -96,5 +96,5 @@ function q({
   ] });
 }
 export {
-  q as MediaGallery
+  $ as MediaGallery
 };

package/dist/modal.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("react-aria"),O=require("react-stately"),k=require("react"),B=require("./box.cjs"),j=require("./button.cjs"),b=require("./flex.cjs"),S=require("./x-mark-DId-ylR6.cjs"),y=require("./responsive-style.config-B2m9jVlX.cjs");function x({children:e,className:o,closeButtonSlot:a,contentWrapperProps:l,isDismissable:i=!0,overlayBackground:u="rgb(0 0 0 / 40%)",overlayBlur:d=4,portalContainer:g,state:t,style:p,...n}){const c=k.useRef(null),{modalProps:P,underlayProps:M}=s.useModalOverlay({...n,isDismissable:i},t,c);if(!t.isOpen)return null;const h=M,f=P,q=l?.className,m=R(d),F={backdropFilter:m,WebkitBackdropFilter:m,...h.style};return r.jsx(s.Overlay,{portalContainer:g,children:r.jsx(s.FocusScope,{contain:!0,restoreFocus:!0,autoFocus:!0,children:r.jsx(b.Flex,{...h,align:"center",bg:u,height:"100dvh",justify:"center",p:{px:16,py:16},position:{type:"fixed",top:0,right:0,bottom:0,left:0,zIndex:50},style:F,width:"100%",children:r.jsx("div",{...f,className:y.cn("size-full outline-none",f.className),ref:c,children:r.jsxs(B.Box,{bg:"transparent",className:y.cn("relative size-full overflow-y-auto",o),height:"100dvh",style:p,width:"100%",...n,children:[i?N(t.close,a):null,r.jsx(b.Flex,{align:"center",height:"100%",justify:"center",width:"100%",...l,className:y.cn(q),children:e})]})})})})})}function v({children:e,customTrigger:o,defaultOpen:a,isOpen:l,label:i="Открыть",onOpenChange:u,triggerButtonProps:d,...g}){const t=O.useOverlayTriggerState({defaultOpen:a,isOpen:l,onOpenChange:u}),{triggerProps:p}=s.useOverlayTrigger({type:"dialog"},t),n=T(p),c=o?o({close:t.close,open:t.open,state:t,triggerProps:n}):r.jsx(j.Button,{...d,...n,type:"button",onClick:t.open,children:i});return r.jsxs(r.Fragment,{children:[c,r.jsx(x,{state:t,...g,children:e(t.close)})]})}const z=Object.assign(x,{Trigger:v});function N(e,o){return o?o(e):r.jsx(j.Button,{"aria-label":"Закрыть модальное окно",p:10,position:{type:"absolute",right:20,top:20,zIndex:1},size:"md",type:"button",variant:"secondary",onClick:e,children:r.jsx(S.SvgXMark,{})})}function R(e){return typeof e=="number"?`blur(${e}px)`:e}function T(e){const o={...e};return delete o.onPress,s.mergeProps(o)}exports.Modal=z;exports.ModalRoot=x;exports.ModalTrigger=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("react-aria"),O=require("react-stately"),B=require("react"),k=require("./box.cjs"),j=require("./button.cjs"),b=require("./flex.cjs"),z=require("./icons.cjs"),y=require("./responsive-style.config-B2m9jVlX.cjs");function h({children:e,className:o,closeButtonSlot:a,contentWrapperProps:l,isDismissable:i=!0,overlayBackground:u="rgb(0 0 0 / 40%)",overlayBlur:d=4,portalContainer:g,state:t,style:p,...n}){const c=B.useRef(null),{modalProps:P,underlayProps:q}=s.useModalOverlay({...n,isDismissable:i},t,c);if(!t.isOpen)return null;const x=q,f=P,M=l?.className,m=S(d),F={backdropFilter:m,WebkitBackdropFilter:m,...x.style};return r.jsx(s.Overlay,{portalContainer:g,children:r.jsx(s.FocusScope,{contain:!0,restoreFocus:!0,autoFocus:!0,children:r.jsx(b.Flex,{...x,align:"center",bg:u,height:"100dvh",justify:"center",p:{px:16,py:16},position:{type:"fixed",top:0,right:0,bottom:0,left:0,zIndex:50},style:F,width:"100%",children:r.jsx("div",{...f,className:y.cn("size-full outline-none",f.className),ref:c,children:r.jsxs(k.Box,{bg:"transparent",className:y.cn("relative size-full overflow-y-auto",o),height:"100dvh",style:p,width:"100%",...n,children:[i?R(t.close,a):null,r.jsx(b.Flex,{align:"center",height:"100%",justify:"center",width:"100%",...l,className:y.cn(M),children:e})]})})})})})}function v({children:e,customTrigger:o,defaultOpen:a,isOpen:l,label:i="Открыть",onOpenChange:u,triggerButtonProps:d,...g}){const t=O.useOverlayTriggerState({defaultOpen:a,isOpen:l,onOpenChange:u}),{triggerProps:p}=s.useOverlayTrigger({type:"dialog"},t),n=T(p),c=o?o({close:t.close,open:t.open,state:t,triggerProps:n}):r.jsx(j.Button,{...d,...n,type:"button",onClick:t.open,children:i});return r.jsxs(r.Fragment,{children:[c,r.jsx(h,{state:t,...g,children:e(t.close)})]})}const N=Object.assign(h,{Trigger:v});function R(e,o){return o?o(e):r.jsx(j.Button,{"aria-label":"Закрыть модальное окно",p:10,position:{type:"absolute",right:20,top:20,zIndex:1},size:"md",type:"button",variant:"secondary",onClick:e,children:r.jsx(z.XMarkIcon,{})})}function S(e){return typeof e=="number"?`blur(${e}px)`:e}function T(e){const o={...e};return delete o.onPress,s.mergeProps(o)}exports.Modal=N;exports.ModalRoot=h;exports.ModalTrigger=v;

package/dist/modal.js

@@ -1,26 +1,26 @@
 import { jsx as t, jsxs as b, Fragment as z } from "react/jsx-runtime";
 import { useModalOverlay as B, Overlay as N, FocusScope as j, useOverlayTrigger as M, mergeProps as w } from "react-aria";
 import { useOverlayTriggerState as C } from "react-stately";
-import { useRef as S } from "react";
-import { Box as D } from "./box.js";
+import { useRef as D } from "react";
+import { Box as I } from "./box.js";
 import { Button as v } from "./button.js";
 import { Flex as h } from "./flex.js";
-import { S as R } from "./x-mark-WU1eT82T.js";
+import { XMarkIcon as R } from "./icons.js";
 import { c as m } from "./responsive-style.config-DFuATrIM.js";
 function x({
   children: e,
   className: o,
-  closeButtonSlot: a,
+  closeButtonSlot: c,
   contentWrapperProps: i,
   isDismissable: l = !0,
-  overlayBackground: c = "rgb(0 0 0 / 40%)",
+  overlayBackground: a = "rgb(0 0 0 / 40%)",
   overlayBlur: u = 4,
   portalContainer: p,
   state: r,
   style: d,
   ...n
 }) {
-  const s = S(null), { modalProps: P, underlayProps: F } = B(
+  const s = D(null), { modalProps: P, underlayProps: F } = B(
     { ...n, isDismissable: l },
     r,
     s
@@ -37,7 +37,7 @@ function x({
     {
       ...g,
       align: "center",
-      bg: c,
+      bg: a,
       height: "100dvh",
       justify: "center",
       p: { px: 16, py: 16 },
@@ -51,7 +51,7 @@ function x({
           className: m("size-full outline-none", f.className),
           ref: s,
           children: /* @__PURE__ */ b(
-            D,
+            I,
             {
               bg: "transparent",
               className: m("relative size-full overflow-y-auto", o),
@@ -60,7 +60,7 @@ function x({
               width: "100%",
               ...n,
               children: [
-                l ? I(r.close, a) : null,
+                l ? S(r.close, c) : null,
                 /* @__PURE__ */ t(
                   h,
                   {
@@ -84,14 +84,14 @@ function x({
 function T({
   children: e,
   customTrigger: o,
-  defaultOpen: a,
+  defaultOpen: c,
   isOpen: i,
   label: l = "Открыть",
-  onOpenChange: c,
+  onOpenChange: a,
   triggerButtonProps: u,
   ...p
 }) {
-  const r = C({ defaultOpen: a, isOpen: i, onOpenChange: c }), { triggerProps: d } = M({ type: "dialog" }, r), n = W(d), s = o ? o({
+  const r = C({ defaultOpen: c, isOpen: i, onOpenChange: a }), { triggerProps: d } = M({ type: "dialog" }, r), n = W(d), s = o ? o({
     close: r.close,
     open: r.open,
     state: r,
@@ -114,7 +114,7 @@ function T({
 const L = Object.assign(x, {
   Trigger: T
 });
-function I(e, o) {
+function S(e, o) {
   return o ? o(e) : /* @__PURE__ */ t(
     v,
     {