brd-ui-kit 0.1.85 → 0.1.87

package/dist/components/basic-modal/basic-modal.d.ts

@@ -13,6 +13,7 @@ type Props = {
         body?: string;
         footer?: string;
         title?: string;
+        overlay?: string;
     };
     children: React.ReactNode;
     footer?: React.ReactNode;

package/dist/components/card-info/card-info.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import { cardInfoHeaderVariants } from './card-info.styles';
 export interface CardInfoProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title" | "className">, VariantProps<typeof cardInfoHeaderVariants> {
-    title: string;
+    title?: string;
     headerComponent?: React.ReactNode;
     children: React.ReactNode;
     className?: {

package/dist/components/forms/form-Input-phone.d.ts

@@ -0,0 +1,10 @@
+import { RegisterOptions } from 'react-hook-form';
+import { InputProps } from '../input-field';
+type Props = Omit<InputProps, "value" | "onChange" | "ref"> & {
+    name: string;
+    rules?: RegisterOptions;
+    disabled?: boolean;
+    mask?: string;
+};
+export declare const FormInputPhone: ({ name, rules, mask, placeholder, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/forms/form-avatar-uploader.d.ts

@@ -0,0 +1,9 @@
+import { RegisterOptions } from 'react-hook-form';
+import { AvatarUploadProps } from '../avatar-uploader';
+type Props = Omit<AvatarUploadProps, "onChange" | "src"> & {
+    name: string;
+    rules?: RegisterOptions;
+    disabled?: boolean;
+};
+export declare const FormAvatar: ({ name, rules, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/forms/form-contact-input.d.ts

@@ -0,0 +1,9 @@
+import { RegisterOptions } from 'react-hook-form';
+import { InputProps } from '../input-field';
+type Props = Omit<InputProps, "value" | "onChange" | "ref"> & {
+    name: string;
+    rules?: RegisterOptions;
+    disabled?: boolean;
+};
+export declare const FormContactInput: ({ name, rules, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/forms/form-files-uploader.d.ts

@@ -0,0 +1,9 @@
+import { PropsFilesUploader } from 'brd-ui-kit/files-uploader';
+import { RegisterOptions } from 'react-hook-form';
+type Props = Omit<PropsFilesUploader, "value" | "onChange" | "disabled" | "isErrorText"> & {
+    name: string;
+    rules?: RegisterOptions;
+    disabled?: boolean;
+};
+export declare const FormFilesUploader: ({ name, rules, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/forms/form-input-password.d.ts

@@ -0,0 +1,9 @@
+import { InputPasswordProps } from 'brd-ui-kit';
+import { ControllerRenderProps, RegisterOptions } from 'react-hook-form';
+type Props = Omit<InputPasswordProps, keyof ControllerRenderProps> & {
+    name: string;
+    rules?: RegisterOptions;
+    disabled?: boolean;
+};
+export declare const FormInputPassword: ({ name, rules, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/forms/form-input.d.ts

@@ -0,0 +1,9 @@
+import { ControllerRenderProps, RegisterOptions } from 'react-hook-form';
+import { InputProps } from '../input-field';
+type Props = Omit<InputProps, keyof ControllerRenderProps> & {
+    name: string;
+    rules?: RegisterOptions;
+    disabled?: boolean;
+};
+export declare const FormInput: ({ name, rules, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/forms/form-select-calendar.d.ts

@@ -0,0 +1,9 @@
+import { RegisterOptions } from 'react-hook-form';
+import { SelectCalendarMenuProps } from '../ui/select-calendar-menu';
+type Props = {
+    name: string;
+    rules?: RegisterOptions;
+    disabled?: boolean;
+} & SelectCalendarMenuProps;
+export declare const FormSelectCalendar: ({ name, rules, disabled, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/forms/form-select.d.ts

@@ -0,0 +1,18 @@
+import { ControllerRenderProps, RegisterOptions } from 'react-hook-form';
+import { SelectProps } from '../select-field';
+import { SelectGroupsProps } from '../select-groups';
+type BaseProps = {
+    name: string;
+    rules?: RegisterOptions;
+    disabled?: boolean;
+    selectField?: "field" | "groups";
+};
+type FieldProps = BaseProps & {
+    selectField?: "field";
+} & Omit<SelectProps, keyof ControllerRenderProps>;
+type GroupsProps = BaseProps & {
+    selectField?: "groups";
+} & SelectGroupsProps;
+type Props = FieldProps | GroupsProps;
+export declare const FormSelect: ({ name, rules, disabled, selectField, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/forms/form-textarea.d.ts

@@ -0,0 +1,9 @@
+import { ControllerRenderProps, RegisterOptions } from 'react-hook-form';
+import { TextareaFieldProps } from '../textarea-field';
+type Props = Omit<TextareaFieldProps, keyof ControllerRenderProps> & {
+    name: string;
+    rules?: RegisterOptions;
+    disabled?: boolean;
+};
+export declare const FormTextarea: ({ name, rules, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/forms/form-toggle-group.d.ts

@@ -0,0 +1,13 @@
+import { RegisterOptions } from 'react-hook-form';
+import { ToggleGroup } from '../ui/toggle-group';
+type ToggleGroupProps = React.ComponentProps<typeof ToggleGroup>;
+type BaseProps = {
+    name: string;
+    rules?: RegisterOptions;
+    disabled?: boolean;
+    kind?: string;
+    type?: "single" | "multiple";
+};
+type Props = BaseProps & ToggleGroupProps;
+export declare const FormToggleGroup: ({ name, rules, kind, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/forms/form.d.ts

@@ -0,0 +1,12 @@
+import { ApiValidationError } from '../../types/error';
+import { ComponentPropsWithRef, PropsWithChildren } from 'react';
+import { DefaultValues, FieldValues, UseFormReturn } from 'react-hook-form';
+type FormProps<T extends FieldValues> = {
+    apiErrors?: ApiValidationError[];
+    onSubmit: (values: T) => void | Promise<void>;
+    defaultValues?: DefaultValues<T>;
+    formControls?: UseFormReturn<T>;
+};
+type Props<T extends FieldValues> = Omit<ComponentPropsWithRef<"form">, keyof FormProps<T>> & PropsWithChildren<FormProps<T>>;
+declare const Form: <T extends FieldValues>(props: Props<T>) => import("react/jsx-runtime").JSX.Element;
+export { Form };

package/dist/components/forms/from-checkbox.d.ts

@@ -0,0 +1,8 @@
+import { ControllerRenderProps, RegisterOptions } from 'react-hook-form';
+import { CheckboxProps } from '../basic-checkbox';
+type Props = Omit<CheckboxProps, keyof ControllerRenderProps> & {
+    name: string;
+    rules?: RegisterOptions;
+};
+export declare const FormCheckbox: ({ name, rules, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/forms/index.d.ts

@@ -0,0 +1,12 @@
+export { Form } from './form';
+export { FormAvatar } from './form-avatar-uploader';
+export { FormContactInput } from './form-contact-input';
+export { FormFilesUploader } from './form-files-uploader';
+export { FormInput } from './form-input';
+export { FormInputPassword } from './form-input-password';
+export { FormInputPhone } from './form-Input-phone';
+export { FormSelect } from './form-select';
+export { FormSelectCalendar } from './form-select-calendar';
+export { FormTextarea } from './form-textarea';
+export { FormToggleGroup } from './form-toggle-group';
+export { FormCheckbox } from './from-checkbox';

package/dist/components/forms.d.ts

@@ -0,0 +1,2 @@
+export * from './forms/index'
+export {}

package/dist/components/input-contact/input-contact.d.ts

@@ -19,6 +19,7 @@ type Props = {
     onTypeChange?: (type: TypesChange) => void;
     inputProps: React.ComponentPropsWithRef<"input">;
     inputPhoneProps: InputPhoneProps;
+    disabled?: boolean;
 };
 export declare const InputContact: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export type { Props as InputContactProps, TypesChange };

package/dist/components/ui/dialog/dialog.d.ts

@@ -5,6 +5,7 @@ import * as DialogPrimitive from "@radix-ui/react-dialog";
 type DialogOverlayProps = ComponentPropsWithRef<typeof DialogPrimitive.Overlay>;
 type DialogContentProps = ComponentPropsWithRef<typeof DialogPrimitive.Content> & {
     showCloseButton?: boolean;
+    overlayClassName?: string;
 } & VariantProps<typeof dialogContentPositionVariants>;
 type DialogTitleProps = ComponentPropsWithRef<typeof DialogPrimitive.Title>;
 type DialogDescriptionProps = ComponentPropsWithRef<typeof DialogPrimitive.Description>;
@@ -17,7 +18,7 @@ declare const DialogOverlay: {
     displayName: string | undefined;
 };
 declare const DialogContent: {
-    ({ className, children, showCloseButton, positionX, positionY, ...props }: DialogContentProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, overlayClassName, children, showCloseButton, positionX, positionY, ...props }: DialogContentProps): import("react/jsx-runtime").JSX.Element;
     displayName: string | undefined;
 };
 declare const DialogHeader: {

package/dist/components-basic-modal-basic-modal.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("class-variance-authority");const n=require("./components-ui-button-button.cjs");require("./components-ui-button-button.styles.cjs");const i=require("./components-ui-dialog-dialog.cjs"),_=({open:a,onOpenChange:r,title:t,cancelLabel:c="Отмена",confirmLabel:s="Ок",onConfirm:d,children:u,classes:o,footer:l,showCloseButton:j=!1,ariaDescribedby:m=void 0,positionX:x,positionY:h})=>{const b=()=>{r(!1)},g=()=>{d?.(),r(!1)},v=l===void 0?e.jsxs(i.DialogFooter,{className:o?.footer,children:[e.jsx(n.Button,{variant:"secondary",onClick:b,children:c}),e.jsx(n.Button,{onClick:g,children:s})]}):l;return e.jsx(i.Dialog,{open:a,onOpenChange:r,children:e.jsxs(i.DialogContent,{"aria-describedby":m,showCloseButton:j,positionX:x,positionY:h,className:o?.content,children:[t&&e.jsx(i.DialogHeader,{className:o?.header,children:e.jsx(i.DialogTitle,{className:o?.title,children:t})}),e.jsx("div",{className:o?.body,children:u}),v]})})};exports.BasicModal=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("class-variance-authority");const t=require("./components-ui-button-button.cjs");require("./components-ui-button-button.styles.cjs");const i=require("./components-ui-dialog-dialog.cjs"),y=({open:n,onOpenChange:r,title:l,cancelLabel:c="Отмена",confirmLabel:s="Ок",onConfirm:d,children:u,classes:o,footer:a,showCloseButton:m=!1,ariaDescribedby:j=void 0,positionX:x,positionY:h})=>{const v=()=>{r(!1)},b=()=>{d?.(),r(!1)},g=a===void 0?e.jsxs(i.DialogFooter,{className:o?.footer,children:[e.jsx(t.Button,{variant:"secondary",onClick:v,children:c}),e.jsx(t.Button,{onClick:b,children:s})]}):a;return e.jsx(i.Dialog,{open:n,onOpenChange:r,children:e.jsxs(i.DialogContent,{"aria-describedby":j,showCloseButton:m,positionX:x,positionY:h,className:o?.content,overlayClassName:o?.overlay,children:[l&&e.jsx(i.DialogHeader,{className:o?.header,children:e.jsx(i.DialogTitle,{className:o?.title,children:l})}),e.jsx("div",{className:o?.body,children:u}),g]})})};exports.BasicModal=y;
 //# sourceMappingURL=components-basic-modal-basic-modal.cjs.map

package/dist/components-basic-modal-basic-modal.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"components-basic-modal-basic-modal.cjs","sources":["../src/components/basic-modal/basic-modal.tsx"],"sourcesContent":["import { type VariantProps } from \"class-variance-authority\";\nimport { Button } from \"../ui/button\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from \"../ui/dialog\";\nimport type { dialogContentPositionVariants } from \"../ui/dialog/dialog.styles\";\n\ntype Props = {\n  open: boolean;\n  onOpenChange: (value: boolean) => void;\n  title?: React.ReactNode | string;\n  cancelLabel?: string;\n  confirmLabel?: string;\n  onConfirm?: () => void;\n  classes?: {\n    content?: string;\n    header?: string;\n    body?: string;\n    footer?: string;\n    title?: string;\n  };\n  children: React.ReactNode;\n  footer?: React.ReactNode;\n  showCloseButton?: boolean;\n  ariaDescribedby?: string;\n} & VariantProps<typeof dialogContentPositionVariants>;\n\nexport const BasicModal = ({\n  open,\n  onOpenChange,\n  title,\n  cancelLabel = \"Отмена\",\n  confirmLabel = \"Ок\",\n  onConfirm,\n  children,\n  classes,\n  footer,\n  showCloseButton = false,\n  ariaDescribedby = undefined,\n  positionX,\n  positionY,\n}: Props) => {\n  const handleCancelClick = () => {\n    onOpenChange(false);\n  };\n\n  const handleConfirmClick = () => {\n    onConfirm?.();\n    onOpenChange(false);\n  };\n\n  const resolvedFooter =\n    footer === undefined ? (\n      <DialogFooter className={classes?.footer}>\n        <Button\n          variant=\"secondary\"\n          onClick={handleCancelClick}\n        >\n          {cancelLabel}\n        </Button>\n        <Button onClick={handleConfirmClick}>{confirmLabel}</Button>\n      </DialogFooter>\n    ) : (\n      footer\n    );\n\n  return (\n    <Dialog\n      open={open}\n      onOpenChange={onOpenChange}\n    >\n      <DialogContent\n        aria-describedby={ariaDescribedby}\n        showCloseButton={showCloseButton}\n        positionX={positionX}\n        positionY={positionY}\n        className={classes?.content}\n      >\n        {title && (\n          <DialogHeader className={classes?.header}>\n            <DialogTitle className={classes?.title}>{title}</DialogTitle>\n          </DialogHeader>\n        )}\n        <div className={classes?.body}>{children}</div>\n        {resolvedFooter}\n      </DialogContent>\n    </Dialog>\n  );\n};\n"],"names":["BasicModal","open","onOpenChange","title","cancelLabel","confirmLabel","onConfirm","children","classes","footer","showCloseButton","ariaDescribedby","positionX","positionY","handleCancelClick","handleConfirmClick","resolvedFooter","DialogFooter","jsx","Button","Dialog","jsxs","DialogContent","DialogHeader","DialogTitle"],"mappings":"uTA+BaA,EAAa,CAAC,CACzB,KAAAC,EACA,aAAAC,EACA,MAAAC,EACA,YAAAC,EAAc,SACd,aAAAC,EAAe,KACf,UAAAC,EACA,SAAAC,EACA,QAAAC,EACA,OAAAC,EACA,gBAAAC,EAAkB,GAClB,gBAAAC,EAAkB,OAClB,UAAAC,EACA,UAAAC,CACF,IAAa,CACX,MAAMC,EAAoB,IAAM,CAC9BZ,EAAa,EAAK,CACpB,EAEMa,EAAqB,IAAM,CAC/BT,IAAA,EACAJ,EAAa,EAAK,CACpB,EAEMc,EACJP,IAAW,cACRQ,eAAA,CAAa,UAAWT,GAAS,OAChC,SAAA,CAAAU,EAAAA,IAACC,EAAAA,OAAA,CACC,QAAQ,YACR,QAASL,EAER,SAAAV,CAAA,CAAA,EAEHc,EAAAA,IAACC,EAAAA,OAAA,CAAO,QAASJ,EAAqB,SAAAV,CAAA,CAAa,CAAA,CAAA,CACrD,EAEAI,EAGJ,OACES,EAAAA,IAACE,EAAAA,OAAA,CACC,KAAAnB,EACA,aAAAC,EAEA,SAAAmB,EAAAA,KAACC,EAAAA,cAAA,CACC,mBAAkBX,EAClB,gBAAAD,EACA,UAAAE,EACA,UAAAC,EACA,UAAWL,GAAS,QAEnB,SAAA,CAAAL,GACCe,EAAAA,IAACK,eAAA,CAAa,UAAWf,GAAS,OAChC,SAAAU,EAAAA,IAACM,EAAAA,YAAA,CAAY,UAAWhB,GAAS,MAAQ,SAAAL,CAAA,CAAM,EACjD,EAEFe,EAAAA,IAAC,MAAA,CAAI,UAAWV,GAAS,KAAO,SAAAD,EAAS,EACxCS,CAAA,CAAA,CAAA,CACH,CAAA,CAGN"}
+{"version":3,"file":"components-basic-modal-basic-modal.cjs","sources":["../src/components/basic-modal/basic-modal.tsx"],"sourcesContent":["import { type VariantProps } from \"class-variance-authority\";\nimport { Button } from \"../ui/button\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from \"../ui/dialog\";\nimport type { dialogContentPositionVariants } from \"../ui/dialog/dialog.styles\";\n\ntype Props = {\n  open: boolean;\n  onOpenChange: (value: boolean) => void;\n  title?: React.ReactNode | string;\n  cancelLabel?: string;\n  confirmLabel?: string;\n  onConfirm?: () => void;\n  classes?: {\n    content?: string;\n    header?: string;\n    body?: string;\n    footer?: string;\n    title?: string;\n    overlay?: string;\n  };\n  children: React.ReactNode;\n  footer?: React.ReactNode;\n  showCloseButton?: boolean;\n  ariaDescribedby?: string;\n} & VariantProps<typeof dialogContentPositionVariants>;\n\nexport const BasicModal = ({\n  open,\n  onOpenChange,\n  title,\n  cancelLabel = \"Отмена\",\n  confirmLabel = \"Ок\",\n  onConfirm,\n  children,\n  classes,\n  footer,\n  showCloseButton = false,\n  ariaDescribedby = undefined,\n  positionX,\n  positionY,\n}: Props) => {\n  const handleCancelClick = () => {\n    onOpenChange(false);\n  };\n\n  const handleConfirmClick = () => {\n    onConfirm?.();\n    onOpenChange(false);\n  };\n\n  const resolvedFooter =\n    footer === undefined ? (\n      <DialogFooter className={classes?.footer}>\n        <Button\n          variant=\"secondary\"\n          onClick={handleCancelClick}\n        >\n          {cancelLabel}\n        </Button>\n        <Button onClick={handleConfirmClick}>{confirmLabel}</Button>\n      </DialogFooter>\n    ) : (\n      footer\n    );\n\n  return (\n    <Dialog\n      open={open}\n      onOpenChange={onOpenChange}\n    >\n      <DialogContent\n        aria-describedby={ariaDescribedby}\n        showCloseButton={showCloseButton}\n        positionX={positionX}\n        positionY={positionY}\n        className={classes?.content}\n        overlayClassName={classes?.overlay}\n      >\n        {title && (\n          <DialogHeader className={classes?.header}>\n            <DialogTitle className={classes?.title}>{title}</DialogTitle>\n          </DialogHeader>\n        )}\n        <div className={classes?.body}>{children}</div>\n        {resolvedFooter}\n      </DialogContent>\n    </Dialog>\n  );\n};\n"],"names":["BasicModal","open","onOpenChange","title","cancelLabel","confirmLabel","onConfirm","children","classes","footer","showCloseButton","ariaDescribedby","positionX","positionY","handleCancelClick","handleConfirmClick","resolvedFooter","DialogFooter","jsx","Button","Dialog","jsxs","DialogContent","DialogHeader","DialogTitle"],"mappings":"uTAgCaA,EAAa,CAAC,CACzB,KAAAC,EACA,aAAAC,EACA,MAAAC,EACA,YAAAC,EAAc,SACd,aAAAC,EAAe,KACf,UAAAC,EACA,SAAAC,EACA,QAAAC,EACA,OAAAC,EACA,gBAAAC,EAAkB,GAClB,gBAAAC,EAAkB,OAClB,UAAAC,EACA,UAAAC,CACF,IAAa,CACX,MAAMC,EAAoB,IAAM,CAC9BZ,EAAa,EAAK,CACpB,EAEMa,EAAqB,IAAM,CAC/BT,IAAA,EACAJ,EAAa,EAAK,CACpB,EAEMc,EACJP,IAAW,cACRQ,eAAA,CAAa,UAAWT,GAAS,OAChC,SAAA,CAAAU,EAAAA,IAACC,EAAAA,OAAA,CACC,QAAQ,YACR,QAASL,EAER,SAAAV,CAAA,CAAA,EAEHc,EAAAA,IAACC,EAAAA,OAAA,CAAO,QAASJ,EAAqB,SAAAV,CAAA,CAAa,CAAA,CAAA,CACrD,EAEAI,EAGJ,OACES,EAAAA,IAACE,EAAAA,OAAA,CACC,KAAAnB,EACA,aAAAC,EAEA,SAAAmB,EAAAA,KAACC,EAAAA,cAAA,CACC,mBAAkBX,EAClB,gBAAAD,EACA,UAAAE,EACA,UAAAC,EACA,UAAWL,GAAS,QACpB,iBAAkBA,GAAS,QAE1B,SAAA,CAAAL,GACCe,EAAAA,IAACK,eAAA,CAAa,UAAWf,GAAS,OAChC,SAAAU,EAAAA,IAACM,EAAAA,YAAA,CAAY,UAAWhB,GAAS,MAAQ,SAAAL,CAAA,CAAM,EACjD,EAEFe,EAAAA,IAAC,MAAA,CAAI,UAAWV,GAAS,KAAO,SAAAD,EAAS,EACxCS,CAAA,CAAA,CAAA,CACH,CAAA,CAGN"}

package/dist/components-basic-modal-basic-modal.js

@@ -1,55 +1,56 @@
-import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import { jsxs as a, jsx as i } from "react/jsx-runtime";
 import "class-variance-authority";
-import { Button as c } from "./components-ui-button-button.js";
+import { Button as t } from "./components-ui-button-button.js";
 import "./components-ui-button-button.styles.js";
-import { DialogFooter as p, Dialog as b, DialogContent as g, DialogHeader as x, DialogTitle as y } from "./components-ui-dialog-dialog.js";
+import { DialogFooter as k, Dialog as p, DialogContent as b, DialogHeader as g, DialogTitle as x } from "./components-ui-dialog-dialog.js";
 const M = ({
-  open: t,
+  open: c,
   onOpenChange: r,
   title: e,
   cancelLabel: d = "Отмена",
   confirmLabel: n = "Ок",
   onConfirm: m,
   children: s,
-  classes: i,
+  classes: o,
   footer: l,
   showCloseButton: h = !1,
   ariaDescribedby: f = void 0,
   positionX: v,
   positionY: C
 }) => {
-  const D = () => {
+  const N = () => {
     r(!1);
-  }, N = () => {
+  }, y = () => {
     m?.(), r(!1);
-  }, k = l === void 0 ? /* @__PURE__ */ a(p, { className: i?.footer, children: [
-    /* @__PURE__ */ o(
-      c,
+  }, D = l === void 0 ? /* @__PURE__ */ a(k, { className: o?.footer, children: [
+    /* @__PURE__ */ i(
+      t,
       {
         variant: "secondary",
-        onClick: D,
+        onClick: N,
         children: d
       }
     ),
-    /* @__PURE__ */ o(c, { onClick: N, children: n })
+    /* @__PURE__ */ i(t, { onClick: y, children: n })
   ] }) : l;
-  return /* @__PURE__ */ o(
-    b,
+  return /* @__PURE__ */ i(
+    p,
     {
-      open: t,
+      open: c,
       onOpenChange: r,
       children: /* @__PURE__ */ a(
-        g,
+        b,
         {
           "aria-describedby": f,
           showCloseButton: h,
           positionX: v,
           positionY: C,
-          className: i?.content,
+          className: o?.content,
+          overlayClassName: o?.overlay,
           children: [
-            e && /* @__PURE__ */ o(x, { className: i?.header, children: /* @__PURE__ */ o(y, { className: i?.title, children: e }) }),
-            /* @__PURE__ */ o("div", { className: i?.body, children: s }),
-            k
+            e && /* @__PURE__ */ i(g, { className: o?.header, children: /* @__PURE__ */ i(x, { className: o?.title, children: e }) }),
+            /* @__PURE__ */ i("div", { className: o?.body, children: s }),
+            D
           ]
         }
       )

package/dist/components-basic-modal-basic-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"components-basic-modal-basic-modal.js","sources":["../src/components/basic-modal/basic-modal.tsx"],"sourcesContent":["import { type VariantProps } from \"class-variance-authority\";\nimport { Button } from \"../ui/button\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from \"../ui/dialog\";\nimport type { dialogContentPositionVariants } from \"../ui/dialog/dialog.styles\";\n\ntype Props = {\n  open: boolean;\n  onOpenChange: (value: boolean) => void;\n  title?: React.ReactNode | string;\n  cancelLabel?: string;\n  confirmLabel?: string;\n  onConfirm?: () => void;\n  classes?: {\n    content?: string;\n    header?: string;\n    body?: string;\n    footer?: string;\n    title?: string;\n  };\n  children: React.ReactNode;\n  footer?: React.ReactNode;\n  showCloseButton?: boolean;\n  ariaDescribedby?: string;\n} & VariantProps<typeof dialogContentPositionVariants>;\n\nexport const BasicModal = ({\n  open,\n  onOpenChange,\n  title,\n  cancelLabel = \"Отмена\",\n  confirmLabel = \"Ок\",\n  onConfirm,\n  children,\n  classes,\n  footer,\n  showCloseButton = false,\n  ariaDescribedby = undefined,\n  positionX,\n  positionY,\n}: Props) => {\n  const handleCancelClick = () => {\n    onOpenChange(false);\n  };\n\n  const handleConfirmClick = () => {\n    onConfirm?.();\n    onOpenChange(false);\n  };\n\n  const resolvedFooter =\n    footer === undefined ? (\n      <DialogFooter className={classes?.footer}>\n        <Button\n          variant=\"secondary\"\n          onClick={handleCancelClick}\n        >\n          {cancelLabel}\n        </Button>\n        <Button onClick={handleConfirmClick}>{confirmLabel}</Button>\n      </DialogFooter>\n    ) : (\n      footer\n    );\n\n  return (\n    <Dialog\n      open={open}\n      onOpenChange={onOpenChange}\n    >\n      <DialogContent\n        aria-describedby={ariaDescribedby}\n        showCloseButton={showCloseButton}\n        positionX={positionX}\n        positionY={positionY}\n        className={classes?.content}\n      >\n        {title && (\n          <DialogHeader className={classes?.header}>\n            <DialogTitle className={classes?.title}>{title}</DialogTitle>\n          </DialogHeader>\n        )}\n        <div className={classes?.body}>{children}</div>\n        {resolvedFooter}\n      </DialogContent>\n    </Dialog>\n  );\n};\n"],"names":["BasicModal","open","onOpenChange","title","cancelLabel","confirmLabel","onConfirm","children","classes","footer","showCloseButton","ariaDescribedby","positionX","positionY","handleCancelClick","handleConfirmClick","resolvedFooter","DialogFooter","jsx","Button","Dialog","jsxs","DialogContent","DialogHeader","DialogTitle"],"mappings":";;;;;AA+BO,MAAMA,IAAa,CAAC;AAAA,EACzB,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,cAAAC,IAAe;AAAA,EACf,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,iBAAAC,IAAkB;AAAA,EAClB,WAAAC;AAAA,EACA,WAAAC;AACF,MAAa;AACX,QAAMC,IAAoB,MAAM;AAC9B,IAAAZ,EAAa,EAAK;AAAA,EACpB,GAEMa,IAAqB,MAAM;AAC/B,IAAAT,IAAA,GACAJ,EAAa,EAAK;AAAA,EACpB,GAEMc,IACJP,MAAW,2BACRQ,GAAA,EAAa,WAAWT,GAAS,QAChC,UAAA;AAAA,IAAA,gBAAAU;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,SAASL;AAAA,QAER,UAAAV;AAAA,MAAA;AAAA,IAAA;AAAA,IAEH,gBAAAc,EAACC,GAAA,EAAO,SAASJ,GAAqB,UAAAV,EAAA,CAAa;AAAA,EAAA,EAAA,CACrD,IAEAI;AAGJ,SACE,gBAAAS;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,MAAAnB;AAAA,MACA,cAAAC;AAAA,MAEA,UAAA,gBAAAmB;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,oBAAkBX;AAAA,UAClB,iBAAAD;AAAA,UACA,WAAAE;AAAA,UACA,WAAAC;AAAA,UACA,WAAWL,GAAS;AAAA,UAEnB,UAAA;AAAA,YAAAL,KACC,gBAAAe,EAACK,GAAA,EAAa,WAAWf,GAAS,QAChC,UAAA,gBAAAU,EAACM,GAAA,EAAY,WAAWhB,GAAS,OAAQ,UAAAL,EAAA,CAAM,GACjD;AAAA,YAEF,gBAAAe,EAAC,OAAA,EAAI,WAAWV,GAAS,MAAO,UAAAD,GAAS;AAAA,YACxCS;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"components-basic-modal-basic-modal.js","sources":["../src/components/basic-modal/basic-modal.tsx"],"sourcesContent":["import { type VariantProps } from \"class-variance-authority\";\nimport { Button } from \"../ui/button\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from \"../ui/dialog\";\nimport type { dialogContentPositionVariants } from \"../ui/dialog/dialog.styles\";\n\ntype Props = {\n  open: boolean;\n  onOpenChange: (value: boolean) => void;\n  title?: React.ReactNode | string;\n  cancelLabel?: string;\n  confirmLabel?: string;\n  onConfirm?: () => void;\n  classes?: {\n    content?: string;\n    header?: string;\n    body?: string;\n    footer?: string;\n    title?: string;\n    overlay?: string;\n  };\n  children: React.ReactNode;\n  footer?: React.ReactNode;\n  showCloseButton?: boolean;\n  ariaDescribedby?: string;\n} & VariantProps<typeof dialogContentPositionVariants>;\n\nexport const BasicModal = ({\n  open,\n  onOpenChange,\n  title,\n  cancelLabel = \"Отмена\",\n  confirmLabel = \"Ок\",\n  onConfirm,\n  children,\n  classes,\n  footer,\n  showCloseButton = false,\n  ariaDescribedby = undefined,\n  positionX,\n  positionY,\n}: Props) => {\n  const handleCancelClick = () => {\n    onOpenChange(false);\n  };\n\n  const handleConfirmClick = () => {\n    onConfirm?.();\n    onOpenChange(false);\n  };\n\n  const resolvedFooter =\n    footer === undefined ? (\n      <DialogFooter className={classes?.footer}>\n        <Button\n          variant=\"secondary\"\n          onClick={handleCancelClick}\n        >\n          {cancelLabel}\n        </Button>\n        <Button onClick={handleConfirmClick}>{confirmLabel}</Button>\n      </DialogFooter>\n    ) : (\n      footer\n    );\n\n  return (\n    <Dialog\n      open={open}\n      onOpenChange={onOpenChange}\n    >\n      <DialogContent\n        aria-describedby={ariaDescribedby}\n        showCloseButton={showCloseButton}\n        positionX={positionX}\n        positionY={positionY}\n        className={classes?.content}\n        overlayClassName={classes?.overlay}\n      >\n        {title && (\n          <DialogHeader className={classes?.header}>\n            <DialogTitle className={classes?.title}>{title}</DialogTitle>\n          </DialogHeader>\n        )}\n        <div className={classes?.body}>{children}</div>\n        {resolvedFooter}\n      </DialogContent>\n    </Dialog>\n  );\n};\n"],"names":["BasicModal","open","onOpenChange","title","cancelLabel","confirmLabel","onConfirm","children","classes","footer","showCloseButton","ariaDescribedby","positionX","positionY","handleCancelClick","handleConfirmClick","resolvedFooter","DialogFooter","jsx","Button","Dialog","jsxs","DialogContent","DialogHeader","DialogTitle"],"mappings":";;;;;AAgCO,MAAMA,IAAa,CAAC;AAAA,EACzB,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,cAAAC,IAAe;AAAA,EACf,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,iBAAAC,IAAkB;AAAA,EAClB,WAAAC;AAAA,EACA,WAAAC;AACF,MAAa;AACX,QAAMC,IAAoB,MAAM;AAC9B,IAAAZ,EAAa,EAAK;AAAA,EACpB,GAEMa,IAAqB,MAAM;AAC/B,IAAAT,IAAA,GACAJ,EAAa,EAAK;AAAA,EACpB,GAEMc,IACJP,MAAW,2BACRQ,GAAA,EAAa,WAAWT,GAAS,QAChC,UAAA;AAAA,IAAA,gBAAAU;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,SAASL;AAAA,QAER,UAAAV;AAAA,MAAA;AAAA,IAAA;AAAA,IAEH,gBAAAc,EAACC,GAAA,EAAO,SAASJ,GAAqB,UAAAV,EAAA,CAAa;AAAA,EAAA,EAAA,CACrD,IAEAI;AAGJ,SACE,gBAAAS;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,MAAAnB;AAAA,MACA,cAAAC;AAAA,MAEA,UAAA,gBAAAmB;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,oBAAkBX;AAAA,UAClB,iBAAAD;AAAA,UACA,WAAAE;AAAA,UACA,WAAAC;AAAA,UACA,WAAWL,GAAS;AAAA,UACpB,kBAAkBA,GAAS;AAAA,UAE1B,UAAA;AAAA,YAAAL,KACC,gBAAAe,EAACK,GAAA,EAAa,WAAWf,GAAS,QAChC,UAAA,gBAAAU,EAACM,GAAA,EAAY,WAAWhB,GAAS,OAAQ,UAAAL,EAAA,CAAM,GACjD;AAAA,YAEF,gBAAAe,EAAC,OAAA,EAAI,WAAWV,GAAS,MAAO,UAAAD,GAAS;AAAA,YACxCS;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN;"}

package/dist/components-card-info-card-info.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"components-card-info-card-info.cjs","sources":["../src/components/card-info/card-info.tsx"],"sourcesContent":["import type { VariantProps } from \"class-variance-authority\";\nimport { cn } from \"@/lib/utils\";\nimport { Card } from \"../ui/card\";\nimport { Typography } from \"../ui/typography\";\nimport {\n  cardInfoContentVariants,\n  cardInfoHeaderVariants,\n  cardInfoLeftBorderVariants,\n  cardInfoVariants,\n} from \"./card-info.styles\";\n\nexport interface CardInfoProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, \"title\" | \"className\">,\n    VariantProps<typeof cardInfoHeaderVariants> {\n  title: string;\n  headerComponent?: React.ReactNode;\n  children: React.ReactNode;\n  className?: {\n    borderLeft?: string;\n    headerBackground?: string;\n    card?: string;\n    content?: string;\n  };\n}\n\nexport const CardInfo = ({\n  className,\n  title,\n  headerComponent,\n  children,\n  accent,\n  size,\n  ...props\n}: CardInfoProps) => {\n  return (\n    <Card\n      className={cn(cardInfoVariants(), className?.card)}\n      {...props}\n    >\n      <div\n        className={cn(cardInfoLeftBorderVariants({ accent }), className?.borderLeft)}\n      />\n\n      <div\n        className={cn(\n          cardInfoHeaderVariants({ accent, size }),\n          className?.headerBackground,\n        )}\n      >\n        {headerComponent ? (\n          headerComponent\n        ) : (\n          <Typography variant=\"body-lg-semibold\">{title}</Typography>\n        )}\n      </div>\n\n      <div className={cn(cardInfoContentVariants(), className?.content)}>{children}</div>\n    </Card>\n  );\n};\n"],"names":["CardInfo","className","title","headerComponent","children","accent","size","props","jsxs","Card","cn","cardInfoVariants","jsx","cardInfoLeftBorderVariants","cardInfoHeaderVariants","Typography","cardInfoContentVariants"],"mappings":"+WA0BaA,EAAW,CAAC,CACvB,UAAAC,EACA,MAAAC,EACA,gBAAAC,EACA,SAAAC,EACA,OAAAC,EACA,KAAAC,EACA,GAAGC,CACL,IAEIC,EAAAA,KAACC,EAAAA,KAAA,CACC,UAAWC,EAAAA,GAAGC,EAAAA,mBAAoBV,GAAW,IAAI,EAChD,GAAGM,EAEJ,SAAA,CAAAK,EAAAA,IAAC,MAAA,CACC,UAAWF,EAAAA,GAAGG,EAAAA,2BAA2B,CAAE,OAAAR,EAAQ,EAAGJ,GAAW,UAAU,CAAA,CAAA,EAG7EW,EAAAA,IAAC,MAAA,CACC,UAAWF,EAAAA,GACTI,yBAAuB,CAAE,OAAAT,EAAQ,KAAAC,EAAM,EACvCL,GAAW,gBAAA,EAGZ,YAGCW,MAACG,EAAAA,WAAA,CAAW,QAAQ,mBAAoB,SAAAb,CAAA,CAAM,CAAA,CAAA,EAIlDU,MAAC,OAAI,UAAWF,EAAAA,GAAGM,EAAAA,0BAA2Bf,GAAW,OAAO,EAAI,SAAAG,CAAA,CAAS,CAAA,CAAA,CAAA"}
+{"version":3,"file":"components-card-info-card-info.cjs","sources":["../src/components/card-info/card-info.tsx"],"sourcesContent":["import type { VariantProps } from \"class-variance-authority\";\nimport { cn } from \"@/lib/utils\";\nimport { Card } from \"../ui/card\";\nimport { Typography } from \"../ui/typography\";\nimport {\n  cardInfoContentVariants,\n  cardInfoHeaderVariants,\n  cardInfoLeftBorderVariants,\n  cardInfoVariants,\n} from \"./card-info.styles\";\n\nexport interface CardInfoProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, \"title\" | \"className\">,\n    VariantProps<typeof cardInfoHeaderVariants> {\n  title?: string;\n  headerComponent?: React.ReactNode;\n  children: React.ReactNode;\n  className?: {\n    borderLeft?: string;\n    headerBackground?: string;\n    card?: string;\n    content?: string;\n  };\n}\n\nexport const CardInfo = ({\n  className,\n  title,\n  headerComponent,\n  children,\n  accent,\n  size,\n  ...props\n}: CardInfoProps) => {\n  return (\n    <Card\n      className={cn(cardInfoVariants(), className?.card)}\n      {...props}\n    >\n      <div\n        className={cn(cardInfoLeftBorderVariants({ accent }), className?.borderLeft)}\n      />\n\n      <div\n        className={cn(\n          cardInfoHeaderVariants({ accent, size }),\n          className?.headerBackground,\n        )}\n      >\n        {headerComponent ? (\n          headerComponent\n        ) : (\n          <Typography variant=\"body-lg-semibold\">{title}</Typography>\n        )}\n      </div>\n\n      <div className={cn(cardInfoContentVariants(), className?.content)}>{children}</div>\n    </Card>\n  );\n};\n"],"names":["CardInfo","className","title","headerComponent","children","accent","size","props","jsxs","Card","cn","cardInfoVariants","jsx","cardInfoLeftBorderVariants","cardInfoHeaderVariants","Typography","cardInfoContentVariants"],"mappings":"+WA0BaA,EAAW,CAAC,CACvB,UAAAC,EACA,MAAAC,EACA,gBAAAC,EACA,SAAAC,EACA,OAAAC,EACA,KAAAC,EACA,GAAGC,CACL,IAEIC,EAAAA,KAACC,EAAAA,KAAA,CACC,UAAWC,EAAAA,GAAGC,EAAAA,mBAAoBV,GAAW,IAAI,EAChD,GAAGM,EAEJ,SAAA,CAAAK,EAAAA,IAAC,MAAA,CACC,UAAWF,EAAAA,GAAGG,EAAAA,2BAA2B,CAAE,OAAAR,EAAQ,EAAGJ,GAAW,UAAU,CAAA,CAAA,EAG7EW,EAAAA,IAAC,MAAA,CACC,UAAWF,EAAAA,GACTI,yBAAuB,CAAE,OAAAT,EAAQ,KAAAC,EAAM,EACvCL,GAAW,gBAAA,EAGZ,YAGCW,MAACG,EAAAA,WAAA,CAAW,QAAQ,mBAAoB,SAAAb,CAAA,CAAM,CAAA,CAAA,EAIlDU,MAAC,OAAI,UAAWF,EAAAA,GAAGM,EAAAA,0BAA2Bf,GAAW,OAAO,EAAI,SAAAG,CAAA,CAAS,CAAA,CAAA,CAAA"}

package/dist/components-card-info-card-info.js.map

@@ -1 +1 @@
-{"version":3,"file":"components-card-info-card-info.js","sources":["../src/components/card-info/card-info.tsx"],"sourcesContent":["import type { VariantProps } from \"class-variance-authority\";\nimport { cn } from \"@/lib/utils\";\nimport { Card } from \"../ui/card\";\nimport { Typography } from \"../ui/typography\";\nimport {\n  cardInfoContentVariants,\n  cardInfoHeaderVariants,\n  cardInfoLeftBorderVariants,\n  cardInfoVariants,\n} from \"./card-info.styles\";\n\nexport interface CardInfoProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, \"title\" | \"className\">,\n    VariantProps<typeof cardInfoHeaderVariants> {\n  title: string;\n  headerComponent?: React.ReactNode;\n  children: React.ReactNode;\n  className?: {\n    borderLeft?: string;\n    headerBackground?: string;\n    card?: string;\n    content?: string;\n  };\n}\n\nexport const CardInfo = ({\n  className,\n  title,\n  headerComponent,\n  children,\n  accent,\n  size,\n  ...props\n}: CardInfoProps) => {\n  return (\n    <Card\n      className={cn(cardInfoVariants(), className?.card)}\n      {...props}\n    >\n      <div\n        className={cn(cardInfoLeftBorderVariants({ accent }), className?.borderLeft)}\n      />\n\n      <div\n        className={cn(\n          cardInfoHeaderVariants({ accent, size }),\n          className?.headerBackground,\n        )}\n      >\n        {headerComponent ? (\n          headerComponent\n        ) : (\n          <Typography variant=\"body-lg-semibold\">{title}</Typography>\n        )}\n      </div>\n\n      <div className={cn(cardInfoContentVariants(), className?.content)}>{children}</div>\n    </Card>\n  );\n};\n"],"names":["CardInfo","className","title","headerComponent","children","accent","size","props","jsxs","Card","cn","cardInfoVariants","jsx","cardInfoLeftBorderVariants","cardInfoHeaderVariants","Typography","cardInfoContentVariants"],"mappings":";;;;;;AA0BO,MAAMA,IAAW,CAAC;AAAA,EACvB,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAGC,KAAoBV,GAAW,IAAI;AAAA,IAChD,GAAGM;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAK;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWF,EAAGG,EAA2B,EAAE,QAAAR,GAAQ,GAAGJ,GAAW,UAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAG7E,gBAAAW;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWF;AAAA,YACTI,EAAuB,EAAE,QAAAT,GAAQ,MAAAC,GAAM;AAAA,YACvCL,GAAW;AAAA,UAAA;AAAA,UAGZ,eAGC,gBAAAW,EAACG,GAAA,EAAW,SAAQ,oBAAoB,UAAAb,EAAA,CAAM;AAAA,QAAA;AAAA,MAAA;AAAA,MAIlD,gBAAAU,EAAC,SAAI,WAAWF,EAAGM,KAA2Bf,GAAW,OAAO,GAAI,UAAAG,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"components-card-info-card-info.js","sources":["../src/components/card-info/card-info.tsx"],"sourcesContent":["import type { VariantProps } from \"class-variance-authority\";\nimport { cn } from \"@/lib/utils\";\nimport { Card } from \"../ui/card\";\nimport { Typography } from \"../ui/typography\";\nimport {\n  cardInfoContentVariants,\n  cardInfoHeaderVariants,\n  cardInfoLeftBorderVariants,\n  cardInfoVariants,\n} from \"./card-info.styles\";\n\nexport interface CardInfoProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, \"title\" | \"className\">,\n    VariantProps<typeof cardInfoHeaderVariants> {\n  title?: string;\n  headerComponent?: React.ReactNode;\n  children: React.ReactNode;\n  className?: {\n    borderLeft?: string;\n    headerBackground?: string;\n    card?: string;\n    content?: string;\n  };\n}\n\nexport const CardInfo = ({\n  className,\n  title,\n  headerComponent,\n  children,\n  accent,\n  size,\n  ...props\n}: CardInfoProps) => {\n  return (\n    <Card\n      className={cn(cardInfoVariants(), className?.card)}\n      {...props}\n    >\n      <div\n        className={cn(cardInfoLeftBorderVariants({ accent }), className?.borderLeft)}\n      />\n\n      <div\n        className={cn(\n          cardInfoHeaderVariants({ accent, size }),\n          className?.headerBackground,\n        )}\n      >\n        {headerComponent ? (\n          headerComponent\n        ) : (\n          <Typography variant=\"body-lg-semibold\">{title}</Typography>\n        )}\n      </div>\n\n      <div className={cn(cardInfoContentVariants(), className?.content)}>{children}</div>\n    </Card>\n  );\n};\n"],"names":["CardInfo","className","title","headerComponent","children","accent","size","props","jsxs","Card","cn","cardInfoVariants","jsx","cardInfoLeftBorderVariants","cardInfoHeaderVariants","Typography","cardInfoContentVariants"],"mappings":";;;;;;AA0BO,MAAMA,IAAW,CAAC;AAAA,EACvB,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAGC,KAAoBV,GAAW,IAAI;AAAA,IAChD,GAAGM;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAK;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWF,EAAGG,EAA2B,EAAE,QAAAR,GAAQ,GAAGJ,GAAW,UAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAG7E,gBAAAW;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWF;AAAA,YACTI,EAAuB,EAAE,QAAAT,GAAQ,MAAAC,GAAM;AAAA,YACvCL,GAAW;AAAA,UAAA;AAAA,UAGZ,eAGC,gBAAAW,EAACG,GAAA,EAAW,SAAQ,oBAAoB,UAAAb,EAAA,CAAM;AAAA,QAAA;AAAA,MAAA;AAAA,MAIlD,gBAAAU,EAAC,SAAI,WAAWF,EAAGM,KAA2Bf,GAAW,OAAO,GAAI,UAAAG,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAAA;"}

package/dist/components-forms-form-Input-phone.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),x=require("./utils-get-validation-state.cjs"),y=require("react"),a=require("./index.esm-ZdO9UZ3G.cjs"),R=require("./components-input-phone-input-phone.cjs"),j="+{7} (000) 000-00-00",A="+7 (000) 000-00-00",r=t=>t.replace(/\D/g,"").length>1,I=({name:t,rules:d,mask:p=j,placeholder:h=A,...o})=>{const[P,i]=y.useState(!1),{control:g,formState:{errors:S,touchedFields:f,isSubmitted:m}}=a.useFormContext();return l.jsx(a.Controller,{name:t,rules:d,control:g,render:({field:{onChange:u,onBlur:F,value:n="",ref:_}})=>{const s=typeof n=="string"?n:String(n??""),[E,q]=x.getValidationState(t,s,S,f,m),c=P||r(s);return l.jsx(R.InputPhone,{...o,name:t,mask:p,unmask:!1,lazy:!c,value:s,type:"tel",inputRef:_,onAccept:e=>{u(r(e)?e:"")},onFocus:e=>{i(!0),o.onFocus?.(e)},onBlur:e=>{r(e.currentTarget.value)||u(""),i(!1),F(),o.onBlur?.(e)},isValid:E,description:q,placeholder:c?void 0:h})}})};exports.FormInputPhone=I;
+//# sourceMappingURL=components-forms-form-Input-phone.cjs.map

package/dist/components-forms-form-Input-phone.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-forms-form-Input-phone.cjs","sources":["../src/components/forms/form-Input-phone.tsx"],"sourcesContent":["import { getValidationState } from \"@/utils/get-validation-state\";\nimport { useState } from \"react\";\nimport { Controller, useFormContext, type RegisterOptions } from \"react-hook-form\";\nimport type { InputProps } from \"../input-field\";\nimport { InputPhone } from \"../input-phone\";\n\nconst PHONE_MASK_PATTERN = \"+{7} (000) 000-00-00\";\nconst PHONE_PLACEHOLDER = \"+7 (000) 000-00-00\";\nconst hasEnteredPhoneDigits = (value: string) => value.replace(/\\D/g, \"\").length > 1;\n\ntype Props = Omit<InputProps, \"value\" | \"onChange\" | \"ref\"> & {\n  name: string;\n  rules?: RegisterOptions;\n  disabled?: boolean;\n  mask?: string;\n};\n\n// TODO: Доделать\nexport const FormInputPhone = ({\n  name,\n  rules,\n  mask = PHONE_MASK_PATTERN,\n  placeholder = PHONE_PLACEHOLDER,\n  ...rest\n}: Props) => {\n  const [isFocused, setIsFocused] = useState(false);\n  const {\n    control,\n    formState: { errors, touchedFields, isSubmitted },\n  } = useFormContext();\n\n  return (\n    <Controller\n      name={name}\n      rules={rules}\n      control={control}\n      render={({ field: { onChange, onBlur, value = \"\", ref } }) => {\n        const inputValue = typeof value === \"string\" ? value : String(value ?? \"\");\n        const [isValid, errorMsg] = getValidationState(\n          name,\n          inputValue,\n          errors,\n          touchedFields,\n          isSubmitted,\n        );\n        const shouldShowMask = isFocused || hasEnteredPhoneDigits(inputValue);\n\n        return (\n          <InputPhone\n            {...rest}\n            name={name}\n            mask={mask}\n            unmask={false}\n            lazy={!shouldShowMask}\n            value={inputValue}\n            type=\"tel\"\n            inputRef={ref}\n            onAccept={(val: string) => {\n              onChange(hasEnteredPhoneDigits(val) ? val : \"\");\n            }}\n            onFocus={(event: React.FocusEvent<HTMLInputElement>) => {\n              setIsFocused(true);\n              rest.onFocus?.(event);\n            }}\n            onBlur={(event: React.FocusEvent<HTMLInputElement>) => {\n              if (!hasEnteredPhoneDigits(event.currentTarget.value)) {\n                onChange(\"\");\n              }\n              setIsFocused(false);\n              onBlur();\n              rest.onBlur?.(event);\n            }}\n            isValid={isValid}\n            description={errorMsg}\n            placeholder={shouldShowMask ? undefined : placeholder}\n          />\n        );\n      }}\n    />\n  );\n};\n"],"names":["PHONE_MASK_PATTERN","PHONE_PLACEHOLDER","hasEnteredPhoneDigits","value","FormInputPhone","name","rules","mask","placeholder","rest","isFocused","setIsFocused","useState","control","errors","touchedFields","isSubmitted","useFormContext","jsx","Controller","onChange","onBlur","ref","inputValue","isValid","errorMsg","getValidationState","shouldShowMask","InputPhone","val","event"],"mappings":"kRAMMA,EAAqB,uBACrBC,EAAoB,qBACpBC,EAAyBC,GAAkBA,EAAM,QAAQ,MAAO,EAAE,EAAE,OAAS,EAUtEC,EAAiB,CAAC,CAC7B,KAAAC,EACA,MAAAC,EACA,KAAAC,EAAOP,EACP,YAAAQ,EAAcP,EACd,GAAGQ,CACL,IAAa,CACX,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAAS,EAAK,EAC1C,CACJ,QAAAC,EACA,UAAW,CAAE,OAAAC,EAAQ,cAAAC,EAAe,YAAAC,CAAA,CAAY,EAC9CC,iBAAA,EAEJ,OACEC,EAAAA,IAACC,EAAAA,WAAA,CACC,KAAAd,EACA,MAAAC,EACA,QAAAO,EACA,OAAQ,CAAC,CAAE,MAAO,CAAE,SAAAO,EAAU,OAAAC,EAAQ,MAAAlB,EAAQ,GAAI,IAAAmB,CAAA,KAAY,CAC5D,MAAMC,EAAa,OAAOpB,GAAU,SAAWA,EAAQ,OAAOA,GAAS,EAAE,EACnE,CAACqB,EAASC,CAAQ,EAAIC,EAAAA,mBAC1BrB,EACAkB,EACAT,EACAC,EACAC,CAAA,EAEIW,EAAiBjB,GAAaR,EAAsBqB,CAAU,EAEpE,OACEL,EAAAA,IAACU,EAAAA,WAAA,CACE,GAAGnB,EACJ,KAAAJ,EACA,KAAAE,EACA,OAAQ,GACR,KAAM,CAACoB,EACP,MAAOJ,EACP,KAAK,MACL,SAAUD,EACV,SAAWO,GAAgB,CACzBT,EAASlB,EAAsB2B,CAAG,EAAIA,EAAM,EAAE,CAChD,EACA,QAAUC,GAA8C,CACtDnB,EAAa,EAAI,EACjBF,EAAK,UAAUqB,CAAK,CACtB,EACA,OAASA,GAA8C,CAChD5B,EAAsB4B,EAAM,cAAc,KAAK,GAClDV,EAAS,EAAE,EAEbT,EAAa,EAAK,EAClBU,EAAA,EACAZ,EAAK,SAASqB,CAAK,CACrB,EACA,QAAAN,EACA,YAAaC,EACb,YAAaE,EAAiB,OAAYnB,CAAA,CAAA,CAGhD,CAAA,CAAA,CAGN"}

package/dist/components-forms-form-Input-phone.js

@@ -0,0 +1,63 @@
+import { jsx as l } from "react/jsx-runtime";
+import { getValidationState as x } from "./utils-get-validation-state.js";
+import { useState as y } from "react";
+import { a as C, C as D } from "./index.esm-CFsbc_Iq.js";
+import { InputPhone as H } from "./components-input-phone-input-phone.js";
+const I = "+{7} (000) 000-00-00", M = "+7 (000) 000-00-00", n = (t) => t.replace(/\D/g, "").length > 1, _ = ({
+  name: t,
+  rules: a,
+  mask: p = I,
+  placeholder: d = M,
+  ...r
+}) => {
+  const [f, i] = y(!1), {
+    control: m,
+    formState: { errors: h, touchedFields: g, isSubmitted: F }
+  } = C();
+  return /* @__PURE__ */ l(
+    D,
+    {
+      name: t,
+      rules: a,
+      control: m,
+      render: ({ field: { onChange: c, onBlur: P, value: e = "", ref: S } }) => {
+        const s = typeof e == "string" ? e : String(e ?? ""), [E, A] = x(
+          t,
+          s,
+          h,
+          g,
+          F
+        ), u = f || n(s);
+        return /* @__PURE__ */ l(
+          H,
+          {
+            ...r,
+            name: t,
+            mask: p,
+            unmask: !1,
+            lazy: !u,
+            value: s,
+            type: "tel",
+            inputRef: S,
+            onAccept: (o) => {
+              c(n(o) ? o : "");
+            },
+            onFocus: (o) => {
+              i(!0), r.onFocus?.(o);
+            },
+            onBlur: (o) => {
+              n(o.currentTarget.value) || c(""), i(!1), P(), r.onBlur?.(o);
+            },
+            isValid: E,
+            description: A,
+            placeholder: u ? void 0 : d
+          }
+        );
+      }
+    }
+  );
+};
+export {
+  _ as FormInputPhone
+};
+//# sourceMappingURL=components-forms-form-Input-phone.js.map

package/dist/components-forms-form-Input-phone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-forms-form-Input-phone.js","sources":["../src/components/forms/form-Input-phone.tsx"],"sourcesContent":["import { getValidationState } from \"@/utils/get-validation-state\";\nimport { useState } from \"react\";\nimport { Controller, useFormContext, type RegisterOptions } from \"react-hook-form\";\nimport type { InputProps } from \"../input-field\";\nimport { InputPhone } from \"../input-phone\";\n\nconst PHONE_MASK_PATTERN = \"+{7} (000) 000-00-00\";\nconst PHONE_PLACEHOLDER = \"+7 (000) 000-00-00\";\nconst hasEnteredPhoneDigits = (value: string) => value.replace(/\\D/g, \"\").length > 1;\n\ntype Props = Omit<InputProps, \"value\" | \"onChange\" | \"ref\"> & {\n  name: string;\n  rules?: RegisterOptions;\n  disabled?: boolean;\n  mask?: string;\n};\n\n// TODO: Доделать\nexport const FormInputPhone = ({\n  name,\n  rules,\n  mask = PHONE_MASK_PATTERN,\n  placeholder = PHONE_PLACEHOLDER,\n  ...rest\n}: Props) => {\n  const [isFocused, setIsFocused] = useState(false);\n  const {\n    control,\n    formState: { errors, touchedFields, isSubmitted },\n  } = useFormContext();\n\n  return (\n    <Controller\n      name={name}\n      rules={rules}\n      control={control}\n      render={({ field: { onChange, onBlur, value = \"\", ref } }) => {\n        const inputValue = typeof value === \"string\" ? value : String(value ?? \"\");\n        const [isValid, errorMsg] = getValidationState(\n          name,\n          inputValue,\n          errors,\n          touchedFields,\n          isSubmitted,\n        );\n        const shouldShowMask = isFocused || hasEnteredPhoneDigits(inputValue);\n\n        return (\n          <InputPhone\n            {...rest}\n            name={name}\n            mask={mask}\n            unmask={false}\n            lazy={!shouldShowMask}\n            value={inputValue}\n            type=\"tel\"\n            inputRef={ref}\n            onAccept={(val: string) => {\n              onChange(hasEnteredPhoneDigits(val) ? val : \"\");\n            }}\n            onFocus={(event: React.FocusEvent<HTMLInputElement>) => {\n              setIsFocused(true);\n              rest.onFocus?.(event);\n            }}\n            onBlur={(event: React.FocusEvent<HTMLInputElement>) => {\n              if (!hasEnteredPhoneDigits(event.currentTarget.value)) {\n                onChange(\"\");\n              }\n              setIsFocused(false);\n              onBlur();\n              rest.onBlur?.(event);\n            }}\n            isValid={isValid}\n            description={errorMsg}\n            placeholder={shouldShowMask ? undefined : placeholder}\n          />\n        );\n      }}\n    />\n  );\n};\n"],"names":["PHONE_MASK_PATTERN","PHONE_PLACEHOLDER","hasEnteredPhoneDigits","value","FormInputPhone","name","rules","mask","placeholder","rest","isFocused","setIsFocused","useState","control","errors","touchedFields","isSubmitted","useFormContext","jsx","Controller","onChange","onBlur","ref","inputValue","isValid","errorMsg","getValidationState","shouldShowMask","InputPhone","val","event"],"mappings":";;;;;AAMA,MAAMA,IAAqB,wBACrBC,IAAoB,sBACpBC,IAAwB,CAACC,MAAkBA,EAAM,QAAQ,OAAO,EAAE,EAAE,SAAS,GAUtEC,IAAiB,CAAC;AAAA,EAC7B,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC,IAAOP;AAAA,EACP,aAAAQ,IAAcP;AAAA,EACd,GAAGQ;AACL,MAAa;AACX,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C;AAAA,IACJ,SAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,GAAQ,eAAAC,GAAe,aAAAC,EAAA;AAAA,EAAY,IAC9CC,EAAA;AAEJ,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAd;AAAA,MACA,OAAAC;AAAA,MACA,SAAAO;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAAO,GAAU,QAAAC,GAAQ,OAAAlB,IAAQ,IAAI,KAAAmB,EAAA,QAAY;AAC5D,cAAMC,IAAa,OAAOpB,KAAU,WAAWA,IAAQ,OAAOA,KAAS,EAAE,GACnE,CAACqB,GAASC,CAAQ,IAAIC;AAAA,UAC1BrB;AAAA,UACAkB;AAAA,UACAT;AAAA,UACAC;AAAA,UACAC;AAAA,QAAA,GAEIW,IAAiBjB,KAAaR,EAAsBqB,CAAU;AAEpE,eACE,gBAAAL;AAAA,UAACU;AAAA,UAAA;AAAA,YACE,GAAGnB;AAAA,YACJ,MAAAJ;AAAA,YACA,MAAAE;AAAA,YACA,QAAQ;AAAA,YACR,MAAM,CAACoB;AAAA,YACP,OAAOJ;AAAA,YACP,MAAK;AAAA,YACL,UAAUD;AAAA,YACV,UAAU,CAACO,MAAgB;AACzB,cAAAT,EAASlB,EAAsB2B,CAAG,IAAIA,IAAM,EAAE;AAAA,YAChD;AAAA,YACA,SAAS,CAACC,MAA8C;AACtD,cAAAnB,EAAa,EAAI,GACjBF,EAAK,UAAUqB,CAAK;AAAA,YACtB;AAAA,YACA,QAAQ,CAACA,MAA8C;AACrD,cAAK5B,EAAsB4B,EAAM,cAAc,KAAK,KAClDV,EAAS,EAAE,GAEbT,EAAa,EAAK,GAClBU,EAAA,GACAZ,EAAK,SAASqB,CAAK;AAAA,YACrB;AAAA,YACA,SAAAN;AAAA,YACA,aAAaC;AAAA,YACb,aAAaE,IAAiB,SAAYnB;AAAA,UAAA;AAAA,QAAA;AAAA,MAGhD;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components-forms-form-avatar-uploader.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),e=require("./index.esm-ZdO9UZ3G.cjs"),l=require("./components-avatar-uploader-avatar-uploader.cjs"),u=({name:t,rules:o,...a})=>{const{control:n}=e.useFormContext();return r.jsx(e.Controller,{name:t,rules:o,control:n,render:({field:{onChange:s,value:c=""}})=>r.jsx(l.AvatarUpload,{...a,src:c,onChange:s})})};exports.FormAvatar=u;
+//# sourceMappingURL=components-forms-form-avatar-uploader.cjs.map

package/dist/components-forms-form-avatar-uploader.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-forms-form-avatar-uploader.cjs","sources":["../src/components/forms/form-avatar-uploader.tsx"],"sourcesContent":["import { Controller, useFormContext, type RegisterOptions } from \"react-hook-form\";\nimport { AvatarUpload, type AvatarUploadProps } from \"../avatar-uploader\";\n\ntype Props = Omit<AvatarUploadProps, \"onChange\" | \"src\"> & {\n  name: string;\n  rules?: RegisterOptions;\n  disabled?: boolean;\n};\n\nexport const FormAvatar = ({ name, rules, ...rest }: Props) => {\n  const { control } = useFormContext();\n\n  return (\n    <Controller\n      name={name}\n      rules={rules}\n      control={control}\n      render={({ field: { onChange, value = \"\" } }) => {\n        return (\n          <AvatarUpload\n            {...rest}\n            src={value}\n            onChange={onChange}\n          />\n        );\n      }}\n    />\n  );\n};\n"],"names":["FormAvatar","name","rules","rest","control","useFormContext","jsx","Controller","onChange","value","AvatarUpload"],"mappings":"yNASaA,EAAa,CAAC,CAAE,KAAAC,EAAM,MAAAC,EAAO,GAAGC,KAAkB,CAC7D,KAAM,CAAE,QAAAC,CAAA,EAAYC,iBAAA,EAEpB,OACEC,EAAAA,IAACC,EAAAA,WAAA,CACC,KAAAN,EACA,MAAAC,EACA,QAAAE,EACA,OAAQ,CAAC,CAAE,MAAO,CAAE,SAAAI,EAAU,MAAAC,EAAQ,EAAA,KAElCH,EAAAA,IAACI,EAAAA,aAAA,CACE,GAAGP,EACJ,IAAKM,EACL,SAAAD,CAAA,CAAA,CAGN,CAAA,CAGN"}

package/dist/components-forms-form-avatar-uploader.js

@@ -0,0 +1,26 @@
+import { jsx as r } from "react/jsx-runtime";
+import { a as s, C as l } from "./index.esm-CFsbc_Iq.js";
+import { AvatarUpload as p } from "./components-avatar-uploader-avatar-uploader.js";
+const d = ({ name: o, rules: t, ...e }) => {
+  const { control: a } = s();
+  return /* @__PURE__ */ r(
+    l,
+    {
+      name: o,
+      rules: t,
+      control: a,
+      render: ({ field: { onChange: m, value: n = "" } }) => /* @__PURE__ */ r(
+        p,
+        {
+          ...e,
+          src: n,
+          onChange: m
+        }
+      )
+    }
+  );
+};
+export {
+  d as FormAvatar
+};
+//# sourceMappingURL=components-forms-form-avatar-uploader.js.map

package/dist/components-forms-form-avatar-uploader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-forms-form-avatar-uploader.js","sources":["../src/components/forms/form-avatar-uploader.tsx"],"sourcesContent":["import { Controller, useFormContext, type RegisterOptions } from \"react-hook-form\";\nimport { AvatarUpload, type AvatarUploadProps } from \"../avatar-uploader\";\n\ntype Props = Omit<AvatarUploadProps, \"onChange\" | \"src\"> & {\n  name: string;\n  rules?: RegisterOptions;\n  disabled?: boolean;\n};\n\nexport const FormAvatar = ({ name, rules, ...rest }: Props) => {\n  const { control } = useFormContext();\n\n  return (\n    <Controller\n      name={name}\n      rules={rules}\n      control={control}\n      render={({ field: { onChange, value = \"\" } }) => {\n        return (\n          <AvatarUpload\n            {...rest}\n            src={value}\n            onChange={onChange}\n          />\n        );\n      }}\n    />\n  );\n};\n"],"names":["FormAvatar","name","rules","rest","control","useFormContext","jsx","Controller","onChange","value","AvatarUpload"],"mappings":";;;AASO,MAAMA,IAAa,CAAC,EAAE,MAAAC,GAAM,OAAAC,GAAO,GAAGC,QAAkB;AAC7D,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA;AAEpB,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAN;AAAA,MACA,OAAAC;AAAA,MACA,SAAAE;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAAI,GAAU,OAAAC,IAAQ,GAAA,QAElC,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UACE,GAAGP;AAAA,UACJ,KAAKM;AAAA,UACL,UAAAD;AAAA,QAAA;AAAA,MAAA;AAAA,IAGN;AAAA,EAAA;AAGN;"}

package/dist/components-forms-form-contact-input.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),E=require("./utils-get-validation-state.cjs"),M=require("react"),d=require("./index.esm-ZdO9UZ3G.cjs"),T=require("./components-input-contact-input-contact.cjs"),V="+7 (000) 000-00-00",j=({name:e,rules:g,...s})=>{const[S,u]=M.useState(!1),{control:m,formState:{errors:c,touchedFields:f,isSubmitted:F},setValue:i,clearErrors:y}=d.useFormContext(),a=t=>t.replace(/\D/g,"").length>1,P=t=>{i(`${e}.type`,t),i(`${e}.value`,""),y()};return p.jsx(d.Controller,{name:`${e}.value`,rules:g,control:m,render:({field:{onChange:t,onBlur:h,value:n="",ref:l}})=>{const C=c[e].value?.message,r=typeof n=="string"?n:String(n??""),[_,q]=E.getValidationState(e,r,c,f,F,C),x=S||a(r);return p.jsx(T.InputContact,{...s,inputProps:{ref:l,onChange:t},inputPhoneProps:{mask:V,unmask:!1,lazy:!x,type:"tel",inputRef:l,onAccept:t,onFocus:o=>{u(!0),s.onFocus?.(o)},onBlur:o=>{a(o.currentTarget.value)||t(""),u(!1),h(),s.onBlur?.(o)}},onTypeChange:P,isValid:_,description:q,name:e,value:r})}})};exports.FormContactInput=j;
+//# sourceMappingURL=components-forms-form-contact-input.cjs.map

package/dist/components-forms-form-contact-input.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-forms-form-contact-input.cjs","sources":["../src/components/forms/form-contact-input.tsx"],"sourcesContent":["import { getValidationState } from \"@/utils/get-validation-state\";\nimport { useState } from \"react\";\n\nimport {\n  Controller,\n  useFormContext,\n  type FieldError,\n  type RegisterOptions,\n} from \"react-hook-form\";\nimport { InputContact, type TypesChange } from \"../input-contact\";\nimport type { InputProps } from \"../input-field\";\n\ntype Props = Omit<InputProps, \"value\" | \"onChange\" | \"ref\"> & {\n  name: string;\n  rules?: RegisterOptions;\n  disabled?: boolean;\n};\n\nconst PHONE_MASK_PATTERN = \"+7 (000) 000-00-00\";\n\nexport const FormContactInput = ({ name, rules, ...rest }: Props) => {\n  const [isFocused, setIsFocused] = useState(false);\n  const {\n    control,\n    formState: { errors, touchedFields, isSubmitted },\n    setValue,\n    clearErrors,\n  } = useFormContext();\n\n  const hasEnteredPhoneDigits = (value: string) => value.replace(/\\D/g, \"\").length > 1;\n\n  const onTypeChange = (newType: TypesChange) => {\n    setValue(`${name}.type`, newType);\n    setValue(`${name}.value`, \"\");\n    clearErrors();\n  };\n\n  return (\n    <Controller\n      name={`${name}.value`}\n      rules={rules}\n      control={control}\n      render={({ field: { onChange, onBlur, value = \"\", ref } }) => {\n        const customErrMsg = (errors[name] as { value?: FieldError }).value?.message;\n\n        const inputValue = typeof value === \"string\" ? value : String(value ?? \"\");\n        const [isValid, errorMsg] = getValidationState(\n          name,\n          inputValue,\n          errors,\n          touchedFields,\n          isSubmitted,\n          customErrMsg,\n        );\n        const shouldShowMask = isFocused || hasEnteredPhoneDigits(inputValue);\n\n        return (\n          <InputContact\n            {...rest}\n            inputProps={{\n              ref,\n              onChange,\n            }}\n            inputPhoneProps={{\n              mask: PHONE_MASK_PATTERN,\n              unmask: false,\n              lazy: !shouldShowMask,\n              type: \"tel\",\n              inputRef: ref,\n              onAccept: onChange,\n              onFocus: (event: React.FocusEvent<HTMLInputElement>) => {\n                setIsFocused(true);\n                rest.onFocus?.(event);\n              },\n              onBlur: (event: React.FocusEvent<HTMLInputElement>) => {\n                if (!hasEnteredPhoneDigits(event.currentTarget.value)) {\n                  onChange(\"\");\n                }\n                setIsFocused(false);\n                onBlur();\n                rest.onBlur?.(event);\n              },\n            }}\n            onTypeChange={onTypeChange}\n            isValid={isValid}\n            description={errorMsg}\n            name={name}\n            value={inputValue}\n          />\n        );\n      }}\n    />\n  );\n};\n"],"names":["PHONE_MASK_PATTERN","FormContactInput","name","rules","rest","isFocused","setIsFocused","useState","control","errors","touchedFields","isSubmitted","setValue","clearErrors","useFormContext","hasEnteredPhoneDigits","value","onTypeChange","newType","jsx","Controller","onChange","onBlur","ref","customErrMsg","inputValue","isValid","errorMsg","getValidationState","shouldShowMask","InputContact","event"],"mappings":"sRAkBMA,EAAqB,qBAEdC,EAAmB,CAAC,CAAE,KAAAC,EAAM,MAAAC,EAAO,GAAGC,KAAkB,CACnE,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAAS,EAAK,EAC1C,CACJ,QAAAC,EACA,UAAW,CAAE,OAAAC,EAAQ,cAAAC,EAAe,YAAAC,CAAA,EACpC,SAAAC,EACA,YAAAC,CAAA,EACEC,iBAAA,EAEEC,EAAyBC,GAAkBA,EAAM,QAAQ,MAAO,EAAE,EAAE,OAAS,EAE7EC,EAAgBC,GAAyB,CAC7CN,EAAS,GAAGV,CAAI,QAASgB,CAAO,EAChCN,EAAS,GAAGV,CAAI,SAAU,EAAE,EAC5BW,EAAA,CACF,EAEA,OACEM,EAAAA,IAACC,EAAAA,WAAA,CACC,KAAM,GAAGlB,CAAI,SACb,MAAAC,EACA,QAAAK,EACA,OAAQ,CAAC,CAAE,MAAO,CAAE,SAAAa,EAAU,OAAAC,EAAQ,MAAAN,EAAQ,GAAI,IAAAO,CAAA,KAAY,CAC5D,MAAMC,EAAgBf,EAAOP,CAAI,EAA6B,OAAO,QAE/DuB,EAAa,OAAOT,GAAU,SAAWA,EAAQ,OAAOA,GAAS,EAAE,EACnE,CAACU,EAASC,CAAQ,EAAIC,EAAAA,mBAC1B1B,EACAuB,EACAhB,EACAC,EACAC,EACAa,CAAA,EAEIK,EAAiBxB,GAAaU,EAAsBU,CAAU,EAEpE,OACEN,EAAAA,IAACW,EAAAA,aAAA,CACE,GAAG1B,EACJ,WAAY,CACV,IAAAmB,EACA,SAAAF,CAAA,EAEF,gBAAiB,CACf,KAAMrB,EACN,OAAQ,GACR,KAAM,CAAC6B,EACP,KAAM,MACN,SAAUN,EACV,SAAUF,EACV,QAAUU,GAA8C,CACtDzB,EAAa,EAAI,EACjBF,EAAK,UAAU2B,CAAK,CACtB,EACA,OAASA,GAA8C,CAChDhB,EAAsBgB,EAAM,cAAc,KAAK,GAClDV,EAAS,EAAE,EAEbf,EAAa,EAAK,EAClBgB,EAAA,EACAlB,EAAK,SAAS2B,CAAK,CACrB,CAAA,EAEF,aAAAd,EACA,QAAAS,EACA,YAAaC,EACb,KAAAzB,EACA,MAAOuB,CAAA,CAAA,CAGb,CAAA,CAAA,CAGN"}

package/dist/components-forms-form-contact-input.js

@@ -0,0 +1,66 @@
+import { jsx as p } from "react/jsx-runtime";
+import { getValidationState as T } from "./utils-get-validation-state.js";
+import { useState as V } from "react";
+import { a as k, C as x } from "./index.esm-CFsbc_Iq.js";
+import { InputContact as A } from "./components-input-contact-input-contact.js";
+const I = "+7 (000) 000-00-00", R = ({ name: o, rules: m, ...s }) => {
+  const [d, u] = V(!1), {
+    control: f,
+    formState: { errors: c, touchedFields: g, isSubmitted: F },
+    setValue: i,
+    clearErrors: S
+  } = k(), a = (t) => t.replace(/\D/g, "").length > 1, h = (t) => {
+    i(`${o}.type`, t), i(`${o}.value`, ""), S();
+  };
+  return /* @__PURE__ */ p(
+    x,
+    {
+      name: `${o}.value`,
+      rules: m,
+      control: f,
+      render: ({ field: { onChange: t, onBlur: P, value: e = "", ref: l } }) => {
+        const y = c[o].value?.message, n = typeof e == "string" ? e : String(e ?? ""), [E, C] = T(
+          o,
+          n,
+          c,
+          g,
+          F,
+          y
+        ), M = d || a(n);
+        return /* @__PURE__ */ p(
+          A,
+          {
+            ...s,
+            inputProps: {
+              ref: l,
+              onChange: t
+            },
+            inputPhoneProps: {
+              mask: I,
+              unmask: !1,
+              lazy: !M,
+              type: "tel",
+              inputRef: l,
+              onAccept: t,
+              onFocus: (r) => {
+                u(!0), s.onFocus?.(r);
+              },
+              onBlur: (r) => {
+                a(r.currentTarget.value) || t(""), u(!1), P(), s.onBlur?.(r);
+              }
+            },
+            onTypeChange: h,
+            isValid: E,
+            description: C,
+            name: o,
+            value: n
+          }
+        );
+      }
+    }
+  );
+};
+export {
+  R as FormContactInput
+};
+//# sourceMappingURL=components-forms-form-contact-input.js.map

package/dist/components-forms-form-contact-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-forms-form-contact-input.js","sources":["../src/components/forms/form-contact-input.tsx"],"sourcesContent":["import { getValidationState } from \"@/utils/get-validation-state\";\nimport { useState } from \"react\";\n\nimport {\n  Controller,\n  useFormContext,\n  type FieldError,\n  type RegisterOptions,\n} from \"react-hook-form\";\nimport { InputContact, type TypesChange } from \"../input-contact\";\nimport type { InputProps } from \"../input-field\";\n\ntype Props = Omit<InputProps, \"value\" | \"onChange\" | \"ref\"> & {\n  name: string;\n  rules?: RegisterOptions;\n  disabled?: boolean;\n};\n\nconst PHONE_MASK_PATTERN = \"+7 (000) 000-00-00\";\n\nexport const FormContactInput = ({ name, rules, ...rest }: Props) => {\n  const [isFocused, setIsFocused] = useState(false);\n  const {\n    control,\n    formState: { errors, touchedFields, isSubmitted },\n    setValue,\n    clearErrors,\n  } = useFormContext();\n\n  const hasEnteredPhoneDigits = (value: string) => value.replace(/\\D/g, \"\").length > 1;\n\n  const onTypeChange = (newType: TypesChange) => {\n    setValue(`${name}.type`, newType);\n    setValue(`${name}.value`, \"\");\n    clearErrors();\n  };\n\n  return (\n    <Controller\n      name={`${name}.value`}\n      rules={rules}\n      control={control}\n      render={({ field: { onChange, onBlur, value = \"\", ref } }) => {\n        const customErrMsg = (errors[name] as { value?: FieldError }).value?.message;\n\n        const inputValue = typeof value === \"string\" ? value : String(value ?? \"\");\n        const [isValid, errorMsg] = getValidationState(\n          name,\n          inputValue,\n          errors,\n          touchedFields,\n          isSubmitted,\n          customErrMsg,\n        );\n        const shouldShowMask = isFocused || hasEnteredPhoneDigits(inputValue);\n\n        return (\n          <InputContact\n            {...rest}\n            inputProps={{\n              ref,\n              onChange,\n            }}\n            inputPhoneProps={{\n              mask: PHONE_MASK_PATTERN,\n              unmask: false,\n              lazy: !shouldShowMask,\n              type: \"tel\",\n              inputRef: ref,\n              onAccept: onChange,\n              onFocus: (event: React.FocusEvent<HTMLInputElement>) => {\n                setIsFocused(true);\n                rest.onFocus?.(event);\n              },\n              onBlur: (event: React.FocusEvent<HTMLInputElement>) => {\n                if (!hasEnteredPhoneDigits(event.currentTarget.value)) {\n                  onChange(\"\");\n                }\n                setIsFocused(false);\n                onBlur();\n                rest.onBlur?.(event);\n              },\n            }}\n            onTypeChange={onTypeChange}\n            isValid={isValid}\n            description={errorMsg}\n            name={name}\n            value={inputValue}\n          />\n        );\n      }}\n    />\n  );\n};\n"],"names":["PHONE_MASK_PATTERN","FormContactInput","name","rules","rest","isFocused","setIsFocused","useState","control","errors","touchedFields","isSubmitted","setValue","clearErrors","useFormContext","hasEnteredPhoneDigits","value","onTypeChange","newType","jsx","Controller","onChange","onBlur","ref","customErrMsg","inputValue","isValid","errorMsg","getValidationState","shouldShowMask","InputContact","event"],"mappings":";;;;;AAkBA,MAAMA,IAAqB,sBAEdC,IAAmB,CAAC,EAAE,MAAAC,GAAM,OAAAC,GAAO,GAAGC,QAAkB;AACnE,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C;AAAA,IACJ,SAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,GAAQ,eAAAC,GAAe,aAAAC,EAAA;AAAA,IACpC,UAAAC;AAAA,IACA,aAAAC;AAAA,EAAA,IACEC,EAAA,GAEEC,IAAwB,CAACC,MAAkBA,EAAM,QAAQ,OAAO,EAAE,EAAE,SAAS,GAE7EC,IAAe,CAACC,MAAyB;AAC7C,IAAAN,EAAS,GAAGV,CAAI,SAASgB,CAAO,GAChCN,EAAS,GAAGV,CAAI,UAAU,EAAE,GAC5BW,EAAA;AAAA,EACF;AAEA,SACE,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAM,GAAGlB,CAAI;AAAA,MACb,OAAAC;AAAA,MACA,SAAAK;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAAa,GAAU,QAAAC,GAAQ,OAAAN,IAAQ,IAAI,KAAAO,EAAA,QAAY;AAC5D,cAAMC,IAAgBf,EAAOP,CAAI,EAA6B,OAAO,SAE/DuB,IAAa,OAAOT,KAAU,WAAWA,IAAQ,OAAOA,KAAS,EAAE,GACnE,CAACU,GAASC,CAAQ,IAAIC;AAAA,UAC1B1B;AAAA,UACAuB;AAAA,UACAhB;AAAA,UACAC;AAAA,UACAC;AAAA,UACAa;AAAA,QAAA,GAEIK,IAAiBxB,KAAaU,EAAsBU,CAAU;AAEpE,eACE,gBAAAN;AAAA,UAACW;AAAA,UAAA;AAAA,YACE,GAAG1B;AAAA,YACJ,YAAY;AAAA,cACV,KAAAmB;AAAA,cACA,UAAAF;AAAA,YAAA;AAAA,YAEF,iBAAiB;AAAA,cACf,MAAMrB;AAAA,cACN,QAAQ;AAAA,cACR,MAAM,CAAC6B;AAAA,cACP,MAAM;AAAA,cACN,UAAUN;AAAA,cACV,UAAUF;AAAA,cACV,SAAS,CAACU,MAA8C;AACtD,gBAAAzB,EAAa,EAAI,GACjBF,EAAK,UAAU2B,CAAK;AAAA,cACtB;AAAA,cACA,QAAQ,CAACA,MAA8C;AACrD,gBAAKhB,EAAsBgB,EAAM,cAAc,KAAK,KAClDV,EAAS,EAAE,GAEbf,EAAa,EAAK,GAClBgB,EAAA,GACAlB,EAAK,SAAS2B,CAAK;AAAA,cACrB;AAAA,YAAA;AAAA,YAEF,cAAAd;AAAA,YACA,SAAAS;AAAA,YACA,aAAaC;AAAA,YACb,MAAAzB;AAAA,YACA,OAAOuB;AAAA,UAAA;AAAA,QAAA;AAAA,MAGb;AAAA,IAAA;AAAA,EAAA;AAGN;"}