brd-ui-kit 0.1.67 → 0.1.69

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

@@ -37,7 +37,8 @@ import "./lodash-FemA_LCk.js";
 import "./chart-D15EtNmb.js";
 import "./index-C4iHL8Gs.js";
 import "./index-C6N9aMq_.js";
-const or = ({
+import "./components-input-phone-input-phone.js";
+const ir = ({
   initials: o,
   avatar: i,
   fallback: a,
@@ -94,6 +95,6 @@ const or = ({
   ] }) : p;
 };
 export {
-  or as BasicAvatar
+  ir 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 { 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=\"close\"\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 { 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=\"close\"\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;"}

package/dist/components-files-uploader-files-uploader.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),d=require("./lib-utils.cjs"),b=require("react"),D=require("./index-D8y9Cogu.cjs"),h=require("./components-ui-icon-icon.cjs"),L=require("./components-ui-typography-typography.cjs");require("./components-ui-typography-typography.styles.cjs");const $=["B","KB","MB","GB","TB"],u=1024,B=5*u*u,P=5,C=["all"],F=800,k={image:{"image/*":[".jpg",".jpeg",".png",".webp"]},pdf:{"application/pdf":[".pdf"]},doc:{"application/msword":[".doc"],"application/vnd.openxmlformats-officedocument.wordprocessingml.document":[".docx"]},excel:{"application/vnd.ms-excel":[".xls"],"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet":[".xlsx"]},text:{"text/plain":[".txt"]},all:{}},O=r=>{if(r===0)return"0 B";const e=Math.floor(Math.log(r)/Math.log(u));return`${(r/Math.pow(u,e)).toFixed(2)} ${$[e]}`},Z=r=>r.reduce((e,l)=>({...e,...k[l]}),{}),z=r=>{const e=r.name.split(".").pop()?.toLowerCase();return e?["jpg","jpeg","png","webp"].includes(e)?"image":e==="pdf"?"pdf":["doc","docx"].includes(e)?"doc":["xls","xlsx"].includes(e)?"excel":e==="txt"?"text":"other":"other"},K=({value:r=null,onChange:e,multiple:l=!1,maxFiles:i=P,disabled:y=!1,className:p,maxSize:g=B,variant:m="grid",accepts:T=C,icon:U,title:j,text:v,showFiles:_=!0})=>{const[f,w]=b.useState(!1),[A,x]=b.useState(null),s=Array.isArray(r)?r:r?[r]:[],E=b.useCallback((o,n)=>{if(x(null),s.length+o.length>i){x(`Максимальное количество файлов: ${i}`);return}if(n.length>0){const c=n[0].errors[0]?.code==="file-too-large"?`Файл слишком большой. Максимальный размер: ${g/1024/1024}MB`:"Неподдерживаемый формат файла";x(c);return}w(!0),setTimeout(()=>{const a=o.map(c=>({url:URL.createObjectURL(c),name:c.name,size:O(c.size),addedAt:new Date().toISOString()}));l?e?.([...s,...a]):(s[0]?.url?.startsWith("blob:")&&URL.revokeObjectURL(s[0].url),e?.(a[0]??null)),w(!1)},F)},[s,i,g,l,e]),{getRootProps:I,getInputProps:M,isDragActive:N}=D.useDropzone({onDrop:E,accept:Z(T),maxSize:g,multiple:l&&i>1,disabled:y||f,maxFiles:i-s.length}),R=o=>()=>{s[o]?.url?.startsWith("blob:")&&URL.revokeObjectURL(s[o].url);const n=s.filter((a,c)=>c!==o);e?.(l?n:n[0]||null)},S=s.length>=i,q={grid:"grid-cols-2 sm:grid-cols-3 md:grid-cols-4",list:"grid-cols-1",compact:"grid-cols-2 sm:grid-cols-3"};return t.jsxs("div",{className:d.cn("w-full space-y-4",p?.container),children:[t.jsxs("div",{className:d.cn("grid h-full w-full gap-4",m==="list"?"grid-cols-1":q[m]),children:[_&&s.map((o,n)=>{const a=z(o);return t.jsxs("div",{className:`group bg-primary-bg relative aspect-square h-full w-full
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),d=require("./lib-utils.cjs"),b=require("react"),D=require("./index-DJD-8LQA.cjs"),h=require("./components-ui-icon-icon.cjs"),L=require("./components-ui-typography-typography.cjs");require("./components-ui-typography-typography.styles.cjs");const $=["B","KB","MB","GB","TB"],u=1024,B=5*u*u,P=5,C=["all"],F=800,k={image:{"image/*":[".jpg",".jpeg",".png",".webp"]},pdf:{"application/pdf":[".pdf"]},doc:{"application/msword":[".doc"],"application/vnd.openxmlformats-officedocument.wordprocessingml.document":[".docx"]},excel:{"application/vnd.ms-excel":[".xls"],"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet":[".xlsx"]},text:{"text/plain":[".txt"]},all:{}},O=r=>{if(r===0)return"0 B";const e=Math.floor(Math.log(r)/Math.log(u));return`${(r/Math.pow(u,e)).toFixed(2)} ${$[e]}`},Z=r=>r.reduce((e,l)=>({...e,...k[l]}),{}),z=r=>{const e=r.name.split(".").pop()?.toLowerCase();return e?["jpg","jpeg","png","webp"].includes(e)?"image":e==="pdf"?"pdf":["doc","docx"].includes(e)?"doc":["xls","xlsx"].includes(e)?"excel":e==="txt"?"text":"other":"other"},K=({value:r=null,onChange:e,multiple:l=!1,maxFiles:i=P,disabled:y=!1,className:p,maxSize:g=B,variant:m="grid",accepts:T=C,icon:U,title:j,text:v,showFiles:_=!0})=>{const[f,w]=b.useState(!1),[A,x]=b.useState(null),s=Array.isArray(r)?r:r?[r]:[],E=b.useCallback((o,n)=>{if(x(null),s.length+o.length>i){x(`Максимальное количество файлов: ${i}`);return}if(n.length>0){const c=n[0].errors[0]?.code==="file-too-large"?`Файл слишком большой. Максимальный размер: ${g/1024/1024}MB`:"Неподдерживаемый формат файла";x(c);return}w(!0),setTimeout(()=>{const a=o.map(c=>({url:URL.createObjectURL(c),name:c.name,size:O(c.size),addedAt:new Date().toISOString()}));l?e?.([...s,...a]):(s[0]?.url?.startsWith("blob:")&&URL.revokeObjectURL(s[0].url),e?.(a[0]??null)),w(!1)},F)},[s,i,g,l,e]),{getRootProps:I,getInputProps:M,isDragActive:N}=D.useDropzone({onDrop:E,accept:Z(T),maxSize:g,multiple:l&&i>1,disabled:y||f,maxFiles:i-s.length}),R=o=>()=>{s[o]?.url?.startsWith("blob:")&&URL.revokeObjectURL(s[o].url);const n=s.filter((a,c)=>c!==o);e?.(l?n:n[0]||null)},S=s.length>=i,q={grid:"grid-cols-2 sm:grid-cols-3 md:grid-cols-4",list:"grid-cols-1",compact:"grid-cols-2 sm:grid-cols-3"};return t.jsxs("div",{className:d.cn("w-full space-y-4",p?.container),children:[t.jsxs("div",{className:d.cn("grid h-full w-full gap-4",m==="list"?"grid-cols-1":q[m]),children:[_&&s.map((o,n)=>{const a=z(o);return t.jsxs("div",{className:`group bg-primary-bg relative aspect-square h-full w-full
                 overflow-hidden rounded-lg`,children:[a==="image"?t.jsx("img",{src:o.url,alt:`Preview ${n+1}`,className:"h-full w-full object-cover"}):t.jsx("div",{className:`flex h-full w-full items-center justify-center bg-gray-100
                     text-sm font-semibold`,children:o.name.split(".").pop()?.toUpperCase()}),t.jsx("div",{className:`text-primary-bg bg-primary-inverse-bg/50 absolute inset-0 flex
                 cursor-pointer items-center justify-center rounded-lg opacity-0

package/dist/components-files-uploader-files-uploader.js

@@ -1,7 +1,7 @@
 import { jsxs as u, jsx as s } from "react/jsx-runtime";
 import { cn as d } from "./lib-utils.js";
 import { useState as E, useCallback as C } from "react";
-import { u as P } from "./index-B5Id-jNC.js";
+import { u as P } from "./index-CVlBIwtP.js";
 import { Icon as x } from "./components-ui-icon-icon.js";
 import { Typography as U } from "./components-ui-typography-typography.js";
 import "./components-ui-typography-typography.styles.js";

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

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./brd-ui-kit.css');const t=require("react/jsx-runtime");;/* empty css                   */const c=require("./lib-utils.cjs");require("class-variance-authority");const p=require("react");require("./components-ui-badge-badge.styles.cjs");const C=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 u=require("./components-ui-icon-icon.cjs");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-table-table.cjs");require("./components-ui-tabs-tabs.cjs");require("./components-ui-tooltip-tooltip.cjs");require("./components-ui-typography-typography.styles.cjs");const y=require("./hooks-usePopupControls.cjs");require("lucide-react");require("./components-app-pagination-app-pagination.styles.cjs");require("./components-app-sidebar-app-sidebar.styles.cjs");const f=require("./components-input-field-input-field.cjs");require("./components-select-field-select-field.cjs");require("./lodash-kqhtUJfz.cjs");require("./chart-CgVfpT_X.cjs");require("./index-DGxwh2Ms.cjs");require("./index-fTTv8YY8.cjs");const j=require("./components-input-phone-input-phone.cjs"),_=[{label:"Мобильный",icon:"phone"},{label:"Telegram",icon:"telegram"},{label:"WhatsApp",icon:"whats-app"},{label:"Max",icon:"max"},{label:"E-mail",icon:"mail"}],n=o=>{switch(o){case"max":return{viewBox:"0 0 16 16",bgColor:"bg-[linear-gradient(135deg,#9933DD_0%,#2831B9_50%,#44CCFF_100%)]"};case"telegram":return{viewBox:"0 0 17 17",bgColor:"bg-[#289AD2]"};case"whats-app":return{viewBox:"0 0 18 18",bgColor:"bg-[#00C202]",textColor:"text-[#00C202]"};default:return{viewBox:"0 0 24 24"}}},P=o=>{const{inputProps:d,inputPhoneProps:q}=o,[e,h]=p.useState("phone"),{isOpened:i,openPopup:m,closePopup:a}=y.usePopupControls(),l=p.useRef(null);p.useEffect(()=>{const r=s=>{l.current&&!l.current.contains(s.target)&&a()};return i&&document.addEventListener("mousedown",r),()=>{document.removeEventListener("mousedown",r)}},[i,a]);const x=r=>{switch(r){case"phone":return"+7 (999) 999-99-99";case"telegram":return"@username";case"whats-app":return"+7 (999) 999-99-99";case"max":return"ID пользователя Max";case"mail":return"example@mail.com";default:return"Введите значение"}},v=r=>()=>{h(r),o.onTypeChange?.(r),a()};return t.jsxs("div",{className:c.cn("relative",o.classes?.container),children:[["telegram","max","mail"].includes(e)?t.jsx(f.InputField,{...d,date:[{id:"0",position:"inline-start",component:t.jsx(u.Icon,{type:e,classes:{wrapper:c.cn(`flex h-5.5 w-5.5 items-center justify-center rounded-sm p-[3.5px]
+                        ${n(e).bgColor??"bg-primary-inverse-hover-bg"}
+                        ${n(e).textColor??"text-primary-inverse-text"}`)},viewBox:n(e).viewBox})},{id:"1",position:"inline-end",component:t.jsx(u.Icon,{type:i?"chevron-up":"chevron",className:"cursor-pointer",onClick:m})}],placeholder:x(e)}):t.jsx(j.InputPhone,{...q,date:[{id:"0",position:"inline-start",component:t.jsx(u.Icon,{type:e,classes:{wrapper:c.cn(`flex h-5.5 w-5.5 items-center justify-center rounded-sm p-[3.5px]
+                        ${n(e).bgColor??"bg-primary-inverse-hover-bg"}
+                        ${n(e).textColor??"text-primary-inverse-text"}`)},viewBox:n(e).viewBox})},{id:"1",position:"inline-end",component:t.jsx(u.Icon,{type:i?"chevron-up":"chevron",className:"cursor-pointer",onClick:m})}],placeholder:x(e)}),i&&t.jsx("div",{className:`border-inp-hover-border bg-primary-bg absolute my-2 flex w-full
+            flex-col rounded-xl border`,ref:l,children:_.map(({label:r,icon:s})=>{const{bgColor:b,textColor:g,viewBox:w}=n(s);return t.jsxs(C.Button,{variant:"ghost",className:"flex w-full justify-start",type:"button",onClick:v(s),children:[t.jsx(u.Icon,{type:s,className:"text-primary-inverse-text",classes:{wrapper:c.cn(`flex h-5.5 w-5.5 items-center justify-center rounded-sm
+                      ${b??"bg-primary-inverse-hover-bg"}
+                      ${g??"text-primary-inverse-text"}`)},viewBox:w}),r]},r)})})]})};exports.InputContact=P;
+//# sourceMappingURL=components-input-contact-input-contact.cjs.map

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

@@ -0,0 +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\",\n  },\n  {\n    label: \"WhatsApp\",\n    icon: \"whats-app\",\n  },\n  {\n    label: \"Max\",\n    icon: \"max\",\n  },\n  {\n    label: \"E-mail\",\n    icon: \"mail\",\n  },\n];\n","import { OPTIONS } from \"@/constants/contact-input\";\nimport {\n  Button,\n  Icon,\n  InputField,\n  InputPhone,\n  cn,\n  usePopupControls,\n  type IconTypes,\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 = Extract<\n  IconTypes,\n  \"telegram\" | \"whats-app\" | \"max\" | \"phone\" | \"mail\"\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  onTypeChange?: (type: TypesChange) => void;\n  inputProps: React.ComponentPropsWithRef<\"input\">;\n  inputPhoneProps: InputPhoneProps;\n};\n\n// TODO: заменить цвета\nconst iconStyles = (icon: IconTypes) => {\n  switch (icon) {\n    case \"max\":\n      return {\n        viewBox: \"0 0 16 16\",\n        bgColor: \"bg-[linear-gradient(135deg,#9933DD_0%,#2831B9_50%,#44CCFF_100%)]\",\n      };\n\n    case \"telegram\":\n      return {\n        viewBox: \"0 0 17 17\",\n        bgColor: \"bg-[#289AD2]\",\n      };\n\n    case \"whats-app\":\n      return {\n        viewBox: \"0 0 18 18\",\n        bgColor: \"bg-[#00C202]\",\n        textColor: \"text-[#00C202]\",\n      };\n\n    default:\n      return {\n        viewBox: \"0 0 24 24\",\n      };\n  }\n};\n\nexport const InputContact = (props: Props) => {\n  const { inputProps, inputPhoneProps } = 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\":\n        return \"@username\";\n      case \"whats-app\":\n        return \"+7 (999) 999-99-99\";\n      case \"max\":\n        return \"ID пользователя Max\";\n      case \"mail\":\n        return \"example@mail.com\";\n      default:\n        return \"Введите значение\";\n    }\n  };\n\n  const handleTypeChange = (type: TypesChange) => {\n    return () => {\n      setType(type);\n      props.onTypeChange?.(type);\n      closePopup();\n    };\n  };\n\n  return (\n    <div className={cn(\"relative\", props.classes?.container)}>\n      {[\"telegram\", \"max\", \"mail\"].includes(type) ? (\n        <InputField\n          {...inputProps}\n          date={[\n            {\n              id: \"0\",\n              position: \"inline-start\",\n              component: (\n                <Icon\n                  type={type}\n                  classes={{\n                    wrapper: cn(\n                      `flex h-5.5 w-5.5 items-center justify-center rounded-sm p-[3.5px]\n                        ${iconStyles(type).bgColor ?? \"bg-primary-inverse-hover-bg\"}\n                        ${iconStyles(type).textColor ?? \"text-primary-inverse-text\"}`,\n                    ),\n                  }}\n                  viewBox={iconStyles(type).viewBox}\n                />\n              ),\n            },\n            {\n              id: \"1\",\n              position: \"inline-end\",\n              component: (\n                <Icon\n                  type={isOpened ? \"chevron-up\" : \"chevron\"}\n                  className=\"cursor-pointer\"\n                  onClick={openPopup}\n                />\n              ),\n            },\n          ]}\n          placeholder={getPlaceholder(type)}\n        />\n      ) : (\n        <InputPhone\n          {...inputPhoneProps}\n          date={[\n            {\n              id: \"0\",\n              position: \"inline-start\",\n              component: (\n                <Icon\n                  type={type}\n                  classes={{\n                    wrapper: cn(\n                      `flex h-5.5 w-5.5 items-center justify-center rounded-sm p-[3.5px]\n                        ${iconStyles(type).bgColor ?? \"bg-primary-inverse-hover-bg\"}\n                        ${iconStyles(type).textColor ?? \"text-primary-inverse-text\"}`,\n                    ),\n                  }}\n                  viewBox={iconStyles(type).viewBox}\n                />\n              ),\n            },\n            {\n              id: \"1\",\n              position: \"inline-end\",\n              component: (\n                <Icon\n                  type={isOpened ? \"chevron-up\" : \"chevron\"}\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 { bgColor, textColor, viewBox } = iconStyles(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                <Icon\n                  type={icon}\n                  className=\"text-primary-inverse-text\"\n                  classes={{\n                    wrapper: cn(\n                      `flex h-5.5 w-5.5 items-center justify-center rounded-sm\n                      ${bgColor ?? \"bg-primary-inverse-hover-bg\"}\n                      ${textColor ?? \"text-primary-inverse-text\"}`,\n                    ),\n                  }}\n                  viewBox={viewBox}\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","iconStyles","icon","InputContact","props","inputProps","inputPhoneProps","type","setType","useState","isOpened","openPopup","closePopup","usePopupControls","wrapperRef","useRef","useEffect","handleClickOutside","event","getPlaceholder","handleTypeChange","jsxs","cn","jsx","InputField","Icon","InputPhone","label","bgColor","textColor","viewBox","Button"],"mappings":"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"}

package/dist/{components-contact-input-contact-input.js → components-input-contact-input-contact.js}

@@ -1,14 +1,14 @@
-import { jsxs as c, jsx as i } from "react/jsx-runtime";
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
 import './brd-ui-kit.css';/* empty css                 */
-import { cn as s } from "./lib-utils.js";
+import { cn as m } from "./lib-utils.js";
 import "class-variance-authority";
-import { useState as b, useRef as w, useEffect as C } from "react";
+import { useState as C, useRef as y, useEffect as B } from "react";
 import "./components-ui-badge-badge.styles.js";
-import { Button as y } from "./components-ui-button-button.js";
+import { Button as P } from "./components-ui-button-button.js";
 import "./components-ui-button-button.styles.js";
 import "./components-ui-card-card.js";
 import "./components-ui-checkbox-checkbox.js";
-import { Icon as l } from "./components-ui-icon-icon.js";
+import { Icon as s } from "./components-ui-icon-icon.js";
 import "./components-ui-combobox-combobox.js";
 import "./components-ui-dialog-dialog.js";
 import "./components-ui-label-label.js";
@@ -27,17 +27,18 @@ import "./components-ui-table-table.js";
 import "./components-ui-tabs-tabs.js";
 import "./components-ui-tooltip-tooltip.js";
 import "./components-ui-typography-typography.styles.js";
-import { usePopupControls as B } from "./hooks-usePopupControls.js";
+import { usePopupControls as N } from "./hooks-usePopupControls.js";
 import "lucide-react";
 import "./components-app-pagination-app-pagination.styles.js";
 import "./components-app-sidebar-app-sidebar.styles.js";
-import { InputField as N } from "./components-input-field-input-field.js";
+import { InputField as j } from "./components-input-field-input-field.js";
 import "./components-select-field-select-field.js";
 import "./lodash-FemA_LCk.js";
 import "./chart-D15EtNmb.js";
 import "./index-C4iHL8Gs.js";
 import "./index-C6N9aMq_.js";
-const j = [
+import { InputPhone as I } from "./components-input-phone-input-phone.js";
+const $ = [
   {
     label: "Мобильный",
     icon: "phone"
@@ -58,8 +59,8 @@ const j = [
     label: "E-mail",
     icon: "mail"
   }
-], p = (r) => {
-  switch (r) {
+], o = (i) => {
+  switch (i) {
     case "max":
       return {
         viewBox: "0 0 16 16",
@@ -81,18 +82,18 @@ const j = [
         viewBox: "0 0 24 24"
       };
   }
-}, ce = (r) => {
-  const [t, u] = b("phone"), { isOpened: n, openPopup: d, closePopup: m } = B(), a = w(null);
-  C(() => {
-    const e = (o) => {
-      a.current && !a.current.contains(o.target) && m();
+}, he = (i) => {
+  const { inputProps: x, inputPhoneProps: h } = i, [e, v] = C("phone"), { isOpened: n, openPopup: c, closePopup: a } = N(), l = y(null);
+  B(() => {
+    const r = (p) => {
+      l.current && !l.current.contains(p.target) && a();
     };
-    return n && document.addEventListener("mousedown", e), () => {
-      document.removeEventListener("mousedown", e);
+    return n && document.addEventListener("mousedown", r), () => {
+      document.removeEventListener("mousedown", r);
     };
-  }, [n, m]);
-  const x = (e) => {
-    switch (e) {
+  }, [n, a]);
+  const u = (r) => {
+    switch (r) {
       case "phone":
         return "+7 (999) 999-99-99";
       case "telegram":
@@ -106,84 +107,122 @@ const j = [
       default:
         return "Введите значение";
     }
-  }, f = (e) => () => {
-    u(e), r.onTypeChange?.(e), m();
+  }, f = (r) => () => {
+    v(r), i.onTypeChange?.(r), a();
   };
-  return /* @__PURE__ */ c("div", { className: s("relative", r.classes?.container), children: [
-    /* @__PURE__ */ i(
-      N,
+  return /* @__PURE__ */ d("div", { className: m("relative", i.classes?.container), children: [
+    ["telegram", "max", "mail"].includes(e) ? /* @__PURE__ */ t(
+      j,
       {
-        ...r,
+        ...x,
         date: [
           {
             id: "0",
             position: "inline-start",
-            component: /* @__PURE__ */ i(
-              l,
+            component: /* @__PURE__ */ t(
+              s,
               {
-                type: t,
+                type: e,
                 classes: {
-                  wrapper: s(
+                  wrapper: m(
                     `flex h-5.5 w-5.5 items-center justify-center rounded-sm p-[3.5px]
-                    ${p(t).bgColor ?? "bg-primary-inverse-hover-bg"}
-                    ${p(t).textColor ?? "text-primary-inverse-text"}`
+                        ${o(e).bgColor ?? "bg-primary-inverse-hover-bg"}
+                        ${o(e).textColor ?? "text-primary-inverse-text"}`
                   )
                 },
-                viewBox: p(t).viewBox
+                viewBox: o(e).viewBox
               }
             )
           },
           {
             id: "1",
             position: "inline-end",
-            component: /* @__PURE__ */ i(
-              l,
+            component: /* @__PURE__ */ t(
+              s,
               {
                 type: n ? "chevron-up" : "chevron",
                 className: "cursor-pointer",
-                onClick: d
+                onClick: c
               }
             )
           }
         ],
-        placeholder: x(t)
+        placeholder: u(e)
+      }
+    ) : /* @__PURE__ */ t(
+      I,
+      {
+        ...h,
+        date: [
+          {
+            id: "0",
+            position: "inline-start",
+            component: /* @__PURE__ */ t(
+              s,
+              {
+                type: e,
+                classes: {
+                  wrapper: m(
+                    `flex h-5.5 w-5.5 items-center justify-center rounded-sm p-[3.5px]
+                        ${o(e).bgColor ?? "bg-primary-inverse-hover-bg"}
+                        ${o(e).textColor ?? "text-primary-inverse-text"}`
+                  )
+                },
+                viewBox: o(e).viewBox
+              }
+            )
+          },
+          {
+            id: "1",
+            position: "inline-end",
+            component: /* @__PURE__ */ t(
+              s,
+              {
+                type: n ? "chevron-up" : "chevron",
+                className: "cursor-pointer",
+                onClick: c
+              }
+            )
+          }
+        ],
+        placeholder: u(e)
       }
     ),
-    n && /* @__PURE__ */ i(
+    n && /* @__PURE__ */ t(
       "div",
       {
         className: `border-inp-hover-border bg-primary-bg absolute my-2 flex w-full
             flex-col rounded-xl border`,
-        ref: a,
-        children: j.map(({ label: e, icon: o }) => {
-          const { bgColor: h, textColor: g, viewBox: v } = p(o);
-          return /* @__PURE__ */ c(
-            y,
+        ref: l,
+        children: $.map(({ label: r, icon: p }) => {
+          const { bgColor: g, textColor: b, viewBox: w } = o(p);
+          return /* @__PURE__ */ d(
+            P,
             {
               variant: "ghost",
               className: "flex w-full justify-start",
               type: "button",
-              onClick: f(o),
+              onClick: f(p),
               children: [
-                /* @__PURE__ */ i(
-                  l,
+                /* @__PURE__ */ t(
+                  s,
                   {
-                    type: o,
+                    type: p,
                     className: "text-primary-inverse-text",
                     classes: {
-                      wrapper: s(
+                      wrapper: m(
                         `flex h-5.5 w-5.5 items-center justify-center rounded-sm
-                      ${h ?? "bg-primary-inverse-hover-bg"}
-                      ${g ?? "text-primary-inverse-text"}`
+                      ${g ?? "bg-primary-inverse-hover-bg"}
+                      ${b ?? "text-primary-inverse-text"}`
                       )
                     },
-                    viewBox: v
+                    viewBox: w
                   }
                 ),
-                e
+                r
               ]
             },
-            e
+            r
           );
         })
       }
@@ -191,6 +230,6 @@ const j = [
   ] });
 };
 export {
-  ce as ContactInput
+  he as InputContact
 };
-//# sourceMappingURL=components-contact-input-contact-input.js.map
+//# sourceMappingURL=components-input-contact-input-contact.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components-input-contact-input-contact.js","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\",\n  },\n  {\n    label: \"WhatsApp\",\n    icon: \"whats-app\",\n  },\n  {\n    label: \"Max\",\n    icon: \"max\",\n  },\n  {\n    label: \"E-mail\",\n    icon: \"mail\",\n  },\n];\n","import { OPTIONS } from \"@/constants/contact-input\";\nimport {\n  Button,\n  Icon,\n  InputField,\n  InputPhone,\n  cn,\n  usePopupControls,\n  type IconTypes,\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 = Extract<\n  IconTypes,\n  \"telegram\" | \"whats-app\" | \"max\" | \"phone\" | \"mail\"\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  onTypeChange?: (type: TypesChange) => void;\n  inputProps: React.ComponentPropsWithRef<\"input\">;\n  inputPhoneProps: InputPhoneProps;\n};\n\n// TODO: заменить цвета\nconst iconStyles = (icon: IconTypes) => {\n  switch (icon) {\n    case \"max\":\n      return {\n        viewBox: \"0 0 16 16\",\n        bgColor: \"bg-[linear-gradient(135deg,#9933DD_0%,#2831B9_50%,#44CCFF_100%)]\",\n      };\n\n    case \"telegram\":\n      return {\n        viewBox: \"0 0 17 17\",\n        bgColor: \"bg-[#289AD2]\",\n      };\n\n    case \"whats-app\":\n      return {\n        viewBox: \"0 0 18 18\",\n        bgColor: \"bg-[#00C202]\",\n        textColor: \"text-[#00C202]\",\n      };\n\n    default:\n      return {\n        viewBox: \"0 0 24 24\",\n      };\n  }\n};\n\nexport const InputContact = (props: Props) => {\n  const { inputProps, inputPhoneProps } = 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\":\n        return \"@username\";\n      case \"whats-app\":\n        return \"+7 (999) 999-99-99\";\n      case \"max\":\n        return \"ID пользователя Max\";\n      case \"mail\":\n        return \"example@mail.com\";\n      default:\n        return \"Введите значение\";\n    }\n  };\n\n  const handleTypeChange = (type: TypesChange) => {\n    return () => {\n      setType(type);\n      props.onTypeChange?.(type);\n      closePopup();\n    };\n  };\n\n  return (\n    <div className={cn(\"relative\", props.classes?.container)}>\n      {[\"telegram\", \"max\", \"mail\"].includes(type) ? (\n        <InputField\n          {...inputProps}\n          date={[\n            {\n              id: \"0\",\n              position: \"inline-start\",\n              component: (\n                <Icon\n                  type={type}\n                  classes={{\n                    wrapper: cn(\n                      `flex h-5.5 w-5.5 items-center justify-center rounded-sm p-[3.5px]\n                        ${iconStyles(type).bgColor ?? \"bg-primary-inverse-hover-bg\"}\n                        ${iconStyles(type).textColor ?? \"text-primary-inverse-text\"}`,\n                    ),\n                  }}\n                  viewBox={iconStyles(type).viewBox}\n                />\n              ),\n            },\n            {\n              id: \"1\",\n              position: \"inline-end\",\n              component: (\n                <Icon\n                  type={isOpened ? \"chevron-up\" : \"chevron\"}\n                  className=\"cursor-pointer\"\n                  onClick={openPopup}\n                />\n              ),\n            },\n          ]}\n          placeholder={getPlaceholder(type)}\n        />\n      ) : (\n        <InputPhone\n          {...inputPhoneProps}\n          date={[\n            {\n              id: \"0\",\n              position: \"inline-start\",\n              component: (\n                <Icon\n                  type={type}\n                  classes={{\n                    wrapper: cn(\n                      `flex h-5.5 w-5.5 items-center justify-center rounded-sm p-[3.5px]\n                        ${iconStyles(type).bgColor ?? \"bg-primary-inverse-hover-bg\"}\n                        ${iconStyles(type).textColor ?? \"text-primary-inverse-text\"}`,\n                    ),\n                  }}\n                  viewBox={iconStyles(type).viewBox}\n                />\n              ),\n            },\n            {\n              id: \"1\",\n              position: \"inline-end\",\n              component: (\n                <Icon\n                  type={isOpened ? \"chevron-up\" : \"chevron\"}\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 { bgColor, textColor, viewBox } = iconStyles(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                <Icon\n                  type={icon}\n                  className=\"text-primary-inverse-text\"\n                  classes={{\n                    wrapper: cn(\n                      `flex h-5.5 w-5.5 items-center justify-center rounded-sm\n                      ${bgColor ?? \"bg-primary-inverse-hover-bg\"}\n                      ${textColor ?? \"text-primary-inverse-text\"}`,\n                    ),\n                  }}\n                  viewBox={viewBox}\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","iconStyles","icon","InputContact","props","inputProps","inputPhoneProps","type","setType","useState","isOpened","openPopup","closePopup","usePopupControls","wrapperRef","useRef","useEffect","handleClickOutside","event","getPlaceholder","handleTypeChange","jsxs","cn","jsx","InputField","Icon","InputPhone","label","bgColor","textColor","viewBox","Button"],"mappings":"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"}

package/dist/components-input-contact.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./components-input-contact-input-contact.cjs");exports.InputContact=t.InputContact;
+//# sourceMappingURL=components-input-contact.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components-input-contact.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components-input-contact.js

@@ -0,0 +1,5 @@
+import { InputContact as n } from "./components-input-contact-input-contact.js";
+export {
+  n as InputContact
+};
+//# sourceMappingURL=components-input-contact.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components-input-contact.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./brd-ui-kit.css');const r=require("react/jsx-runtime");;/* empty css                   */require("./lib-utils.cjs");require("class-variance-authority");require("react");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");const q=require("./components-ui-icon-icon.cjs");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-table-table.cjs");require("./components-ui-tabs-tabs.cjs");require("./components-ui-tooltip-tooltip.cjs");require("./components-ui-typography-typography.styles.cjs");const o=require("./hooks-usePopupControls.cjs");require("lucide-react");require("./components-app-pagination-app-pagination.styles.cjs");require("./components-app-sidebar-app-sidebar.styles.cjs");const n=require("./components-input-field-input-field.cjs");require("./components-select-field-select-field.cjs");require("./lodash-kqhtUJfz.cjs");require("./chart-CgVfpT_X.cjs");require("./index-DGxwh2Ms.cjs");require("./index-fTTv8YY8.cjs");const t=({...i})=>{const{isOpened:e,togglePopup:u}=o.usePopupControls();return r.jsx(n.InputField,{...i,type:e?"text":"password",date:[{id:"0",position:"inline-end",component:r.jsx(q.Icon,{type:e?"eye-off":"eye",onClick:u,className:"cursor-pointer"})}]})};exports.InputPassword=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./brd-ui-kit.css');const r=require("react/jsx-runtime");;/* empty css                   */require("./lib-utils.cjs");require("class-variance-authority");require("react");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");const q=require("./components-ui-icon-icon.cjs");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-table-table.cjs");require("./components-ui-tabs-tabs.cjs");require("./components-ui-tooltip-tooltip.cjs");require("./components-ui-typography-typography.styles.cjs");const o=require("./hooks-usePopupControls.cjs");require("lucide-react");require("./components-app-pagination-app-pagination.styles.cjs");require("./components-app-sidebar-app-sidebar.styles.cjs");const n=require("./components-input-field-input-field.cjs");require("./components-select-field-select-field.cjs");require("./lodash-kqhtUJfz.cjs");require("./chart-CgVfpT_X.cjs");require("./index-DGxwh2Ms.cjs");require("./index-fTTv8YY8.cjs");require("./components-input-phone-input-phone.cjs");const t=({...i})=>{const{isOpened:e,togglePopup:u}=o.usePopupControls();return r.jsx(n.InputField,{...i,type:e?"text":"password",date:[{id:"0",position:"inline-end",component:r.jsx(q.Icon,{type:e?"eye-off":"eye",onClick:u,className:"cursor-pointer"})}]})};exports.InputPassword=t;
 //# sourceMappingURL=components-input-password-input-password.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"components-input-password-input-password.cjs","sources":["../src/components/input-password/input-password.tsx"],"sourcesContent":["import { Icon, InputField, usePopupControls, type InputProps } from \"@/index\";\n\ntype InputPasswordProps = InputProps;\n\nexport const InputPassword: React.FC<InputPasswordProps> = ({ ...rest }) => {\n  const { isOpened, togglePopup } = usePopupControls();\n\n  return (\n    <InputField\n      {...rest}\n      type={isOpened ? \"text\" : \"password\"}\n      date={[\n        {\n          id: \"0\",\n          position: \"inline-end\",\n          component: (\n            <Icon\n              type={isOpened ? \"eye-off\" : \"eye\"}\n              onClick={togglePopup}\n              className=\"cursor-pointer\"\n            />\n          ),\n        },\n      ]}\n    />\n  );\n};\n\nexport type { InputPasswordProps };\n"],"names":["InputPassword","rest","isOpened","togglePopup","usePopupControls","jsx","InputField","Icon"],"mappings":"g2DAIO,MAAMA,EAA8C,CAAC,CAAE,GAAGC,KAAW,CAC1E,KAAM,CAAE,SAAAC,EAAU,YAAAC,CAAA,EAAgBC,mBAAA,EAElC,OACEC,EAAAA,IAACC,EAAAA,WAAA,CACE,GAAGL,EACJ,KAAMC,EAAW,OAAS,WAC1B,KAAM,CACJ,CACE,GAAI,IACJ,SAAU,aACV,UACEG,EAAAA,IAACE,EAAAA,KAAA,CACC,KAAML,EAAW,UAAY,MAC7B,QAASC,EACT,UAAU,gBAAA,CAAA,CACZ,CAEJ,CACF,CAAA,CAGN"}
+{"version":3,"file":"components-input-password-input-password.cjs","sources":["../src/components/input-password/input-password.tsx"],"sourcesContent":["import { Icon, InputField, usePopupControls, type InputProps } from \"@/index\";\n\ntype InputPasswordProps = InputProps;\n\nexport const InputPassword: React.FC<InputPasswordProps> = ({ ...rest }) => {\n  const { isOpened, togglePopup } = usePopupControls();\n\n  return (\n    <InputField\n      {...rest}\n      type={isOpened ? \"text\" : \"password\"}\n      date={[\n        {\n          id: \"0\",\n          position: \"inline-end\",\n          component: (\n            <Icon\n              type={isOpened ? \"eye-off\" : \"eye\"}\n              onClick={togglePopup}\n              className=\"cursor-pointer\"\n            />\n          ),\n        },\n      ]}\n    />\n  );\n};\n\nexport type { InputPasswordProps };\n"],"names":["InputPassword","rest","isOpened","togglePopup","usePopupControls","jsx","InputField","Icon"],"mappings":"o5DAIO,MAAMA,EAA8C,CAAC,CAAE,GAAGC,KAAW,CAC1E,KAAM,CAAE,SAAAC,EAAU,YAAAC,CAAA,EAAgBC,mBAAA,EAElC,OACEC,EAAAA,IAACC,EAAAA,WAAA,CACE,GAAGL,EACJ,KAAMC,EAAW,OAAS,WAC1B,KAAM,CACJ,CACE,GAAI,IACJ,SAAU,aACV,UACEG,EAAAA,IAACE,EAAAA,KAAA,CACC,KAAML,EAAW,UAAY,MAC7B,QAASC,EACT,UAAU,gBAAA,CAAA,CACZ,CAEJ,CACF,CAAA,CAGN"}

package/dist/components-input-password-input-password.js

@@ -37,7 +37,8 @@ import "./lodash-FemA_LCk.js";
 import "./chart-D15EtNmb.js";
 import "./index-C4iHL8Gs.js";
 import "./index-C6N9aMq_.js";
-const U = ({ ...p }) => {
+import "./components-input-phone-input-phone.js";
+const V = ({ ...p }) => {
   const { isOpened: o, togglePopup: r } = m();
   return /* @__PURE__ */ t(
     e,
@@ -62,6 +63,6 @@ const U = ({ ...p }) => {
   );
 };
 export {
-  U as InputPassword
+  V as InputPassword
 };
 //# sourceMappingURL=components-input-password-input-password.js.map

package/dist/components-input-password-input-password.js.map

@@ -1 +1 @@
-{"version":3,"file":"components-input-password-input-password.js","sources":["../src/components/input-password/input-password.tsx"],"sourcesContent":["import { Icon, InputField, usePopupControls, type InputProps } from \"@/index\";\n\ntype InputPasswordProps = InputProps;\n\nexport const InputPassword: React.FC<InputPasswordProps> = ({ ...rest }) => {\n  const { isOpened, togglePopup } = usePopupControls();\n\n  return (\n    <InputField\n      {...rest}\n      type={isOpened ? \"text\" : \"password\"}\n      date={[\n        {\n          id: \"0\",\n          position: \"inline-end\",\n          component: (\n            <Icon\n              type={isOpened ? \"eye-off\" : \"eye\"}\n              onClick={togglePopup}\n              className=\"cursor-pointer\"\n            />\n          ),\n        },\n      ]}\n    />\n  );\n};\n\nexport type { InputPasswordProps };\n"],"names":["InputPassword","rest","isOpened","togglePopup","usePopupControls","jsx","InputField","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAMA,IAA8C,CAAC,EAAE,GAAGC,QAAW;AAC1E,QAAM,EAAE,UAAAC,GAAU,aAAAC,EAAA,IAAgBC,EAAA;AAElC,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGL;AAAA,MACJ,MAAMC,IAAW,SAAS;AAAA,MAC1B,MAAM;AAAA,QACJ;AAAA,UACE,IAAI;AAAA,UACJ,UAAU;AAAA,UACV,WACE,gBAAAG;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,MAAML,IAAW,YAAY;AAAA,cAC7B,SAASC;AAAA,cACT,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACZ;AAAA,MAEJ;AAAA,IACF;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"components-input-password-input-password.js","sources":["../src/components/input-password/input-password.tsx"],"sourcesContent":["import { Icon, InputField, usePopupControls, type InputProps } from \"@/index\";\n\ntype InputPasswordProps = InputProps;\n\nexport const InputPassword: React.FC<InputPasswordProps> = ({ ...rest }) => {\n  const { isOpened, togglePopup } = usePopupControls();\n\n  return (\n    <InputField\n      {...rest}\n      type={isOpened ? \"text\" : \"password\"}\n      date={[\n        {\n          id: \"0\",\n          position: \"inline-end\",\n          component: (\n            <Icon\n              type={isOpened ? \"eye-off\" : \"eye\"}\n              onClick={togglePopup}\n              className=\"cursor-pointer\"\n            />\n          ),\n        },\n      ]}\n    />\n  );\n};\n\nexport type { InputPasswordProps };\n"],"names":["InputPassword","rest","isOpened","togglePopup","usePopupControls","jsx","InputField","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAMA,IAA8C,CAAC,EAAE,GAAGC,QAAW;AAC1E,QAAM,EAAE,UAAAC,GAAU,aAAAC,EAAA,IAAgBC,EAAA;AAElC,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGL;AAAA,MACJ,MAAMC,IAAW,SAAS;AAAA,MAC1B,MAAM;AAAA,QACJ;AAAA,UACE,IAAI;AAAA,UACJ,UAAU;AAAA,UACV,WACE,gBAAAG;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,MAAML,IAAW,YAAY;AAAA,cAC7B,SAASC;AAAA,cACT,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACZ;AAAA,MAEJ;AAAA,IACF;AAAA,EAAA;AAGN;"}