@shmidko61/lc-ui-kit 0.2.0 → 0.3.0

package/dist/media-card.js

@@ -1,56 +1,23 @@
-import { jsx as r, jsxs as c } from "react/jsx-runtime";
+import { jsxs as c, jsx as r } 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 { MediaPictureIcon as u, XMarkIcon as p, CheckIcon as f } from "./icons.js";
 import { Typography as b } from "./typography.js";
-function x({ isPicked: e }) {
-  return /* @__PURE__ */ r(
-    "span",
-    {
-      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"
-      ),
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ r(u, { className: "size-[18px]" })
-    }
-  );
-}
 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)]" }),
+    n ? /* @__PURE__ */ r("img", { className: "w-full  object-contain", src: n, alt: e }) : /* @__PURE__ */ r(u, { className: "size-[40px] text-[var(--color-text-secondary)]" }),
     a
   ] });
 }
-function m({
-  className: e,
-  fileName: n,
-  imgUrl: a,
-  isPicked: o = !1,
-  onSubmit: t
-}) {
-  return /* @__PURE__ */ r(
-    "button",
-    {
-      type: "button",
-      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: t,
-      children: /* @__PURE__ */ r(l, { fileName: n, imgUrl: a, children: /* @__PURE__ */ r(x, { isPicked: o }) })
-    }
-  );
-}
-function v({
+function x({
   fileName: e,
   onDelete: n
 }) {
   return /* @__PURE__ */ c("div", { className: "flex justify-between  items-center gap-[8px]", children: [
     /* @__PURE__ */ r(b, { variant: "b3", children: e }),
-    n ? /* @__PURE__ */ r("button", { type: "button", "aria-label": `Удалить ${e}`, onClick: n, children: /* @__PURE__ */ r(f, { className: "size-[16px]" }) }) : null
+    n ? /* @__PURE__ */ r("button", { type: "button", "aria-label": `Удалить ${e}`, onClick: n, children: /* @__PURE__ */ r(p, { className: "size-[16px]" }) }) : null
   ] });
 }
-function g({
+function m({
   className: e,
   fileName: n,
   imgUrl: a,
@@ -65,11 +32,44 @@ function g({
       ),
       children: [
         /* @__PURE__ */ r(l, { fileName: n, imgUrl: a }),
-        /* @__PURE__ */ r(v, { fileName: n, onDelete: o })
+        /* @__PURE__ */ r(x, { fileName: n, onDelete: o })
       ]
     }
   );
 }
+function v({ isPicked: e }) {
+  return /* @__PURE__ */ r(
+    "span",
+    {
+      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"
+      ),
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ r(f, { className: "size-[18px]" })
+    }
+  );
+}
+function g({
+  className: e,
+  fileName: n,
+  imgUrl: a,
+  isPicked: o = !1,
+  onSubmit: t
+}) {
+  return /* @__PURE__ */ r(
+    "button",
+    {
+      type: "button",
+      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: t,
+      children: /* @__PURE__ */ r(l, { fileName: n, imgUrl: a, children: /* @__PURE__ */ r(v, { isPicked: o }) })
+    }
+  );
+}
 function w({
   className: e,
   fileName: n,
@@ -80,7 +80,7 @@ function w({
   variant: s
 }) {
   return s === "img-pick" ? /* @__PURE__ */ r(
-    m,
+    g,
     {
       className: e,
       fileName: n,
@@ -89,7 +89,7 @@ function w({
       onSubmit: d
     }
   ) : /* @__PURE__ */ r(
-    g,
+    m,
     {
       className: e,
       fileName: n,

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

@@ -39,7 +39,7 @@ export interface MediaGalleryProps<TItem extends MediaGalleryItem = MediaGallery
     /** Дополнительный className для grid-области с карточками. */
     gridClassName?: string;
     /** Список медиа-элементов для отображения. */
-    items: TItem[];
+    items: Array<TItem>;
     /** Показывает loading-state вместо пустого состояния. */
     isLoading?: boolean;
     /** Responsive-настройки сетки для lg и шире. */

package/dist/modal/modal.d.ts

@@ -1,6 +1,6 @@
+import { ButtonHTMLAttributes, JSX, ReactNode } from 'react';
 import { AriaModalOverlayProps } from 'react-aria';
 import { OverlayTriggerProps as OverlayTriggerStateProps, OverlayTriggerState } from 'react-stately';
-import { ButtonHTMLAttributes, JSX, ReactNode } from 'react';
 import { BoxProps } from '../box/box';
 import { ButtonProps } from '../button/button';
 import { FlexProps } from '../flex/flex';

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"),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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),O=require("react"),s=require("react-aria"),B=require("react-stately"),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=O.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=B.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,7 +1,7 @@
 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 D } from "react";
+import { useRef as B } from "react";
+import { useModalOverlay as N, Overlay as j, FocusScope as M, useOverlayTrigger as w, mergeProps as C } from "react-aria";
+import { useOverlayTriggerState as D } from "react-stately";
 import { Box as I } from "./box.js";
 import { Button as v } from "./button.js";
 import { Flex as h } from "./flex.js";
@@ -20,7 +20,7 @@ function x({
   style: d,
   ...n
 }) {
-  const s = D(null), { modalProps: P, underlayProps: F } = B(
+  const s = B(null), { modalProps: P, underlayProps: F } = N(
     { ...n, isDismissable: l },
     r,
     s
@@ -32,7 +32,7 @@ function x({
     WebkitBackdropFilter: y,
     ...g.style
   };
-  return /* @__PURE__ */ t(N, { portalContainer: p, children: /* @__PURE__ */ t(j, { contain: !0, restoreFocus: !0, autoFocus: !0, children: /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(j, { portalContainer: p, children: /* @__PURE__ */ t(M, { contain: !0, restoreFocus: !0, autoFocus: !0, children: /* @__PURE__ */ t(
     h,
     {
       ...g,
@@ -91,7 +91,7 @@ function T({
   triggerButtonProps: u,
   ...p
 }) {
-  const r = C({ defaultOpen: c, isOpen: i, onOpenChange: a }), { triggerProps: d } = M({ type: "dialog" }, r), n = W(d), s = o ? o({
+  const r = D({ defaultOpen: c, isOpen: i, onOpenChange: a }), { triggerProps: d } = w({ type: "dialog" }, r), n = W(d), s = o ? o({
     close: r.close,
     open: r.open,
     state: r,
@@ -133,8 +133,10 @@ function V(e) {
   return typeof e == "number" ? `blur(${e}px)` : e;
 }
 function W(e) {
-  const o = { ...e };
-  return delete o.onPress, w(o);
+  const o = {
+    ...e
+  };
+  return delete o.onPress, C(o);
 }
 export {
   L as Modal,

package/dist/select/select.d.ts

@@ -40,7 +40,7 @@ export interface SelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement
     /** Callback с новым значением без synthetic event. */
     onValueChange?: (value: string) => void;
     /** Список пунктов select. */
-    options?: SelectOption[];
+    options?: Array<SelectOption>;
     /** Текст, который показывается когда значение не выбрано. */
     placeholder?: string;
     /** Полная замена option-рендера. Получает готовые optionProps и defaultOption. */

package/dist/select/select.helpers.d.ts

@@ -11,4 +11,4 @@ import { SelectOption } from './select.types';
  * нет, helper читает React children, оставляет только валидные элементы с
  * `value` и собирает из них `SelectOption`.
  */
-export declare function normalizeOptions(options: SelectOption[] | undefined, children: ReactNode): SelectOption[];
+export declare function normalizeOptions(options: Array<SelectOption> | undefined, children: ReactNode): Array<SelectOption>;

package/dist/shared/lib/cn.d.ts

@@ -1,2 +1,2 @@
 import { ClassValue } from 'clsx';
-export declare function cn(...inputs: ClassValue[]): string;
+export declare function cn(...inputs: Array<ClassValue>): string;

package/dist/shared/responsive-style/responsive-style.types.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties } from 'react';
 import { UiKitTypography } from '../../design-tokens/typography.tokens';
-import { UiKitColors } from '../../types/index';
+import { UiKitColors } from '../../types';
 /**
  * Поддерживаемые responsive breakpoints.
  *