brd-ui-kit 0.1.79 → 0.1.81

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

@@ -1,3 +1,5 @@
+import { VariantProps } from 'class-variance-authority';
+import { dialogContentPositionVariants } from '../ui/dialog/dialog.styles';
 type Props = {
     open: boolean;
     onOpenChange: (value: boolean) => void;
@@ -16,6 +18,6 @@ type Props = {
     footer?: React.ReactNode;
     showCloseButton?: boolean;
     ariaDescribedby?: string;
-};
-export declare const BasicModal: ({ open, onOpenChange, title, cancelLabel, confirmLabel, onConfirm, children, classes, footer, showCloseButton, ariaDescribedby, }: Props) => import("react/jsx-runtime").JSX.Element;
+} & VariantProps<typeof dialogContentPositionVariants>;
+export declare const BasicModal: ({ open, onOpenChange, title, cancelLabel, confirmLabel, onConfirm, children, classes, footer, showCloseButton, ariaDescribedby, positionX, positionY, }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -13,6 +13,8 @@ type BaseProps = {
         fieldset?: string;
         fieldgroup?: string;
         field?: string;
+        inputgroup?: string;
+        inputaddon?: string;
     };
 };
 type InputFieldProps = BaseProps & ComponentPropsWithRef<"input">;

package/dist/components/transfer-list/index.d.ts

@@ -0,0 +1 @@
+export { TransferList, type TransferListItem } from './transfer-list';

package/dist/components/transfer-list/transfer-list-card.d.ts

@@ -0,0 +1,22 @@
+import { TransferListItem } from './transfer-list';
+import { IconTypes } from '../../types/types';
+type Props = {
+    items: TransferListItem[];
+    selectedSet: Set<string>;
+    onSelectItem: (id: string) => void;
+    onMoveItem: (itemId: string) => void;
+    direction: "left" | "right";
+    headerIcon?: {
+        type: IconTypes;
+        className: string;
+    };
+    headerButton?: {
+        icon: IconTypes;
+        onClick: () => void;
+        disabled: boolean;
+    };
+    showHeaderTooltip?: boolean;
+    showFooterIcons?: boolean;
+};
+export declare const TransferListCard: ({ items, selectedSet, onSelectItem, onMoveItem, direction, headerIcon, headerButton, showHeaderTooltip, showFooterIcons, }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/transfer-list/transfer-list.d.ts

@@ -0,0 +1,12 @@
+export type TransferListItem = {
+    id: string;
+    label: string;
+    disabled?: boolean;
+    inTarget: boolean;
+};
+type Props = {
+    list: TransferListItem[];
+    onChange: (item: TransferListItem[]) => void;
+};
+export declare const TransferList: ({ list, onChange }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/transfer-list.d.ts

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

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

@@ -1,6 +1,7 @@
 import { ComponentProps, ReactNode } from 'react';
 import { DayPicker, DayButton } from 'react-day-picker';
 import { Button } from '../button';
+export { type DateRange } from 'react-day-picker';
 type CalendarSize = "sm" | "md" | "lg";
 type CalendarPreset = {
     text: string;

package/dist/components/ui/calendar/index.d.ts

@@ -1,3 +1,3 @@
 export { Calendar } from './calendar';
 export { localeMode } from '../../../constants/calendar-locale';
-export type { CalendarPreset, CalendarProps } from './calendar';
+export type { CalendarPreset, CalendarProps, DateRange } from './calendar';

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

@@ -1,9 +1,11 @@
+import { VariantProps } from 'class-variance-authority';
 import { ComponentPropsWithRef, HTMLAttributes, FC, ForwardRefExoticComponent, RefAttributes } from 'react';
+import { dialogContentPositionVariants } from './dialog.styles';
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 type DialogOverlayProps = ComponentPropsWithRef<typeof DialogPrimitive.Overlay>;
 type DialogContentProps = ComponentPropsWithRef<typeof DialogPrimitive.Content> & {
     showCloseButton?: boolean;
-};
+} & VariantProps<typeof dialogContentPositionVariants>;
 type DialogTitleProps = ComponentPropsWithRef<typeof DialogPrimitive.Title>;
 type DialogDescriptionProps = ComponentPropsWithRef<typeof DialogPrimitive.Description>;
 declare const Dialog: FC<DialogPrimitive.DialogProps>;
@@ -15,7 +17,7 @@ declare const DialogOverlay: {
     displayName: string | undefined;
 };
 declare const DialogContent: {
-    ({ className, children, showCloseButton, ...props }: DialogContentProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, children, showCloseButton, positionX, positionY, ...props }: DialogContentProps): import("react/jsx-runtime").JSX.Element;
     displayName: string | undefined;
 };
 declare const DialogHeader: {

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

@@ -1,5 +1,10 @@
+import { ClassProp } from 'class-variance-authority/types';
 export declare const dialogOverlayClassNames: readonly ["data-open:animate-in data-closed:animate-out data-closed:fade-out-0", "data-open:fade-in-0 duration-100", "bg-primary-inverse-bg/20 fixed inset-0 isolate z-30"];
-export declare const dialogContentClassNames: readonly ["fixed left-[50%] top-[50%] z-50 grid translate-x-[-50%]", "translate-y-[-50%] gap-8 bg-primary-bg p-6 shadow-[0px_10px_40px_0px_rgba(0,0,0,0.15)] duration-200", "rounded-[8px]", "[&>[data-base-ui-portal]]:absolute [&>[data-base-ui-portal]]:h-0 [&>[data-base-ui-portal]]:w-0 [&>[data-base-ui-portal]]:overflow-visible", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0", "data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", "data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]"];
+export declare const dialogContentClassNames: readonly ["fixed z-50 grid gap-8 bg-primary-bg p-6 shadow-[0px_10px_40px_0px_rgba(0,0,0,0.15)] duration-200", "rounded-[8px]", "[&>[data-base-ui-portal]]:absolute [&>[data-base-ui-portal]]:h-0 [&>[data-base-ui-portal]]:w-0 [&>[data-base-ui-portal]]:overflow-visible", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0", "data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95"];
+export declare const dialogContentPositionVariants: (props?: ({
+    positionX?: "left" | "right" | "center" | null | undefined;
+    positionY?: "bottom" | "top" | "center" | null | undefined;
+} & ClassProp) | undefined) => string;
 export declare const dialogCloseClassNames: readonly ["absolute cursor-pointer right-6 top-7 inline-flex size-5 items-center justify-center rounded-sm text-secondary-text", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-inp-focus-border", "disabled:pointer-events-none"];
 export declare const dialogHeaderClassNames: readonly ["flex flex-col gap-1.5 pr-10 text-left"];
 export declare const dialogFooterClassNames: readonly ["flex flex-col-reverse sm:flex-row sm:justify-end gap-4 [&>*]:flex-1"];

package/dist/components/ui/dropdown-menu/dropdown-menu.d.ts

@@ -1,5 +1,5 @@
-import { ComponentPropsWithoutRef, ComponentRef, ReactNode, Ref } from 'react';
 import { DropdownMenu as DropdownMenuPrimitive } from 'radix-ui';
+import { ComponentPropsWithoutRef, ComponentRef, ReactNode, Ref } from 'react';
 import { IconType } from '../icon';
 type DropdownMenuRef = ComponentRef<typeof DropdownMenuPrimitive.Root>;
 type DropdownMenuProps = ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root> & {
@@ -98,5 +98,5 @@ type ConfigurableDropdownMenuProps = {
     contentProps?: Omit<DropdownMenuContentProps, "children">;
 };
 declare function ConfigurableDropdownMenu({ trigger, items, onAction, contentProps, }: ConfigurableDropdownMenuProps): import("react/jsx-runtime").JSX.Element;
-export { DropdownMenu, DropdownMenuContent, DropdownMenuCheckboxItem, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPrimitive, DropdownMenuSeparator, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ConfigurableDropdownMenu, CheckboxDropdownMenu, };
-export type { ConfigurableDropdownMenuProps, DropdownMenuConfigItem, DropdownMenuConfigLabel, DropdownMenuConfigNode, DropdownMenuConfigSeparator, DropdownMenuContentProps, DropdownMenuCheckboxItemProps, DropdownMenuCheckboxOption, DropdownMenuItemProps, DropdownMenuLabelProps, DropdownMenuProps, DropdownMenuSeparatorProps, DropdownMenuSubContentProps, DropdownMenuSubTriggerProps, DropdownMenuTriggerProps, CheckboxDropdownMenuProps, };
+export { CheckboxDropdownMenu, ConfigurableDropdownMenu, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPrimitive, DropdownMenuSeparator, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, };
+export type { CheckboxDropdownMenuProps, ConfigurableDropdownMenuProps, DropdownMenuCheckboxItemProps, DropdownMenuCheckboxOption, DropdownMenuConfigItem, DropdownMenuConfigLabel, DropdownMenuConfigNode, DropdownMenuConfigSeparator, DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuLabelProps, DropdownMenuProps, DropdownMenuSeparatorProps, DropdownMenuSubContentProps, DropdownMenuSubTriggerProps, DropdownMenuTriggerProps, };

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./brd-ui-kit.css');const e=require("react/jsx-runtime");;/* empty css                   */const r=require("./lib-utils.cjs");require("class-variance-authority");require("./components-ui-badge-badge.styles.cjs");require("./components-ui-button-button.cjs");require("./components-ui-button-button.styles.cjs");require("./components-ui-card-card.cjs");require("./components-ui-checkbox-checkbox.cjs");require("phosphor-strokes-icons/icons/CaretDown");require("react");require("./calendar-PqChui7l.cjs");const p=require("./components-ui-icon-icon.cjs");require("phosphor-strokes-icons/icons");require("./components-ui-combobox-combobox.cjs");require("./components-ui-dialog-dialog.cjs");require("./components-ui-label-label.cjs");require("./components-ui-separator-separator.cjs");require("./components-ui-field-field.styles.cjs");require("./components-ui-input-input.styles.cjs");require("./components-ui-textarea-textarea.cjs");require("./components-ui-input-group-input-group.styles.cjs");require("./components-ui-navigation-item-navigation-item.styles.cjs");require("./components-ui-navigation-menu-navigation-menu.styles.cjs");require("./components-ui-pagination-pagination.cjs");require("./components-ui-progress-progress.cjs");require("./components-ui-radio-group-radio-group.cjs");require("./components-ui-switch-switch.cjs");require("./components-ui-toggle-toggle.styles.cjs");require("./components-ui-toggle-group-toggle-group.cjs");require("./components-ui-table-table.cjs");require("./components-ui-tabs-tabs.cjs");require("./components-ui-tooltip-tooltip.cjs");const m=require("./components-ui-typography-typography.cjs");require("./components-ui-typography-typography.styles.cjs");const i=require("./components-ui-avatar-avatar.cjs");require("phosphor-strokes-icons/icons/CaretLeft");require("phosphor-strokes-icons/icons/CaretRight");require("./components-app-pagination-app-pagination.styles.cjs");require("phosphor-strokes-icons/icons/CaretUpDown");require("./components-app-sidebar-app-sidebar.styles.cjs");require("./components-data-table-data-table.styles.cjs");require("./components-ui-dropdown-menu-dropdown-menu.styles.cjs");require("phosphor-strokes-icons/icons/Eye");require("phosphor-strokes-icons/icons/EyeSlash");require("./components-select-field-select-field.cjs");require("./lodash-kqhtUJfz.cjs");require("./chart-9H_9wEfR.cjs");require("phosphor-strokes-icons/icons/CheckCircle");require("phosphor-strokes-icons/icons/Info");require("phosphor-strokes-icons/icons/SpinnerGap");require("phosphor-strokes-icons/icons/Warning");require("phosphor-strokes-icons/icons/X");require("phosphor-strokes-icons/icons/XCircle");require("./index-DGxwh2Ms.cjs");require("./index-fTTv8YY8.cjs");require("phosphor-strokes-icons/icons/Plus");require("phosphor-strokes-icons/icons/CaretUp");require("phosphor-strokes-icons/icons/EnvelopeSimple");require("phosphor-strokes-icons/icons/MaxLogo");require("phosphor-strokes-icons/icons/Phone");require("phosphor-strokes-icons/icons/TelegramLogo");require("phosphor-strokes-icons/icons/WhatsAppLogoFilled");require("./components-input-phone-input-phone.cjs");require("./components-card-info-card-info.styles.cjs");const x=({initials:u,avatar:q,fallback:s,image:t,icon:n,showDeleteOnHover:c=!0,onClick:o=()=>{}})=>{const a=e.jsxs(i.Avatar,{...q,className:r.cn("h-18 w-18",q?.className),children:[e.jsx(i.AvatarImage,{...t,alt:"avatar",className:r.cn("h-full w-full border-0",t?.className)}),e.jsx(i.AvatarFallback,{...s,children:e.jsx(m.Typography,{variant:"body-xxl-medium",className:r.cn("text-info-new-text",u?.className),children:u?.text})})]});return c?e.jsxs("div",{className:"relative inline-block",children:[a,e.jsx("div",{className:`text-primary-bg bg-primary-inverse-bg/50 absolute inset-0 flex
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./brd-ui-kit.css');const e=require("react/jsx-runtime");;/* empty css                   */const t=require("./lib-utils.cjs");require("class-variance-authority");require("./components-ui-badge-badge.styles.cjs");require("./components-ui-button-button.cjs");require("./components-ui-button-button.styles.cjs");require("./components-ui-card-card.cjs");require("./components-ui-checkbox-checkbox.cjs");require("phosphor-strokes-icons/icons/CaretDown");require("react");require("./calendar-PqChui7l.cjs");const p=require("./components-ui-icon-icon.cjs");require("phosphor-strokes-icons/icons");require("./components-ui-combobox-combobox.cjs");require("./components-ui-dialog-dialog.cjs");require("./components-ui-label-label.cjs");require("./components-ui-separator-separator.cjs");require("./components-ui-field-field.styles.cjs");require("./components-ui-input-input.styles.cjs");require("./components-ui-textarea-textarea.cjs");require("./components-ui-input-group-input-group.styles.cjs");require("./components-ui-navigation-item-navigation-item.styles.cjs");require("./components-ui-navigation-menu-navigation-menu.styles.cjs");require("./components-ui-pagination-pagination.cjs");require("./components-ui-progress-progress.cjs");require("./components-ui-radio-group-radio-group.cjs");require("./components-ui-switch-switch.cjs");require("./components-ui-toggle-toggle.styles.cjs");require("./components-ui-toggle-group-toggle-group.cjs");require("./components-ui-table-table.cjs");require("./components-ui-tabs-tabs.cjs");require("./components-ui-tooltip-tooltip.cjs");const m=require("./components-ui-typography-typography.cjs");require("./components-ui-typography-typography.styles.cjs");const q=require("./components-ui-avatar-avatar.cjs");require("phosphor-strokes-icons/icons/CaretLeft");require("phosphor-strokes-icons/icons/CaretRight");require("./components-app-pagination-app-pagination.styles.cjs");require("phosphor-strokes-icons/icons/CaretUpDown");require("./components-app-sidebar-app-sidebar.styles.cjs");require("./components-data-table-data-table.styles.cjs");require("./components-ui-dropdown-menu-dropdown-menu.styles.cjs");require("phosphor-strokes-icons/icons/Eye");require("phosphor-strokes-icons/icons/EyeSlash");require("./components-select-field-select-field.cjs");require("./lodash-kqhtUJfz.cjs");require("./chart-9H_9wEfR.cjs");require("phosphor-strokes-icons/icons/CheckCircle");require("phosphor-strokes-icons/icons/Info");require("phosphor-strokes-icons/icons/SpinnerGap");require("phosphor-strokes-icons/icons/Warning");require("phosphor-strokes-icons/icons/X");require("phosphor-strokes-icons/icons/XCircle");require("./index-DGxwh2Ms.cjs");require("./index-fTTv8YY8.cjs");require("phosphor-strokes-icons/icons/Plus");require("phosphor-strokes-icons/icons/CaretUp");require("phosphor-strokes-icons/icons/EnvelopeSimple");require("phosphor-strokes-icons/icons/MaxLogo");require("phosphor-strokes-icons/icons/Phone");require("phosphor-strokes-icons/icons/TelegramLogo");require("phosphor-strokes-icons/icons/WhatsAppLogoFilled");require("./components-input-phone-input-phone.cjs");require("./components-card-info-card-info.styles.cjs");const x=r=>{const[i,u]=r.trim().split(" ");return`${i[0].toUpperCase()}. ${u[0].toUpperCase()}.`},y=({initials:r,avatar:i,fallback:u,image:a,icon:n,showDeleteOnHover:c=!0,onClick:o=()=>{}})=>{const s=e.jsxs(q.Avatar,{...i,className:t.cn("h-18 w-18",i?.className),children:[e.jsx(q.AvatarImage,{...a,alt:"avatar",className:t.cn("h-full w-full border-0",a?.className)}),e.jsx(q.AvatarFallback,{...u,children:e.jsx(m.Typography,{variant:"body-xxl-medium",className:t.cn("text-info-new-text",r?.className),children:x(r?.text??"")})})]});return c?e.jsxs("div",{className:"relative inline-block",children:[s,e.jsx("div",{className:`text-primary-bg bg-primary-inverse-bg/50 absolute inset-0 flex
           cursor-pointer items-center justify-center rounded-full opacity-0
-          transition-opacity hover:opacity-100`,onClick:l=>l.stopPropagation(),children:e.jsx(p.Icon,{...n,type:"x",onClick:o})})]}):a};exports.BasicAvatar=x;
+          transition-opacity hover:opacity-100`,onClick:l=>l.stopPropagation(),children:e.jsx(p.Icon,{...n,type:"x",onClick:o})})]}):s};exports.BasicAvatar=y;
 //# sourceMappingURL=components-basic-avatar-basic-avatar.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"components-basic-avatar-basic-avatar.cjs","sources":["../src/components/basic-avatar/basic-avatar.tsx"],"sourcesContent":["import { Icon, Typography, cn } from \"@/index\";\nimport type { Avatar as AvatarPrimitive } from \"radix-ui\";\nimport { Avatar, AvatarFallback, AvatarImage } from \"../ui/avatar\";\nimport type { IconProps } from \"../ui/icon\";\n\ntype AvatarProps = React.ComponentProps<typeof AvatarPrimitive.Root> & {\n  size?: \"default\" | \"sm\" | \"lg\";\n};\ntype AvatarFallbackProps = React.ComponentProps<typeof AvatarPrimitive.Fallback>;\ntype AvatarImageProps = React.ComponentProps<typeof AvatarPrimitive.Image>;\n\ntype Props = {\n  initials?: {\n    text?: string;\n    className?: string;\n  };\n  hasBadge?: boolean;\n  avatar?: AvatarProps;\n  fallback?: AvatarFallbackProps;\n  image?: AvatarImageProps;\n  showDeleteOnHover?: boolean;\n  icon?: IconProps;\n  onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;\n};\n\nexport const BasicAvatar = ({\n  initials,\n  avatar,\n  fallback,\n  image,\n  icon,\n  showDeleteOnHover = true,\n  onClick = () => {},\n}: Props) => {\n  const content = (\n    <Avatar\n      {...avatar}\n      className={cn(\"h-18 w-18\", avatar?.className)}\n    >\n      <AvatarImage\n        {...image}\n        alt=\"avatar\"\n        className={cn(\"h-full w-full border-0\", image?.className)}\n      />\n      <AvatarFallback {...fallback}>\n        <Typography\n          variant=\"body-xxl-medium\"\n          className={cn(\"text-info-new-text\", initials?.className)}\n        >\n          {initials?.text}\n        </Typography>\n      </AvatarFallback>\n    </Avatar>\n  );\n\n  if (!showDeleteOnHover) {\n    return content;\n  }\n\n  return (\n    <div className=\"relative inline-block\">\n      {content}\n      <div\n        className=\"text-primary-bg bg-primary-inverse-bg/50 absolute inset-0 flex\n          cursor-pointer items-center justify-center rounded-full opacity-0\n          transition-opacity hover:opacity-100\"\n        onClick={(e) => e.stopPropagation()}\n      >\n        <Icon\n          {...icon}\n          type=\"x\"\n          onClick={onClick}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport type {\n  AvatarFallbackProps,\n  AvatarImageProps,\n  AvatarProps,\n  Props as BasicAvatarProps,\n};\n"],"names":["BasicAvatar","initials","avatar","fallback","image","icon","showDeleteOnHover","onClick","content","jsxs","Avatar","cn","jsx","AvatarImage","AvatarFallback","Typography","e","Icon"],"mappings":"4pGAyBO,MAAMA,EAAc,CAAC,CAC1B,SAAAC,EACA,OAAAC,EACA,SAAAC,EACA,MAAAC,EACA,KAAAC,EACA,kBAAAC,EAAoB,GACpB,QAAAC,EAAU,IAAM,CAAC,CACnB,IAAa,CACX,MAAMC,EACJC,EAAAA,KAACC,EAAAA,OAAA,CACE,GAAGR,EACJ,UAAWS,EAAAA,GAAG,YAAaT,GAAQ,SAAS,EAE5C,SAAA,CAAAU,EAAAA,IAACC,EAAAA,YAAA,CACE,GAAGT,EACJ,IAAI,SACJ,UAAWO,EAAAA,GAAG,yBAA0BP,GAAO,SAAS,CAAA,CAAA,EAE1DQ,EAAAA,IAACE,EAAAA,eAAA,CAAgB,GAAGX,EAClB,SAAAS,EAAAA,IAACG,EAAAA,WAAA,CACC,QAAQ,kBACR,UAAWJ,EAAAA,GAAG,qBAAsBV,GAAU,SAAS,EAEtD,SAAAA,GAAU,IAAA,CAAA,CACb,CACF,CAAA,CAAA,CAAA,EAIJ,OAAKK,EAKHG,EAAAA,KAAC,MAAA,CAAI,UAAU,wBACZ,SAAA,CAAAD,EACDI,EAAAA,IAAC,MAAA,CACC,UAAU;AAAA;AAAA,gDAGV,QAAUI,GAAMA,EAAE,gBAAA,EAElB,SAAAJ,EAAAA,IAACK,EAAAA,KAAA,CACE,GAAGZ,EACJ,KAAK,IACL,QAAAE,CAAA,CAAA,CACF,CAAA,CACF,EACF,EAlBOC,CAoBX"}
+{"version":3,"file":"components-basic-avatar-basic-avatar.cjs","sources":["../src/components/basic-avatar/basic-avatar.tsx"],"sourcesContent":["import { Icon, Typography, cn } from \"@/index\";\nimport type { Avatar as AvatarPrimitive } from \"radix-ui\";\nimport { Avatar, AvatarFallback, AvatarImage } from \"../ui/avatar\";\nimport type { IconProps } from \"../ui/icon\";\n\ntype AvatarProps = React.ComponentProps<typeof AvatarPrimitive.Root> & {\n  size?: \"default\" | \"sm\" | \"lg\";\n};\ntype AvatarFallbackProps = React.ComponentProps<typeof AvatarPrimitive.Fallback>;\ntype AvatarImageProps = React.ComponentProps<typeof AvatarPrimitive.Image>;\n\ntype Props = {\n  initials?: {\n    text?: string;\n    className?: string;\n  };\n  hasBadge?: boolean;\n  avatar?: AvatarProps;\n  fallback?: AvatarFallbackProps;\n  image?: AvatarImageProps;\n  showDeleteOnHover?: boolean;\n  icon?: IconProps;\n  onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;\n};\n\nconst getInitials = (fullName: string): string => {\n  const [firstName, lastName] = fullName.trim().split(\" \");\n  return `${firstName[0].toUpperCase()}. ${lastName[0].toUpperCase()}.`;\n};\n\nexport const BasicAvatar = ({\n  initials,\n  avatar,\n  fallback,\n  image,\n  icon,\n  showDeleteOnHover = true,\n  onClick = () => {},\n}: Props) => {\n  const content = (\n    <Avatar\n      {...avatar}\n      className={cn(\"h-18 w-18\", avatar?.className)}\n    >\n      <AvatarImage\n        {...image}\n        alt=\"avatar\"\n        className={cn(\"h-full w-full border-0\", image?.className)}\n      />\n      <AvatarFallback {...fallback}>\n        <Typography\n          variant=\"body-xxl-medium\"\n          className={cn(\"text-info-new-text\", initials?.className)}\n        >\n          {getInitials(initials?.text ?? \"\")}\n        </Typography>\n      </AvatarFallback>\n    </Avatar>\n  );\n\n  if (!showDeleteOnHover) {\n    return content;\n  }\n\n  return (\n    <div className=\"relative inline-block\">\n      {content}\n      <div\n        className=\"text-primary-bg bg-primary-inverse-bg/50 absolute inset-0 flex\n          cursor-pointer items-center justify-center rounded-full opacity-0\n          transition-opacity hover:opacity-100\"\n        onClick={(e) => e.stopPropagation()}\n      >\n        <Icon\n          {...icon}\n          type=\"x\"\n          onClick={onClick}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport type {\n  AvatarFallbackProps,\n  AvatarImageProps,\n  AvatarProps,\n  Props as BasicAvatarProps,\n};\n"],"names":["getInitials","fullName","firstName","lastName","BasicAvatar","initials","avatar","fallback","image","icon","showDeleteOnHover","onClick","content","jsxs","Avatar","cn","jsx","AvatarImage","AvatarFallback","Typography","e","Icon"],"mappings":"4pGAyBA,MAAMA,EAAeC,GAA6B,CAChD,KAAM,CAACC,EAAWC,CAAQ,EAAIF,EAAS,KAAA,EAAO,MAAM,GAAG,EACvD,MAAO,GAAGC,EAAU,CAAC,EAAE,YAAA,CAAa,KAAKC,EAAS,CAAC,EAAE,YAAA,CAAa,GACpE,EAEaC,EAAc,CAAC,CAC1B,SAAAC,EACA,OAAAC,EACA,SAAAC,EACA,MAAAC,EACA,KAAAC,EACA,kBAAAC,EAAoB,GACpB,QAAAC,EAAU,IAAM,CAAC,CACnB,IAAa,CACX,MAAMC,EACJC,EAAAA,KAACC,EAAAA,OAAA,CACE,GAAGR,EACJ,UAAWS,EAAAA,GAAG,YAAaT,GAAQ,SAAS,EAE5C,SAAA,CAAAU,EAAAA,IAACC,EAAAA,YAAA,CACE,GAAGT,EACJ,IAAI,SACJ,UAAWO,EAAAA,GAAG,yBAA0BP,GAAO,SAAS,CAAA,CAAA,EAE1DQ,EAAAA,IAACE,EAAAA,eAAA,CAAgB,GAAGX,EAClB,SAAAS,EAAAA,IAACG,EAAAA,WAAA,CACC,QAAQ,kBACR,UAAWJ,EAAAA,GAAG,qBAAsBV,GAAU,SAAS,EAEtD,SAAAL,EAAYK,GAAU,MAAQ,EAAE,CAAA,CAAA,CACnC,CACF,CAAA,CAAA,CAAA,EAIJ,OAAKK,EAKHG,EAAAA,KAAC,MAAA,CAAI,UAAU,wBACZ,SAAA,CAAAD,EACDI,EAAAA,IAAC,MAAA,CACC,UAAU;AAAA;AAAA,gDAGV,QAAUI,GAAMA,EAAE,gBAAA,EAElB,SAAAJ,EAAAA,IAACK,EAAAA,KAAA,CACE,GAAGZ,EACJ,KAAK,IACL,QAAAE,CAAA,CAAA,CACF,CAAA,CACF,EACF,EAlBOC,CAoBX"}

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

@@ -1,6 +1,6 @@
-import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
 import './brd-ui-kit.css';/* empty css                 */
-import { cn as t } from "./lib-utils.js";
+import { cn as m } from "./lib-utils.js";
 import "class-variance-authority";
 import "./components-ui-badge-badge.styles.js";
 import "./components-ui-button-button.js";
@@ -10,7 +10,7 @@ import "./components-ui-checkbox-checkbox.js";
 import "phosphor-strokes-icons/icons/CaretDown";
 import "react";
 import "./calendar-XWqEaWHP.js";
-import { Icon as d } from "./components-ui-icon-icon.js";
+import { Icon as f } from "./components-ui-icon-icon.js";
 import "phosphor-strokes-icons/icons";
 import "./components-ui-combobox-combobox.js";
 import "./components-ui-dialog-dialog.js";
@@ -31,7 +31,7 @@ import "./components-ui-toggle-group-toggle-group.js";
 import "./components-ui-table-table.js";
 import "./components-ui-tabs-tabs.js";
 import "./components-ui-tooltip-tooltip.js";
-import { Typography as f } from "./components-ui-typography-typography.js";
+import { Typography as d } from "./components-ui-typography-typography.js";
 import "./components-ui-typography-typography.styles.js";
 import { Avatar as u, AvatarImage as x, AvatarFallback as v } from "./components-ui-avatar-avatar.js";
 import "phosphor-strokes-icons/icons/CaretLeft";
@@ -63,63 +63,66 @@ import "phosphor-strokes-icons/icons/TelegramLogo";
 import "phosphor-strokes-icons/icons/WhatsAppLogoFilled";
 import "./components-input-phone-input-phone.js";
 import "./components-card-info-card-info.styles.js";
-const Cr = ({
-  initials: o,
-  avatar: i,
-  fallback: a,
-  image: m,
-  icon: n,
-  showDeleteOnHover: s = !0,
-  onClick: c = () => {
+const y = (r) => {
+  const [o, i] = r.trim().split(" ");
+  return `${o[0].toUpperCase()}. ${i[0].toUpperCase()}.`;
+}, $t = ({
+  initials: r,
+  avatar: o,
+  fallback: i,
+  image: p,
+  icon: s,
+  showDeleteOnHover: n = !0,
+  onClick: l = () => {
   }
 }) => {
-  const p = /* @__PURE__ */ e(
+  const e = /* @__PURE__ */ a(
     u,
     {
-      ...i,
-      className: t("h-18 w-18", i?.className),
+      ...o,
+      className: m("h-18 w-18", o?.className),
       children: [
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ t(
           x,
           {
-            ...m,
+            ...p,
             alt: "avatar",
-            className: t("h-full w-full border-0", m?.className)
+            className: m("h-full w-full border-0", p?.className)
           }
         ),
-        /* @__PURE__ */ r(v, { ...a, children: /* @__PURE__ */ r(
-          f,
+        /* @__PURE__ */ t(v, { ...i, children: /* @__PURE__ */ t(
+          d,
           {
             variant: "body-xxl-medium",
-            className: t("text-info-new-text", o?.className),
-            children: o?.text
+            className: m("text-info-new-text", r?.className),
+            children: y(r?.text ?? "")
           }
         ) })
       ]
     }
   );
-  return s ? /* @__PURE__ */ e("div", { className: "relative inline-block", children: [
-    p,
-    /* @__PURE__ */ r(
+  return n ? /* @__PURE__ */ a("div", { className: "relative inline-block", children: [
+    e,
+    /* @__PURE__ */ t(
       "div",
       {
         className: `text-primary-bg bg-primary-inverse-bg/50 absolute inset-0 flex
           cursor-pointer items-center justify-center rounded-full opacity-0
           transition-opacity hover:opacity-100`,
-        onClick: (l) => l.stopPropagation(),
-        children: /* @__PURE__ */ r(
-          d,
+        onClick: (c) => c.stopPropagation(),
+        children: /* @__PURE__ */ t(
+          f,
           {
-            ...n,
+            ...s,
             type: "x",
-            onClick: c
+            onClick: l
           }
         )
       }
     )
-  ] }) : p;
+  ] }) : e;
 };
 export {
-  Cr as BasicAvatar
+  $t as BasicAvatar
 };
 //# sourceMappingURL=components-basic-avatar-basic-avatar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"components-basic-avatar-basic-avatar.js","sources":["../src/components/basic-avatar/basic-avatar.tsx"],"sourcesContent":["import { Icon, Typography, cn } from \"@/index\";\nimport type { Avatar as AvatarPrimitive } from \"radix-ui\";\nimport { Avatar, AvatarFallback, AvatarImage } from \"../ui/avatar\";\nimport type { IconProps } from \"../ui/icon\";\n\ntype AvatarProps = React.ComponentProps<typeof AvatarPrimitive.Root> & {\n  size?: \"default\" | \"sm\" | \"lg\";\n};\ntype AvatarFallbackProps = React.ComponentProps<typeof AvatarPrimitive.Fallback>;\ntype AvatarImageProps = React.ComponentProps<typeof AvatarPrimitive.Image>;\n\ntype Props = {\n  initials?: {\n    text?: string;\n    className?: string;\n  };\n  hasBadge?: boolean;\n  avatar?: AvatarProps;\n  fallback?: AvatarFallbackProps;\n  image?: AvatarImageProps;\n  showDeleteOnHover?: boolean;\n  icon?: IconProps;\n  onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;\n};\n\nexport const BasicAvatar = ({\n  initials,\n  avatar,\n  fallback,\n  image,\n  icon,\n  showDeleteOnHover = true,\n  onClick = () => {},\n}: Props) => {\n  const content = (\n    <Avatar\n      {...avatar}\n      className={cn(\"h-18 w-18\", avatar?.className)}\n    >\n      <AvatarImage\n        {...image}\n        alt=\"avatar\"\n        className={cn(\"h-full w-full border-0\", image?.className)}\n      />\n      <AvatarFallback {...fallback}>\n        <Typography\n          variant=\"body-xxl-medium\"\n          className={cn(\"text-info-new-text\", initials?.className)}\n        >\n          {initials?.text}\n        </Typography>\n      </AvatarFallback>\n    </Avatar>\n  );\n\n  if (!showDeleteOnHover) {\n    return content;\n  }\n\n  return (\n    <div className=\"relative inline-block\">\n      {content}\n      <div\n        className=\"text-primary-bg bg-primary-inverse-bg/50 absolute inset-0 flex\n          cursor-pointer items-center justify-center rounded-full opacity-0\n          transition-opacity hover:opacity-100\"\n        onClick={(e) => e.stopPropagation()}\n      >\n        <Icon\n          {...icon}\n          type=\"x\"\n          onClick={onClick}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport type {\n  AvatarFallbackProps,\n  AvatarImageProps,\n  AvatarProps,\n  Props as BasicAvatarProps,\n};\n"],"names":["BasicAvatar","initials","avatar","fallback","image","icon","showDeleteOnHover","onClick","content","jsxs","Avatar","cn","jsx","AvatarImage","AvatarFallback","Typography","e","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBO,MAAMA,KAAc,CAAC;AAAA,EAC1B,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,mBAAAC,IAAoB;AAAA,EACpB,SAAAC,IAAU,MAAM;AAAA,EAAC;AACnB,MAAa;AACX,QAAMC,IACJ,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGR;AAAA,MACJ,WAAWS,EAAG,aAAaT,GAAQ,SAAS;AAAA,MAE5C,UAAA;AAAA,QAAA,gBAAAU;AAAA,UAACC;AAAA,UAAA;AAAA,YACE,GAAGT;AAAA,YACJ,KAAI;AAAA,YACJ,WAAWO,EAAG,0BAA0BP,GAAO,SAAS;AAAA,UAAA;AAAA,QAAA;AAAA,QAE1D,gBAAAQ,EAACE,GAAA,EAAgB,GAAGX,GAClB,UAAA,gBAAAS;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,WAAWJ,EAAG,sBAAsBV,GAAU,SAAS;AAAA,YAEtD,UAAAA,GAAU;AAAA,UAAA;AAAA,QAAA,EACb,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIJ,SAAKK,IAKH,gBAAAG,EAAC,OAAA,EAAI,WAAU,yBACZ,UAAA;AAAA,IAAAD;AAAA,IACD,gBAAAI;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA;AAAA;AAAA,QAGV,SAAS,CAACI,MAAMA,EAAE,gBAAA;AAAA,QAElB,UAAA,gBAAAJ;AAAA,UAACK;AAAA,UAAA;AAAA,YACE,GAAGZ;AAAA,YACJ,MAAK;AAAA,YACL,SAAAE;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EACF,GACF,IAlBOC;AAoBX;"}
+{"version":3,"file":"components-basic-avatar-basic-avatar.js","sources":["../src/components/basic-avatar/basic-avatar.tsx"],"sourcesContent":["import { Icon, Typography, cn } from \"@/index\";\nimport type { Avatar as AvatarPrimitive } from \"radix-ui\";\nimport { Avatar, AvatarFallback, AvatarImage } from \"../ui/avatar\";\nimport type { IconProps } from \"../ui/icon\";\n\ntype AvatarProps = React.ComponentProps<typeof AvatarPrimitive.Root> & {\n  size?: \"default\" | \"sm\" | \"lg\";\n};\ntype AvatarFallbackProps = React.ComponentProps<typeof AvatarPrimitive.Fallback>;\ntype AvatarImageProps = React.ComponentProps<typeof AvatarPrimitive.Image>;\n\ntype Props = {\n  initials?: {\n    text?: string;\n    className?: string;\n  };\n  hasBadge?: boolean;\n  avatar?: AvatarProps;\n  fallback?: AvatarFallbackProps;\n  image?: AvatarImageProps;\n  showDeleteOnHover?: boolean;\n  icon?: IconProps;\n  onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;\n};\n\nconst getInitials = (fullName: string): string => {\n  const [firstName, lastName] = fullName.trim().split(\" \");\n  return `${firstName[0].toUpperCase()}. ${lastName[0].toUpperCase()}.`;\n};\n\nexport const BasicAvatar = ({\n  initials,\n  avatar,\n  fallback,\n  image,\n  icon,\n  showDeleteOnHover = true,\n  onClick = () => {},\n}: Props) => {\n  const content = (\n    <Avatar\n      {...avatar}\n      className={cn(\"h-18 w-18\", avatar?.className)}\n    >\n      <AvatarImage\n        {...image}\n        alt=\"avatar\"\n        className={cn(\"h-full w-full border-0\", image?.className)}\n      />\n      <AvatarFallback {...fallback}>\n        <Typography\n          variant=\"body-xxl-medium\"\n          className={cn(\"text-info-new-text\", initials?.className)}\n        >\n          {getInitials(initials?.text ?? \"\")}\n        </Typography>\n      </AvatarFallback>\n    </Avatar>\n  );\n\n  if (!showDeleteOnHover) {\n    return content;\n  }\n\n  return (\n    <div className=\"relative inline-block\">\n      {content}\n      <div\n        className=\"text-primary-bg bg-primary-inverse-bg/50 absolute inset-0 flex\n          cursor-pointer items-center justify-center rounded-full opacity-0\n          transition-opacity hover:opacity-100\"\n        onClick={(e) => e.stopPropagation()}\n      >\n        <Icon\n          {...icon}\n          type=\"x\"\n          onClick={onClick}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport type {\n  AvatarFallbackProps,\n  AvatarImageProps,\n  AvatarProps,\n  Props as BasicAvatarProps,\n};\n"],"names":["getInitials","fullName","firstName","lastName","BasicAvatar","initials","avatar","fallback","image","icon","showDeleteOnHover","onClick","content","jsxs","Avatar","cn","jsx","AvatarImage","AvatarFallback","Typography","e","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAMA,IAAc,CAACC,MAA6B;AAChD,QAAM,CAACC,GAAWC,CAAQ,IAAIF,EAAS,KAAA,EAAO,MAAM,GAAG;AACvD,SAAO,GAAGC,EAAU,CAAC,EAAE,YAAA,CAAa,KAAKC,EAAS,CAAC,EAAE,YAAA,CAAa;AACpE,GAEaC,KAAc,CAAC;AAAA,EAC1B,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,mBAAAC,IAAoB;AAAA,EACpB,SAAAC,IAAU,MAAM;AAAA,EAAC;AACnB,MAAa;AACX,QAAMC,IACJ,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGR;AAAA,MACJ,WAAWS,EAAG,aAAaT,GAAQ,SAAS;AAAA,MAE5C,UAAA;AAAA,QAAA,gBAAAU;AAAA,UAACC;AAAA,UAAA;AAAA,YACE,GAAGT;AAAA,YACJ,KAAI;AAAA,YACJ,WAAWO,EAAG,0BAA0BP,GAAO,SAAS;AAAA,UAAA;AAAA,QAAA;AAAA,QAE1D,gBAAAQ,EAACE,GAAA,EAAgB,GAAGX,GAClB,UAAA,gBAAAS;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,WAAWJ,EAAG,sBAAsBV,GAAU,SAAS;AAAA,YAEtD,UAAAL,EAAYK,GAAU,QAAQ,EAAE;AAAA,UAAA;AAAA,QAAA,EACnC,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIJ,SAAKK,IAKH,gBAAAG,EAAC,OAAA,EAAI,WAAU,yBACZ,UAAA;AAAA,IAAAD;AAAA,IACD,gBAAAI;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA;AAAA;AAAA,QAGV,SAAS,CAACI,MAAMA,EAAE,gBAAA;AAAA,QAElB,UAAA,gBAAAJ;AAAA,UAACK;AAAA,UAAA;AAAA,YACE,GAAGZ;AAAA,YACJ,MAAK;AAAA,YACL,SAAAE;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EACF,GACF,IAlBOC;AAoBX;"}

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"),n=require("./components-ui-button-button.cjs");require("./components-ui-button-button.styles.cjs");const o=require("./components-ui-dialog-dialog.cjs"),g=({open:a,onOpenChange:l,title:r,cancelLabel:s="Отмена",confirmLabel:c="Ок",onConfirm:d,children:u,classes:i,footer:t,showCloseButton:j=!1,ariaDescribedby:m=void 0})=>{const x=()=>{l(!1)},h=()=>{d?.(),l(!1)},b=t===void 0?e.jsxs(o.DialogFooter,{className:i?.footer,children:[e.jsx(n.Button,{variant:"secondary",onClick:x,children:s}),e.jsx(n.Button,{onClick:h,children:c})]}):t;return e.jsx(o.Dialog,{open:a,onOpenChange:l,children:e.jsxs(o.DialogContent,{"aria-describedby":m,showCloseButton:j,children:[r&&e.jsx(o.DialogHeader,{className:i?.header,children:e.jsx(o.DialogTitle,{className:i?.title,children:r})}),e.jsx("div",{className:i?.body,children:u}),b]})})};exports.BasicModal=g;
+"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=_;
 //# 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 { Button } from \"../ui/button\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from \"../ui/dialog\";\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};\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}: 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      >\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","handleCancelClick","handleConfirmClick","resolvedFooter","DialogFooter","jsx","Button","Dialog","jsxs","DialogContent","DialogHeader","DialogTitle"],"mappings":"6QA6BaA,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,MACpB,IAAa,CACX,MAAMC,EAAoB,IAAM,CAC9BV,EAAa,EAAK,CACpB,EAEMW,EAAqB,IAAM,CAC/BP,IAAA,EACAJ,EAAa,EAAK,CACpB,EAEMY,EACJL,IAAW,cACRM,eAAA,CAAa,UAAWP,GAAS,OAChC,SAAA,CAAAQ,EAAAA,IAACC,EAAAA,OAAA,CACC,QAAQ,YACR,QAASL,EAER,SAAAR,CAAA,CAAA,EAEHY,EAAAA,IAACC,EAAAA,OAAA,CAAO,QAASJ,EAAqB,SAAAR,CAAA,CAAa,CAAA,CAAA,CACrD,EAEAI,EAGJ,OACEO,EAAAA,IAACE,EAAAA,OAAA,CACC,KAAAjB,EACA,aAAAC,EAEA,SAAAiB,EAAAA,KAACC,EAAAA,cAAA,CACC,mBAAkBT,EAClB,gBAAAD,EAEC,SAAA,CAAAP,GACCa,EAAAA,IAACK,eAAA,CAAa,UAAWb,GAAS,OAChC,SAAAQ,EAAAA,IAACM,EAAAA,YAAA,CAAY,UAAWd,GAAS,MAAQ,SAAAL,CAAA,CAAM,EACjD,EAEFa,EAAAA,IAAC,MAAA,CAAI,UAAWR,GAAS,KAAO,SAAAD,EAAS,EACxCO,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  };\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"}

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

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

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 { Button } from \"../ui/button\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from \"../ui/dialog\";\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};\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}: 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      >\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","handleCancelClick","handleConfirmClick","resolvedFooter","DialogFooter","jsx","Button","Dialog","jsxs","DialogContent","DialogHeader","DialogTitle"],"mappings":";;;;AA6BO,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;AACpB,MAAa;AACX,QAAMC,IAAoB,MAAM;AAC9B,IAAAV,EAAa,EAAK;AAAA,EACpB,GAEMW,IAAqB,MAAM;AAC/B,IAAAP,IAAA,GACAJ,EAAa,EAAK;AAAA,EACpB,GAEMY,IACJL,MAAW,2BACRM,GAAA,EAAa,WAAWP,GAAS,QAChC,UAAA;AAAA,IAAA,gBAAAQ;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,SAASL;AAAA,QAER,UAAAR;AAAA,MAAA;AAAA,IAAA;AAAA,IAEH,gBAAAY,EAACC,GAAA,EAAO,SAASJ,GAAqB,UAAAR,EAAA,CAAa;AAAA,EAAA,EAAA,CACrD,IAEAI;AAGJ,SACE,gBAAAO;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,MAAAjB;AAAA,MACA,cAAAC;AAAA,MAEA,UAAA,gBAAAiB;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,oBAAkBT;AAAA,UAClB,iBAAAD;AAAA,UAEC,UAAA;AAAA,YAAAP,KACC,gBAAAa,EAACK,GAAA,EAAa,WAAWb,GAAS,QAChC,UAAA,gBAAAQ,EAACM,GAAA,EAAY,WAAWd,GAAS,OAAQ,UAAAL,EAAA,CAAM,GACjD;AAAA,YAEF,gBAAAa,EAAC,OAAA,EAAI,WAAWR,GAAS,MAAO,UAAAD,GAAS;AAAA,YACxCO;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  };\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;"}

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

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./brd-ui-kit.css');const r=require("react/jsx-runtime"),j=require("phosphor-strokes-icons/icons/CaretDown"),y=require("phosphor-strokes-icons/icons/CaretUp"),_=require("phosphor-strokes-icons/icons/EnvelopeSimple"),k=require("phosphor-strokes-icons/icons/MaxLogo"),S=require("phosphor-strokes-icons/icons/Phone"),i=require("./components-icons-stroke-icon.cjs"),T=require("phosphor-strokes-icons/icons/TelegramLogo"),L=require("phosphor-strokes-icons/icons/WhatsAppLogoFilled");;/* empty css                   */const C=require("./lib-utils.cjs");require("class-variance-authority");require("./components-ui-badge-badge.styles.cjs");const F=require("./components-ui-button-button.cjs");require("./components-ui-button-button.styles.cjs");require("./components-ui-card-card.cjs");require("./components-ui-checkbox-checkbox.cjs");const N=require("./hooks-usePopupControls.cjs");require("./calendar-PqChui7l.cjs");require("phosphor-strokes-icons/icons");require("./components-ui-combobox-combobox.cjs");require("./components-ui-dialog-dialog.cjs");const c=require("react");require("./components-ui-label-label.cjs");require("./components-ui-separator-separator.cjs");require("./components-ui-field-field.styles.cjs");require("./components-ui-input-input.styles.cjs");require("./components-ui-textarea-textarea.cjs");require("./components-ui-input-group-input-group.styles.cjs");require("./components-ui-navigation-item-navigation-item.styles.cjs");require("./components-ui-navigation-menu-navigation-menu.styles.cjs");require("./components-ui-pagination-pagination.cjs");require("./components-ui-progress-progress.cjs");require("./components-ui-radio-group-radio-group.cjs");require("./components-ui-switch-switch.cjs");require("./components-ui-toggle-toggle.styles.cjs");require("./components-ui-toggle-group-toggle-group.cjs");require("./components-ui-table-table.cjs");require("./components-ui-tabs-tabs.cjs");require("./components-ui-tooltip-tooltip.cjs");require("./components-ui-typography-typography.styles.cjs");require("phosphor-strokes-icons/icons/CaretLeft");require("phosphor-strokes-icons/icons/CaretRight");require("./components-app-pagination-app-pagination.styles.cjs");require("phosphor-strokes-icons/icons/CaretUpDown");require("./components-app-sidebar-app-sidebar.styles.cjs");require("./components-data-table-data-table.styles.cjs");require("./components-ui-dropdown-menu-dropdown-menu.styles.cjs");const z=require("./components-input-field-input-field.cjs");require("phosphor-strokes-icons/icons/Eye");require("phosphor-strokes-icons/icons/EyeSlash");require("./components-select-field-select-field.cjs");require("./lodash-kqhtUJfz.cjs");require("./chart-9H_9wEfR.cjs");require("phosphor-strokes-icons/icons/CheckCircle");require("phosphor-strokes-icons/icons/Info");require("phosphor-strokes-icons/icons/SpinnerGap");require("phosphor-strokes-icons/icons/Warning");require("phosphor-strokes-icons/icons/X");require("phosphor-strokes-icons/icons/XCircle");require("./index-DGxwh2Ms.cjs");require("./index-fTTv8YY8.cjs");require("phosphor-strokes-icons/icons/Plus");const D=require("./components-input-phone-input-phone.cjs");require("./components-card-info-card-info.styles.cjs");const E=[{label:"Мобильный",icon:"phone"},{label:"Telegram",icon:"telegram-logo"},{label:"WhatsApp",icon:"whats-app-logo-filled"},{label:"Max",icon:"max-logo"},{label:"E-mail",icon:"envelope-simple"}],h={phone:S.Phone,"telegram-logo":T.TelegramLogo,"whats-app-logo-filled":L.WhatsAppLogoFilled,"max-logo":k.MaxLogo,"envelope-simple":_.EnvelopeSimple},x=o=>{switch(o){case"max-logo":return{bgColor:"bg-[linear-gradient(135deg,#9933DD_0%,#2831B9_50%,#44CCFF_100%)]"};case"telegram-logo":return{bgColor:"bg-[#289AD2]"};case"whats-app-logo-filled":return{bgColor:"bg-[#00C202]",textColor:"text-[#00C202]"};default:return{}}},a=o=>({wrapper:C.cn(`flex h-5.5 w-5.5 shrink-0 items-center justify-center rounded-sm
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./brd-ui-kit.css');const r=require("react/jsx-runtime"),P=require("phosphor-strokes-icons/icons/CaretDown"),j=require("phosphor-strokes-icons/icons/CaretUp"),_=require("phosphor-strokes-icons/icons/EnvelopeSimple"),k=require("phosphor-strokes-icons/icons/MaxLogo"),S=require("phosphor-strokes-icons/icons/Phone"),i=require("./components-icons-stroke-icon.cjs"),T=require("phosphor-strokes-icons/icons/TelegramLogo"),L=require("phosphor-strokes-icons/icons/WhatsAppLogoFilled");;/* empty css                   */const b=require("./lib-utils.cjs");require("class-variance-authority");require("./components-ui-badge-badge.styles.cjs");const z=require("./components-ui-button-button.cjs");require("./components-ui-button-button.styles.cjs");require("./components-ui-card-card.cjs");require("./components-ui-checkbox-checkbox.cjs");const F=require("./hooks-usePopupControls.cjs");require("./calendar-PqChui7l.cjs");require("phosphor-strokes-icons/icons");require("./components-ui-combobox-combobox.cjs");require("./components-ui-dialog-dialog.cjs");const c=require("react");require("./components-ui-label-label.cjs");require("./components-ui-separator-separator.cjs");require("./components-ui-field-field.styles.cjs");require("./components-ui-input-input.styles.cjs");require("./components-ui-textarea-textarea.cjs");require("./components-ui-input-group-input-group.styles.cjs");require("./components-ui-navigation-item-navigation-item.styles.cjs");require("./components-ui-navigation-menu-navigation-menu.styles.cjs");require("./components-ui-pagination-pagination.cjs");require("./components-ui-progress-progress.cjs");require("./components-ui-radio-group-radio-group.cjs");require("./components-ui-switch-switch.cjs");require("./components-ui-toggle-toggle.styles.cjs");require("./components-ui-toggle-group-toggle-group.cjs");require("./components-ui-table-table.cjs");require("./components-ui-tabs-tabs.cjs");require("./components-ui-tooltip-tooltip.cjs");require("./components-ui-typography-typography.styles.cjs");require("phosphor-strokes-icons/icons/CaretLeft");require("phosphor-strokes-icons/icons/CaretRight");require("./components-app-pagination-app-pagination.styles.cjs");require("phosphor-strokes-icons/icons/CaretUpDown");require("./components-app-sidebar-app-sidebar.styles.cjs");require("./components-data-table-data-table.styles.cjs");require("./components-ui-dropdown-menu-dropdown-menu.styles.cjs");const N=require("./components-input-field-input-field.cjs");require("phosphor-strokes-icons/icons/Eye");require("phosphor-strokes-icons/icons/EyeSlash");require("./components-select-field-select-field.cjs");require("./lodash-kqhtUJfz.cjs");require("./chart-9H_9wEfR.cjs");require("phosphor-strokes-icons/icons/CheckCircle");require("phosphor-strokes-icons/icons/Info");require("phosphor-strokes-icons/icons/SpinnerGap");require("phosphor-strokes-icons/icons/Warning");require("phosphor-strokes-icons/icons/X");require("phosphor-strokes-icons/icons/XCircle");require("./index-DGxwh2Ms.cjs");require("./index-fTTv8YY8.cjs");require("phosphor-strokes-icons/icons/Plus");const D=require("./components-input-phone-input-phone.cjs");require("./components-card-info-card-info.styles.cjs");const E=[{label:"Мобильный",icon:"phone"},{label:"Telegram",icon:"telegram-logo"},{label:"WhatsApp",icon:"whats-app-logo-filled"},{label:"Max",icon:"max-logo"},{label:"E-mail",icon:"envelope-simple"}],h={phone:S.Phone,"telegram-logo":T.TelegramLogo,"whats-app-logo-filled":L.WhatsAppLogoFilled,"max-logo":k.MaxLogo,"envelope-simple":_.EnvelopeSimple},x=o=>{switch(o){case"max-logo":return{bgColor:"bg-[linear-gradient(135deg,#9933DD_0%,#2831B9_50%,#44CCFF_100%)]"};case"telegram-logo":return{bgColor:"bg-[#289AD2]"};case"whats-app-logo-filled":return{bgColor:"bg-[#00C202]",textColor:"text-primary-inverse-text"};default:return{}}},a=o=>({wrapper:b.cn(`flex h-5.5 w-5.5 shrink-0 items-center justify-center rounded-sm
     ${x(o).bgColor??"bg-primary-inverse-hover-bg"}
-    ${x(o).textColor??"text-primary-inverse-text"}`),icon:"size-5 shrink-0"}),O=o=>{const{inputProps:b,inputPhoneProps:f,onTypeChange:v,...p}=o,[n,I]=c.useState("phone"),{isOpened:s,openPopup:q,closePopup:u}=N.usePopupControls(),l=c.useRef(null);c.useEffect(()=>{const e=t=>{l.current&&!l.current.contains(t.target)&&u()};return s&&document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[s,u]);const m=e=>{switch(e){case"phone":return"+7 (999) 999-99-99";case"telegram-logo":return"@username";case"whats-app-logo-filled":return"+7 (999) 999-99-99";case"max-logo":return"ID пользователя Max";case"envelope-simple":return"example@mail.com";default:return"Введите значение"}},w=e=>()=>{I(e),v?.(e),u()},d=h[n],g=s?y.CaretUp:j.CaretDown;return r.jsxs("div",{className:C.cn("relative",o.classes?.container),children:[["telegram-logo","max-logo","envelope-simple"].includes(n)?r.jsx(z.InputField,{...b,...p,date:[{id:"0",position:"inline-start",component:r.jsx(i.StrokeIcon,{icon:d,size:"medium",classes:a(n)})},{id:"1",position:"inline-end",component:r.jsx(i.StrokeIcon,{icon:g,size:"medium",className:"cursor-pointer",onClick:q})}],placeholder:m(n)}):r.jsx(D.InputPhone,{...f,...p,date:[{id:"0",position:"inline-start",component:r.jsx(i.StrokeIcon,{icon:d,size:"medium",classes:a(n)})},{id:"1",position:"inline-end",component:r.jsx(i.StrokeIcon,{icon:g,size:"medium",className:"cursor-pointer",onClick:q})}],placeholder:m(n)}),s&&r.jsx("div",{className:`border-inp-hover-border bg-primary-bg absolute my-2 flex w-full
-            flex-col rounded-xl border`,ref:l,children:E.map(({label:e,icon:t})=>{const P=h[t];return r.jsxs(F.Button,{variant:"ghost",className:"flex w-full justify-start",type:"button",onClick:w(t),children:[r.jsx(i.StrokeIcon,{icon:P,size:"medium",className:"text-primary-inverse-text",classes:a(t)}),e]},e)})})]})};exports.InputContact=O;
+    ${x(o).textColor??"text-primary-inverse-text"}`),icon:"size-5 shrink-0"}),O=o=>{const{inputProps:C,inputPhoneProps:f,onTypeChange:v,...p}=o,[n,I]=c.useState("phone"),{isOpened:s,openPopup:q,closePopup:u}=F.usePopupControls(),l=c.useRef(null);c.useEffect(()=>{const e=t=>{l.current&&!l.current.contains(t.target)&&u()};return s&&document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[s,u]);const m=e=>{switch(e){case"phone":return"+7 (999) 999-99-99";case"telegram-logo":return"@username";case"whats-app-logo-filled":return"+7 (999) 999-99-99";case"max-logo":return"ID пользователя Max";case"envelope-simple":return"example@mail.com";default:return"Введите значение"}},w=e=>()=>{I(e),v?.(e),u()},d=h[n],g=s?j.CaretUp:P.CaretDown;return r.jsxs("div",{className:b.cn("relative",o.classes?.container),children:[["telegram-logo","max-logo","envelope-simple"].includes(n)?r.jsx(N.InputField,{...C,...p,date:[{id:"0",position:"inline-start",component:r.jsx(i.StrokeIcon,{icon:d,size:"medium",classes:a(n)})},{id:"1",position:"inline-end",component:r.jsx(i.StrokeIcon,{icon:g,size:"medium",className:"cursor-pointer",onClick:q})}],placeholder:m(n)}):r.jsx(D.InputPhone,{...f,...p,date:[{id:"0",position:"inline-start",component:r.jsx(i.StrokeIcon,{icon:d,size:"medium",classes:a(n)})},{id:"1",position:"inline-end",component:r.jsx(i.StrokeIcon,{icon:g,size:"medium",className:"cursor-pointer",onClick:q})}],placeholder:m(n)}),s&&r.jsx("div",{className:`border-inp-hover-border bg-primary-bg absolute z-100 my-2 flex w-full
+            flex-col rounded-xl border`,ref:l,children:E.map(({label:e,icon:t})=>{const y=h[t];return r.jsxs(z.Button,{variant:"ghost",className:"flex w-full justify-start",type:"button",onClick:w(t),children:[r.jsx(i.StrokeIcon,{icon:y,size:"medium",className:"text-primary-inverse-text",classes:a(t)}),e]},e)})})]})};exports.InputContact=O;
 //# sourceMappingURL=components-input-contact-input-contact.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"components-input-contact-input-contact.cjs","sources":["../src/constants/contact-input.ts","../src/components/input-contact/input-contact.tsx"],"sourcesContent":["import type { TOption } from \"@/components/input-contact/input-contact\";\n\nexport const OPTIONS: TOption[] = [\n  {\n    label: \"Мобильный\",\n    icon: \"phone\",\n  },\n  {\n    label: \"Telegram\",\n    icon: \"telegram-logo\",\n  },\n  {\n    label: \"WhatsApp\",\n    icon: \"whats-app-logo-filled\",\n  },\n  {\n    label: \"Max\",\n    icon: \"max-logo\",\n  },\n  {\n    label: \"E-mail\",\n    icon: \"envelope-simple\",\n  },\n];\n","import { OPTIONS } from \"@/constants/contact-input\";\nimport { CaretDown } from \"@/components/icons/CaretDown\";\nimport { CaretUp } from \"@/components/icons/CaretUp\";\nimport { EnvelopeSimple } from \"@/components/icons/EnvelopeSimple\";\nimport { MaxLogo } from \"@/components/icons/MaxLogo\";\nimport { Phone } from \"@/components/icons/Phone\";\nimport { StrokeIcon, type StrokeIconComponent } from \"@/components/icons/stroke-icon\";\nimport { TelegramLogo } from \"@/components/icons/TelegramLogo\";\nimport { WhatsAppLogoFilled } from \"@/components/icons/WhatsAppLogoFilled\";\nimport {\n  Button,\n  InputField,\n  InputPhone,\n  cn,\n  usePopupControls,\n  type InputPhoneProps,\n} from \"@/index\";\nimport { useEffect, useRef, useState } from \"react\";\n\nexport type TOption = {\n  label: string;\n  icon: TypesChange;\n};\n\ntype TypesChange =\n  | \"phone\"\n  | \"telegram-logo\"\n  | \"whats-app-logo-filled\"\n  | \"max-logo\"\n  | \"envelope-simple\";\n\nconst contactIcons: Record<TypesChange, StrokeIconComponent> = {\n  phone: Phone,\n  \"telegram-logo\": TelegramLogo,\n  \"whats-app-logo-filled\": WhatsAppLogoFilled,\n  \"max-logo\": MaxLogo,\n  \"envelope-simple\": EnvelopeSimple,\n};\n\ntype Props = {\n  isValid?: boolean;\n  label?: string;\n  description?: string;\n  classes?: {\n    fieldset?: string;\n    fieldgroup?: string;\n    field?: string;\n    container?: string;\n  };\n  value?: string;\n  name?: string;\n  onTypeChange?: (type: TypesChange) => void;\n  inputProps: React.ComponentPropsWithRef<\"input\">;\n  inputPhoneProps: InputPhoneProps;\n};\n\n// TODO: заменить цвета\nconst iconStyles = (icon: TypesChange) => {\n  switch (icon) {\n    case \"max-logo\":\n      return {\n        bgColor: \"bg-[linear-gradient(135deg,#9933DD_0%,#2831B9_50%,#44CCFF_100%)]\",\n      };\n\n    case \"telegram-logo\":\n      return {\n        bgColor: \"bg-[#289AD2]\",\n      };\n\n    case \"whats-app-logo-filled\":\n      return {\n        bgColor: \"bg-[#00C202]\",\n        textColor: \"text-[#00C202]\",\n      };\n\n    default:\n      return {};\n  }\n};\n\nconst getContactIconClasses = (icon: TypesChange) => ({\n  wrapper: cn(\n    `flex h-5.5 w-5.5 shrink-0 items-center justify-center rounded-sm\n    ${iconStyles(icon).bgColor ?? \"bg-primary-inverse-hover-bg\"}\n    ${iconStyles(icon).textColor ?? \"text-primary-inverse-text\"}`,\n  ),\n  icon: \"size-5 shrink-0\",\n});\n\nexport const InputContact = (props: Props) => {\n  const { inputProps, inputPhoneProps, onTypeChange, ...rest } = props;\n\n  const [type, setType] = useState<TypesChange>(\"phone\");\n  const { isOpened, openPopup, closePopup } = usePopupControls();\n  const wrapperRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (wrapperRef.current && !wrapperRef.current.contains(event.target as Node)) {\n        closePopup();\n      }\n    };\n\n    if (isOpened) {\n      document.addEventListener(\"mousedown\", handleClickOutside);\n    }\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [isOpened, closePopup]);\n\n  const getPlaceholder = (type: TypesChange): string => {\n    switch (type) {\n      case \"phone\":\n        return \"+7 (999) 999-99-99\";\n      case \"telegram-logo\":\n        return \"@username\";\n      case \"whats-app-logo-filled\":\n        return \"+7 (999) 999-99-99\";\n      case \"max-logo\":\n        return \"ID пользователя Max\";\n      case \"envelope-simple\":\n        return \"example@mail.com\";\n      default:\n        return \"Введите значение\";\n    }\n  };\n\n  const handleTypeChange = (type: TypesChange) => {\n    return () => {\n      setType(type);\n      onTypeChange?.(type);\n      closePopup();\n    };\n  };\n\n  const SelectedIcon = contactIcons[type];\n  const ToggleIcon = isOpened ? CaretUp : CaretDown;\n\n  return (\n    <div className={cn(\"relative\", props.classes?.container)}>\n      {[\"telegram-logo\", \"max-logo\", \"envelope-simple\"].includes(type) ? (\n        <InputField\n          {...inputProps}\n          {...rest}\n          date={[\n            {\n              id: \"0\",\n              position: \"inline-start\",\n              component: (\n                <StrokeIcon\n                  icon={SelectedIcon}\n                  size=\"medium\"\n                  classes={getContactIconClasses(type)}\n                />\n              ),\n            },\n            {\n              id: \"1\",\n              position: \"inline-end\",\n              component: (\n                <StrokeIcon\n                  icon={ToggleIcon}\n                  size=\"medium\"\n                  className=\"cursor-pointer\"\n                  onClick={openPopup}\n                />\n              ),\n            },\n          ]}\n          placeholder={getPlaceholder(type)}\n        />\n      ) : (\n        <InputPhone\n          {...inputPhoneProps}\n          {...rest}\n          date={[\n            {\n              id: \"0\",\n              position: \"inline-start\",\n              component: (\n                <StrokeIcon\n                  icon={SelectedIcon}\n                  size=\"medium\"\n                  classes={getContactIconClasses(type)}\n                />\n              ),\n            },\n            {\n              id: \"1\",\n              position: \"inline-end\",\n              component: (\n                <StrokeIcon\n                  icon={ToggleIcon}\n                  size=\"medium\"\n                  className=\"cursor-pointer\"\n                  onClick={openPopup}\n                />\n              ),\n            },\n          ]}\n          placeholder={getPlaceholder(type)}\n        />\n      )}\n\n      {isOpened && (\n        <div\n          className=\"border-inp-hover-border bg-primary-bg absolute my-2 flex w-full\n            flex-col rounded-xl border\"\n          ref={wrapperRef}\n        >\n          {OPTIONS.map(({ label, icon }) => {\n            const OptionIcon = contactIcons[icon];\n\n            return (\n              <Button\n                key={label}\n                variant=\"ghost\"\n                className=\"flex w-full justify-start\"\n                type=\"button\"\n                onClick={handleTypeChange(icon)}\n              >\n                <StrokeIcon\n                  icon={OptionIcon}\n                  size=\"medium\"\n                  className=\"text-primary-inverse-text\"\n                  classes={getContactIconClasses(icon)}\n                />\n\n                {label}\n              </Button>\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport type { Props as InputContactProps, TypesChange };\n"],"names":["OPTIONS","contactIcons","Phone","TelegramLogo","WhatsAppLogoFilled","MaxLogo","EnvelopeSimple","iconStyles","icon","getContactIconClasses","cn","InputContact","props","inputProps","inputPhoneProps","onTypeChange","rest","type","setType","useState","isOpened","openPopup","closePopup","usePopupControls","wrapperRef","useRef","useEffect","handleClickOutside","event","getPlaceholder","handleTypeChange","SelectedIcon","ToggleIcon","CaretUp","CaretDown","jsxs","jsx","InputField","StrokeIcon","InputPhone","label","OptionIcon","Button"],"mappings":"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"}
+{"version":3,"file":"components-input-contact-input-contact.cjs","sources":["../src/constants/contact-input.ts","../src/components/input-contact/input-contact.tsx"],"sourcesContent":["import type { TOption } from \"@/components/input-contact/input-contact\";\n\nexport const OPTIONS: TOption[] = [\n  {\n    label: \"Мобильный\",\n    icon: \"phone\",\n  },\n  {\n    label: \"Telegram\",\n    icon: \"telegram-logo\",\n  },\n  {\n    label: \"WhatsApp\",\n    icon: \"whats-app-logo-filled\",\n  },\n  {\n    label: \"Max\",\n    icon: \"max-logo\",\n  },\n  {\n    label: \"E-mail\",\n    icon: \"envelope-simple\",\n  },\n];\n","import { OPTIONS } from \"@/constants/contact-input\";\nimport { CaretDown } from \"@/components/icons/CaretDown\";\nimport { CaretUp } from \"@/components/icons/CaretUp\";\nimport { EnvelopeSimple } from \"@/components/icons/EnvelopeSimple\";\nimport { MaxLogo } from \"@/components/icons/MaxLogo\";\nimport { Phone } from \"@/components/icons/Phone\";\nimport { StrokeIcon, type StrokeIconComponent } from \"@/components/icons/stroke-icon\";\nimport { TelegramLogo } from \"@/components/icons/TelegramLogo\";\nimport { WhatsAppLogoFilled } from \"@/components/icons/WhatsAppLogoFilled\";\nimport {\n  Button,\n  InputField,\n  InputPhone,\n  cn,\n  usePopupControls,\n  type InputPhoneProps,\n} from \"@/index\";\nimport { useEffect, useRef, useState } from \"react\";\n\nexport type TOption = {\n  label: string;\n  icon: TypesChange;\n};\n\ntype TypesChange =\n  | \"phone\"\n  | \"telegram-logo\"\n  | \"whats-app-logo-filled\"\n  | \"max-logo\"\n  | \"envelope-simple\";\n\nconst contactIcons: Record<TypesChange, StrokeIconComponent> = {\n  phone: Phone,\n  \"telegram-logo\": TelegramLogo,\n  \"whats-app-logo-filled\": WhatsAppLogoFilled,\n  \"max-logo\": MaxLogo,\n  \"envelope-simple\": EnvelopeSimple,\n};\n\ntype Props = {\n  isValid?: boolean;\n  label?: string;\n  description?: string;\n  classes?: {\n    fieldset?: string;\n    fieldgroup?: string;\n    field?: string;\n    container?: string;\n  };\n  value?: string;\n  name?: string;\n  onTypeChange?: (type: TypesChange) => void;\n  inputProps: React.ComponentPropsWithRef<\"input\">;\n  inputPhoneProps: InputPhoneProps;\n};\n\n// TODO: заменить цвета\nconst iconStyles = (icon: TypesChange) => {\n  switch (icon) {\n    case \"max-logo\":\n      return {\n        bgColor: \"bg-[linear-gradient(135deg,#9933DD_0%,#2831B9_50%,#44CCFF_100%)]\",\n      };\n\n    case \"telegram-logo\":\n      return {\n        bgColor: \"bg-[#289AD2]\",\n      };\n\n    case \"whats-app-logo-filled\":\n      return {\n        bgColor: \"bg-[#00C202]\",\n        textColor: \"text-primary-inverse-text\",\n      };\n\n    default:\n      return {};\n  }\n};\n\nconst getContactIconClasses = (icon: TypesChange) => ({\n  wrapper: cn(\n    `flex h-5.5 w-5.5 shrink-0 items-center justify-center rounded-sm\n    ${iconStyles(icon).bgColor ?? \"bg-primary-inverse-hover-bg\"}\n    ${iconStyles(icon).textColor ?? \"text-primary-inverse-text\"}`,\n  ),\n  icon: \"size-5 shrink-0\",\n});\n\nexport const InputContact = (props: Props) => {\n  const { inputProps, inputPhoneProps, onTypeChange, ...rest } = props;\n\n  const [type, setType] = useState<TypesChange>(\"phone\");\n  const { isOpened, openPopup, closePopup } = usePopupControls();\n  const wrapperRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (wrapperRef.current && !wrapperRef.current.contains(event.target as Node)) {\n        closePopup();\n      }\n    };\n\n    if (isOpened) {\n      document.addEventListener(\"mousedown\", handleClickOutside);\n    }\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [isOpened, closePopup]);\n\n  const getPlaceholder = (type: TypesChange): string => {\n    switch (type) {\n      case \"phone\":\n        return \"+7 (999) 999-99-99\";\n      case \"telegram-logo\":\n        return \"@username\";\n      case \"whats-app-logo-filled\":\n        return \"+7 (999) 999-99-99\";\n      case \"max-logo\":\n        return \"ID пользователя Max\";\n      case \"envelope-simple\":\n        return \"example@mail.com\";\n      default:\n        return \"Введите значение\";\n    }\n  };\n\n  const handleTypeChange = (type: TypesChange) => {\n    return () => {\n      setType(type);\n      onTypeChange?.(type);\n      closePopup();\n    };\n  };\n\n  const SelectedIcon = contactIcons[type];\n  const ToggleIcon = isOpened ? CaretUp : CaretDown;\n\n  return (\n    <div className={cn(\"relative\", props.classes?.container)}>\n      {[\"telegram-logo\", \"max-logo\", \"envelope-simple\"].includes(type) ? (\n        <InputField\n          {...inputProps}\n          {...rest}\n          date={[\n            {\n              id: \"0\",\n              position: \"inline-start\",\n              component: (\n                <StrokeIcon\n                  icon={SelectedIcon}\n                  size=\"medium\"\n                  classes={getContactIconClasses(type)}\n                />\n              ),\n            },\n            {\n              id: \"1\",\n              position: \"inline-end\",\n              component: (\n                <StrokeIcon\n                  icon={ToggleIcon}\n                  size=\"medium\"\n                  className=\"cursor-pointer\"\n                  onClick={openPopup}\n                />\n              ),\n            },\n          ]}\n          placeholder={getPlaceholder(type)}\n        />\n      ) : (\n        <InputPhone\n          {...inputPhoneProps}\n          {...rest}\n          date={[\n            {\n              id: \"0\",\n              position: \"inline-start\",\n              component: (\n                <StrokeIcon\n                  icon={SelectedIcon}\n                  size=\"medium\"\n                  classes={getContactIconClasses(type)}\n                />\n              ),\n            },\n            {\n              id: \"1\",\n              position: \"inline-end\",\n              component: (\n                <StrokeIcon\n                  icon={ToggleIcon}\n                  size=\"medium\"\n                  className=\"cursor-pointer\"\n                  onClick={openPopup}\n                />\n              ),\n            },\n          ]}\n          placeholder={getPlaceholder(type)}\n        />\n      )}\n\n      {isOpened && (\n        <div\n          className=\"border-inp-hover-border bg-primary-bg absolute z-100 my-2 flex w-full\n            flex-col rounded-xl border\"\n          ref={wrapperRef}\n        >\n          {OPTIONS.map(({ label, icon }) => {\n            const OptionIcon = contactIcons[icon];\n\n            return (\n              <Button\n                key={label}\n                variant=\"ghost\"\n                className=\"flex w-full justify-start\"\n                type=\"button\"\n                onClick={handleTypeChange(icon)}\n              >\n                <StrokeIcon\n                  icon={OptionIcon}\n                  size=\"medium\"\n                  className=\"text-primary-inverse-text\"\n                  classes={getContactIconClasses(icon)}\n                />\n\n                {label}\n              </Button>\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport type { Props as InputContactProps, TypesChange };\n"],"names":["OPTIONS","contactIcons","Phone","TelegramLogo","WhatsAppLogoFilled","MaxLogo","EnvelopeSimple","iconStyles","icon","getContactIconClasses","cn","InputContact","props","inputProps","inputPhoneProps","onTypeChange","rest","type","setType","useState","isOpened","openPopup","closePopup","usePopupControls","wrapperRef","useRef","useEffect","handleClickOutside","event","getPlaceholder","handleTypeChange","SelectedIcon","ToggleIcon","CaretUp","CaretDown","jsxs","jsx","InputField","StrokeIcon","InputPhone","label","OptionIcon","Button"],"mappings":"2rGAEO,MAAMA,EAAqB,CAChC,CACE,MAAO,YACP,KAAM,OAAA,EAER,CACE,MAAO,WACP,KAAM,eAAA,EAER,CACE,MAAO,WACP,KAAM,uBAAA,EAER,CACE,MAAO,MACP,KAAM,UAAA,EAER,CACE,MAAO,SACP,KAAM,iBAAA,CAEV,ECQMC,EAAyD,CAC7D,MAAOC,EAAAA,MACP,gBAAiBC,EAAAA,aACjB,wBAAyBC,EAAAA,mBACzB,WAAYC,EAAAA,QACZ,kBAAmBC,EAAAA,cACrB,EAoBMC,EAAcC,GAAsB,CACxC,OAAQA,EAAA,CACN,IAAK,WACH,MAAO,CACL,QAAS,kEAAA,EAGb,IAAK,gBACH,MAAO,CACL,QAAS,cAAA,EAGb,IAAK,wBACH,MAAO,CACL,QAAS,eACT,UAAW,2BAAA,EAGf,QACE,MAAO,CAAA,CAAC,CAEd,EAEMC,EAAyBD,IAAuB,CACpD,QAASE,EAAAA,GACP;AAAA,MACEH,EAAWC,CAAI,EAAE,SAAW,6BAA6B;AAAA,MACzDD,EAAWC,CAAI,EAAE,WAAa,2BAA2B,EAAA,EAE7D,KAAM,iBACR,GAEaG,EAAgBC,GAAiB,CAC5C,KAAM,CAAE,WAAAC,EAAY,gBAAAC,EAAiB,aAAAC,EAAc,GAAGC,GAASJ,EAEzD,CAACK,EAAMC,CAAO,EAAIC,EAAAA,SAAsB,OAAO,EAC/C,CAAE,SAAAC,EAAU,UAAAC,EAAW,WAAAC,CAAA,EAAeC,EAAAA,iBAAA,EACtCC,EAAaC,EAAAA,OAAuB,IAAI,EAE9CC,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAsBC,GAAsB,CAC5CJ,EAAW,SAAW,CAACA,EAAW,QAAQ,SAASI,EAAM,MAAc,GACzEN,EAAA,CAEJ,EAEA,OAAIF,GACF,SAAS,iBAAiB,YAAaO,CAAkB,EAGpD,IAAM,CACX,SAAS,oBAAoB,YAAaA,CAAkB,CAC9D,CACF,EAAG,CAACP,EAAUE,CAAU,CAAC,EAEzB,MAAMO,EAAkBZ,GAA8B,CACpD,OAAQA,EAAAA,CACN,IAAK,QACH,MAAO,qBACT,IAAK,gBACH,MAAO,YACT,IAAK,wBACH,MAAO,qBACT,IAAK,WACH,MAAO,sBACT,IAAK,kBACH,MAAO,mBACT,QACE,MAAO,kBAAA,CAEb,EAEMa,EAAoBb,GACjB,IAAM,CACXC,EAAQD,CAAI,EACZF,IAAeE,CAAI,EACnBK,EAAA,CACF,EAGIS,EAAe9B,EAAagB,CAAI,EAChCe,EAAaZ,EAAWa,EAAAA,QAAUC,EAAAA,UAExC,OACEC,OAAC,OAAI,UAAWzB,EAAAA,GAAG,WAAYE,EAAM,SAAS,SAAS,EACpD,SAAA,CAAA,CAAC,gBAAiB,WAAY,iBAAiB,EAAE,SAASK,CAAI,EAC7DmB,EAAAA,IAACC,EAAAA,WAAA,CACE,GAAGxB,EACH,GAAGG,EACJ,KAAM,CACJ,CACE,GAAI,IACJ,SAAU,eACV,UACEoB,EAAAA,IAACE,EAAAA,WAAA,CACC,KAAMP,EACN,KAAK,SACL,QAAStB,EAAsBQ,CAAI,CAAA,CAAA,CACrC,EAGJ,CACE,GAAI,IACJ,SAAU,aACV,UACEmB,EAAAA,IAACE,EAAAA,WAAA,CACC,KAAMN,EACN,KAAK,SACL,UAAU,iBACV,QAASX,CAAA,CAAA,CACX,CAEJ,EAEF,YAAaQ,EAAeZ,CAAI,CAAA,CAAA,EAGlCmB,EAAAA,IAACG,EAAAA,WAAA,CACE,GAAGzB,EACH,GAAGE,EACJ,KAAM,CACJ,CACE,GAAI,IACJ,SAAU,eACV,UACEoB,EAAAA,IAACE,EAAAA,WAAA,CACC,KAAMP,EACN,KAAK,SACL,QAAStB,EAAsBQ,CAAI,CAAA,CAAA,CACrC,EAGJ,CACE,GAAI,IACJ,SAAU,aACV,UACEmB,EAAAA,IAACE,EAAAA,WAAA,CACC,KAAMN,EACN,KAAK,SACL,UAAU,iBACV,QAASX,CAAA,CAAA,CACX,CAEJ,EAEF,YAAaQ,EAAeZ,CAAI,CAAA,CAAA,EAInCG,GACCgB,EAAAA,IAAC,MAAA,CACC,UAAU;AAAA,wCAEV,IAAKZ,EAEJ,WAAQ,IAAI,CAAC,CAAE,MAAAgB,EAAO,KAAAhC,KAAW,CAChC,MAAMiC,EAAaxC,EAAaO,CAAI,EAEpC,OACE2B,EAAAA,KAACO,EAAAA,OAAA,CAEC,QAAQ,QACR,UAAU,4BACV,KAAK,SACL,QAASZ,EAAiBtB,CAAI,EAE9B,SAAA,CAAA4B,EAAAA,IAACE,EAAAA,WAAA,CACC,KAAMG,EACN,KAAK,SACL,UAAU,4BACV,QAAShC,EAAsBD,CAAI,CAAA,CAAA,EAGpCgC,CAAA,CAAA,EAbIA,CAAA,CAgBX,CAAC,CAAA,CAAA,CACH,EAEJ,CAEJ"}