brd-ui-kit 0.1.88 → 0.1.89

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

@@ -1,30 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./brd-ui-kit.css');const r=require("react/jsx-runtime"),y=require("./utils-get-validation-state.cjs");require("brd-phosphor-strokes-icons/icons");const j=require("brd-phosphor-strokes-icons/icons/Eye"),N=require("brd-phosphor-strokes-icons/icons/EyeSlash"),o=require("./components-ui-typography-typography.styles-CMzY_pXl.cjs"),u=require("class-variance-authority"),k=require("react"),w=require("@radix-ui/react-label");require("@radix-ui/react-dropdown-menu");const x=require("./index.esm-ZdO9UZ3G.cjs");function z(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,s.get?s:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const b=z(w),q=(e=!1)=>{const[t,a]=k.useState(e);return{isOpened:t,openPopup:()=>a(!0),closePopup:()=>a(!1),togglePopup:()=>a(s=>!s)}},S=u.cva(o.x("body-sm-regular")),g=({className:e,ref:t,...a})=>r.jsx(b.Root,{ref:t,className:o.m(S(),e),...a});g.displayName=b.Root.displayName;const P=u.cva("group/field data-[invalid=true]:text-error-text flex h-full w-full gap-2",{variants:{orientation:{vertical:["flex-col"],horizontal:["flex-row items-center","*:data-[slot=field-label]:flex-auto",`has-[>[data-slot=field-content]]:items-start
-          has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px`]}},defaultVariants:{orientation:"vertical"}}),V="flex flex-col gap-6 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3",O="group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4",_=[`group/field-label peer/field-label text-primary-text flex w-fit gap-2 text-sm
-  leading-[150%] font-normal tracking-normal
-  group-data-[disabled=true]/field:opacity-50`,"aria-invalid:text-error-text aria-valid:text-success-text disabled:text-disabled-text",`has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col
-  has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border
-  *:data-[slot=field]:p-4`,`has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary
-  dark:has-data-[state=checked]:bg-primary/10`].join(" ");[`text-primary-text flex w-fit items-center gap-2
-  group-data-[disabled=true]/field:opacity-50`,o.x("body-sm-regular")].join(" ");const I=["text-sub-label-text group-has-data-[orientation=horizontal]/field:text-balance","aria-invalid:text-error-text aria-valid:text-success-text disabled:text-disabled-text",o.x("body-xs-regular"),"last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5","[&>a:hover]:text-primary-text [&>a]:underline [&>a]:underline-offset-4"].join(" ");function E({className:e,...t}){return r.jsx("fieldset",{"data-slot":"field-set",className:o.m(V,e,"w-full min-w-0 flex-1"),...t})}function T({className:e,...t}){return r.jsx("div",{"data-slot":"field-group",className:o.m(O,e),...t})}function C({className:e,orientation:t="vertical",...a}){return r.jsx("div",{role:"group","data-slot":"field","data-orientation":t,className:o.m(P({orientation:t}),e),...a})}function F({className:e,...t}){return r.jsx(g,{"data-slot":"field-label",className:o.m(_,e),...t})}function R({className:e,...t}){return r.jsx("p",{"data-slot":"field-description",className:o.m(I,e),...t})}const D=u.cva(`text-primary-text hover:border-inp-hover-border focus:border-inp-focus-border
-  placeholder:text-placeholder-text disabled:border-inp-disabled-border bg-primary-bg
-  disabled:bg-disabled-bg disabled:text-disabled-text
-  disabled:placeholder:text-disabled-text aria-invalid:border-error-text
-  aria-valid:border-success-text w-full rounded-xl border px-3 py-2.5 tracking-normal
-  placeholder:text-sm focus:outline-none focus-visible:ring-0
-  disabled:pointer-events-none`,{variants:{variant:{primary:"border-inp-default-border"},sizeInput:{lg:"h-12 text-base",md:"h-10 text-sm",sm:"h-8 text-sm",xs:"h-6 text-xs"}},defaultVariants:{variant:"primary",sizeInput:"md"}}),f=({className:e,sizeInput:t,type:a,variant:s,...l})=>r.jsx("input",{"data-slot":"input",type:a||"text",className:o.m(D({variant:s,sizeInput:t}),e),...l}),M=u.cva(`text-secondary-text group-data-[disabled=true]/input-group:text-disabled-text flex
-  h-auto shrink-0 cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium
-  select-none [&>kbd]:rounded-[calc(var(--radius)-5px)]
-  [&>svg:not([class*='size-'])]:size-4`,{variants:{align:{"inline-start":"order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]","inline-end":"order-last pr-3 has-[>button]:mr-[-0.4rem] has-[>kbd]:mr-[-0.35rem]","block-start":`order-first w-full justify-start px-3 pt-3
-        group-has-[>input]/input-group:pt-2.5 [.border-b]:pb-3`,"block-end":`order-last w-full justify-start px-3 pb-3
-        group-has-[>input]/input-group:pb-2.5 [.border-t]:pt-3`}},defaultVariants:{align:"inline-start"}});u.cva("flex items-center gap-2 text-sm shadow-none",{variants:{size:{xs:`h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-2 has-[>svg]:px-2
-        [&>svg:not([class*='size-'])]:size-3.5`,sm:"h-8 gap-1.5 rounded-md px-2.5 has-[>svg]:px-2.5","icon-xs":"size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0","icon-sm":"size-8 p-0 has-[>svg]:p-0"}},defaultVariants:{size:"xs"}});function A({className:e,...t}){return r.jsx("div",{"data-slot":"input-group",role:"group",className:o.m(`group/input-group border-inp-default-border bg-primary-bg relative flex w-full
-        items-center rounded-xl border transition-[color,box-shadow] outline-none`,"h-10 has-[>textarea]:h-auto","hover:border-inp-hover-border","has-[>[data-align=inline-start]]:[&>input]:pl-2","has-[>[data-align=inline-end]]:[&>input]:pr-2",`has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col
-        has-[>[data-align=block-start]]:[&>input]:pb-3`,`has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col
-        has-[>[data-align=block-end]]:[&>input]:pt-3`,`has-[[data-slot=input-group-control]:focus-visible]:ring-inp-focus-border/20
-        has-[[data-slot=input-group-control]:focus-visible]:border-inp-focus-border`,"has-[[data-slot=input-group-control][aria-invalid=true]]:border-error-text","has-[[data-slot=input-group-control][aria-valid=true]]:border-success-text",`has-[[data-slot=input-group-control][disabled]]:border-inp-disabled-border
-        has-[[data-slot=input-group-control][disabled]]:bg-disabled-bg
-        has-[[data-slot=input-group-control][disabled]]:text-disabled-text
-        has-[[data-slot=input-group-control][disabled]]:[&_svg]:text-disabled-text`,e),...t})}function L({className:e,align:t="inline-start",...a}){return r.jsx("div",{role:"group","data-slot":"input-group-addon","data-align":t,className:o.m(M({align:t}),e),onClick:s=>{s.target.closest("button")||s.currentTarget.parentElement?.querySelector("input")?.focus()},...a})}function $(e){return r.jsx(f,{"data-slot":"input-group-control",className:o.m(`w-0 min-w-0 flex-1 rounded-none border-0 bg-transparent shadow-none
-        focus-visible:ring-0 disabled:border-0 disabled:bg-transparent
-        dark:bg-transparent`,e.className),...e})}const G=({date:e=[],isValid:t,disabled:a=!1,label:s,description:l,classes:i,ref:c,...p})=>{const n={...t===!0&&!a&&{"aria-valid":!0},...t===!1&&!a&&{"aria-invalid":!0},disabled:a};return r.jsx(E,{className:i?.fieldset,children:r.jsx(T,{className:i?.fieldgroup,children:r.jsxs(C,{className:i?.field,children:[s&&r.jsx(F,{...n,children:s}),e.length>0?r.jsxs(A,{"data-slot":!0,className:i?.inputgroup,children:[r.jsx($,{ref:c,...p,...n,disabled:a}),e.map(d=>r.jsx(L,{align:d.position,className:i?.inputaddon,children:d.component},d.id))]}):r.jsx(f,{ref:c,...p,...n,disabled:a}),l&&r.jsx(R,{...n,children:l})]})})})},H=({...e})=>{const{isOpened:t,togglePopup:a}=q();return r.jsx(G,{...e,type:t?"text":"password",date:[{id:"0",position:"inline-end",component:r.jsx(o.v,{icon:t?N.EyeSlash:j.Eye,onClick:a,className:"cursor-pointer"})}]})},U=({name:e,rules:t,...a})=>{const{formState:{errors:s,touchedFields:l,isSubmitted:i},control:c}=x.useFormContext();return r.jsx(x.Controller,{name:e,rules:t,control:c,render:({field:{onChange:p,onBlur:n,value:d=""}},...m)=>{const[h,v]=y.getValidationState(e,d,s,l,i);return r.jsx(H,{...m,onChange:p,onBlur:n,value:d,...a,isValid:h,description:v})}})};exports.FormInputPassword=U;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),S=require("./utils-get-validation-state.cjs"),g=require("./components-input-password-input-password.cjs"),o=require("./index.esm-ZdO9UZ3G.cjs"),w=({name:t,rules:s,...n})=>{const{formState:{errors:i,touchedFields:u,isSubmitted:d},control:a}=o.useFormContext();return e.jsx(o.Controller,{name:t,rules:s,control:a,render:({field:{onChange:c,onBlur:l,value:r=""}},...m)=>{const[p,P]=S.getValidationState(t,r,i,u,d);return e.jsx(g.InputPassword,{...m,onChange:c,onBlur:l,value:r,...n,isValid:p,description:P})}})};exports.FormInputPassword=w;
 //# sourceMappingURL=components-forms-form-input-password.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"components-forms-form-input-password.cjs","sources":["hooks-usePopupControls.js","components-ui-label-label.js","components-ui-field-field.styles.js","components-ui-field-field.js","components-ui-input-input.styles.js","components-ui-input-input.js","components-ui-input-group-input-group.styles.js","components-ui-input-group-input-group.js","components-input-field-input-field.js","components-input-password-input-password.js","../src/components/forms/form-input-password.tsx"],"sourcesContent":["import { useState as s } from \"react\";\nconst r = (p = !1) => {\n  const [e, o] = s(p);\n  return {\n    isOpened: e,\n    openPopup: () => o(!0),\n    closePopup: () => o(!1),\n    togglePopup: () => o((t) => !t)\n  };\n};\nexport {\n  r as usePopupControls\n};\n//# sourceMappingURL=hooks-usePopupControls.js.map\n","import { jsx as t } from \"react/jsx-runtime\";\nimport * as o from \"@radix-ui/react-label\";\nimport { cva as i } from \"class-variance-authority\";\nimport { cn as s } from \"./lib-utils.js\";\nimport \"react\";\nimport { getTypographyClassName as e } from \"./components-ui-typography-typography.styles.js\";\nconst p = i(e(\"body-sm-regular\")), l = ({ className: a, ref: m, ...r }) => /* @__PURE__ */ t(\n  o.Root,\n  {\n    ref: m,\n    className: s(p(), a),\n    ...r\n  }\n);\nl.displayName = o.Root.displayName;\nexport {\n  l as Label\n};\n//# sourceMappingURL=components-ui-label-label.js.map\n","import { cva as a } from \"class-variance-authority\";\nimport \"react\";\nimport \"./lib-utils.js\";\nimport { getTypographyClassName as t } from \"./components-ui-typography-typography.styles.js\";\nconst i = a(\n  \"group/field data-[invalid=true]:text-error-text flex h-full w-full gap-2\",\n  {\n    variants: {\n      orientation: {\n        vertical: [\"flex-col\"],\n        horizontal: [\n          \"flex-row items-center\",\n          \"*:data-[slot=field-label]:flex-auto\",\n          `has-[>[data-slot=field-content]]:items-start\n          has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px`\n        ]\n      }\n    },\n    defaultVariants: {\n      orientation: \"vertical\"\n    }\n  }\n), s = \"flex flex-col gap-6 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3\", d = \"mb-3 font-medium data-[variant=legend]:text-base data-[variant=label]:text-sm\", n = \"group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4\", f = \"group/field-content flex flex-1 flex-col gap-2\", x = [\n  `group/field-label peer/field-label text-primary-text flex w-fit gap-2 text-sm\n  leading-[150%] font-normal tracking-normal\n  group-data-[disabled=true]/field:opacity-50`,\n  \"aria-invalid:text-error-text aria-valid:text-success-text disabled:text-disabled-text\",\n  `has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col\n  has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border\n  *:data-[slot=field]:p-4`,\n  `has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary\n  dark:has-data-[state=checked]:bg-primary/10`\n].join(\" \"), c = [\n  `text-primary-text flex w-fit items-center gap-2\n  group-data-[disabled=true]/field:opacity-50`,\n  t(\"body-sm-regular\")\n].join(\" \"), p = [\n  \"text-sub-label-text group-has-data-[orientation=horizontal]/field:text-balance\",\n  \"aria-invalid:text-error-text aria-valid:text-success-text disabled:text-disabled-text\",\n  t(\"body-xs-regular\"),\n  \"last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5\",\n  \"[&>a:hover]:text-primary-text [&>a]:underline [&>a]:underline-offset-4\"\n].join(\" \"), m = \"relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2\", g = \"absolute inset-0 top-1/2\", u = \"bg-background text-muted-foreground relative mx-auto block w-fit px-2\", b = \"ml-4 flex list-disc flex-col gap-1\", h = \"text-error-text text-xs leading-[140%] font-normal tracking-normal\";\nexport {\n  f as fieldContentClassName,\n  p as fieldDescriptionClassName,\n  h as fieldErrorClassName,\n  b as fieldErrorsListClassName,\n  n as fieldGroupClassName,\n  x as fieldLabelClassName,\n  d as fieldLegendClassName,\n  m as fieldSeparatorClassName,\n  u as fieldSeparatorContentClassName,\n  g as fieldSeparatorLineClassName,\n  s as fieldSetClassName,\n  c as fieldTitleClassName,\n  i as fieldVariants\n};\n//# sourceMappingURL=components-ui-field-field.styles.js.map\n","import { jsx as l, jsxs as d } from \"react/jsx-runtime\";\nimport \"class-variance-authority\";\nimport { useMemo as o } from \"react\";\nimport { cn as s } from \"./lib-utils.js\";\nimport { Label as f } from \"./components-ui-label-label.js\";\nimport { Separator as m } from \"./components-ui-separator-separator.js\";\nimport { fieldSetClassName as u, fieldGroupClassName as c, fieldVariants as p, fieldLabelClassName as N, fieldDescriptionClassName as C, fieldContentClassName as g, fieldLegendClassName as F, fieldErrorsListClassName as v, fieldErrorClassName as L, fieldSeparatorLineClassName as S, fieldSeparatorContentClassName as b, fieldSeparatorClassName as x, fieldTitleClassName as E } from \"./components-ui-field-field.styles.js\";\nfunction V({ className: a, ...e }) {\n  return /* @__PURE__ */ l(\n    \"fieldset\",\n    {\n      \"data-slot\": \"field-set\",\n      className: s(u, a, \"w-full min-w-0 flex-1\"),\n      ...e\n    }\n  );\n}\nfunction k({\n  className: a,\n  variant: e = \"legend\",\n  ...t\n}) {\n  return /* @__PURE__ */ l(\n    \"legend\",\n    {\n      \"data-slot\": \"field-legend\",\n      \"data-variant\": e,\n      className: s(F, a),\n      ...t\n    }\n  );\n}\nfunction q({ className: a, ...e }) {\n  return /* @__PURE__ */ l(\n    \"div\",\n    {\n      \"data-slot\": \"field-group\",\n      className: s(c, a),\n      ...e\n    }\n  );\n}\nfunction y({\n  className: a,\n  orientation: e = \"vertical\",\n  ...t\n}) {\n  return /* @__PURE__ */ l(\n    \"div\",\n    {\n      role: \"group\",\n      \"data-slot\": \"field\",\n      \"data-orientation\": e,\n      className: s(p({ orientation: e }), a),\n      ...t\n    }\n  );\n}\nfunction z({ className: a, ...e }) {\n  return /* @__PURE__ */ l(\n    \"div\",\n    {\n      \"data-slot\": \"field-content\",\n      className: s(g, a),\n      ...e\n    }\n  );\n}\nfunction A({ className: a, ...e }) {\n  return /* @__PURE__ */ l(\n    f,\n    {\n      \"data-slot\": \"field-label\",\n      className: s(N, a),\n      ...e\n    }\n  );\n}\nfunction B({ className: a, ...e }) {\n  return /* @__PURE__ */ l(\n    \"div\",\n    {\n      \"data-slot\": \"field-label\",\n      className: s(E, a),\n      ...e\n    }\n  );\n}\nfunction H({ className: a, ...e }) {\n  return /* @__PURE__ */ l(\n    \"p\",\n    {\n      \"data-slot\": \"field-description\",\n      className: s(C, a),\n      ...e\n    }\n  );\n}\nfunction I({\n  children: a,\n  className: e,\n  ...t\n}) {\n  return /* @__PURE__ */ d(\n    \"div\",\n    {\n      \"data-slot\": \"field-separator\",\n      \"data-content\": !!a,\n      className: s(x, e),\n      ...t,\n      children: [\n        /* @__PURE__ */ l(m, { className: S }),\n        a && /* @__PURE__ */ l(\n          \"span\",\n          {\n            className: b,\n            \"data-slot\": \"field-separator-content\",\n            children: a\n          }\n        )\n      ]\n    }\n  );\n}\nfunction J({\n  className: a,\n  children: e,\n  errors: t,\n  ...r\n}) {\n  const n = o(() => e || (t ? t.length === 1 && t[0]?.message ? t[0].message : /* @__PURE__ */ l(\"ul\", { className: v, children: t.map((i) => i?.message ? /* @__PURE__ */ l(\"li\", { children: i.message }, i.message) : null) }) : null), [e, t]);\n  return n ? /* @__PURE__ */ l(\n    \"div\",\n    {\n      role: \"alert\",\n      \"data-slot\": \"field-error\",\n      className: s(L, a),\n      ...r,\n      children: n\n    }\n  ) : null;\n}\nexport {\n  y as Field,\n  z as FieldContent,\n  H as FieldDescription,\n  J as FieldError,\n  q as FieldGroup,\n  A as FieldLabel,\n  k as FieldLegend,\n  I as FieldSeparator,\n  V as FieldSet,\n  B as FieldTitle\n};\n//# sourceMappingURL=components-ui-field-field.js.map\n","import { cva as e } from \"class-variance-authority\";\nconst t = e(\n  `text-primary-text hover:border-inp-hover-border focus:border-inp-focus-border\n  placeholder:text-placeholder-text disabled:border-inp-disabled-border bg-primary-bg\n  disabled:bg-disabled-bg disabled:text-disabled-text\n  disabled:placeholder:text-disabled-text aria-invalid:border-error-text\n  aria-valid:border-success-text w-full rounded-xl border px-3 py-2.5 tracking-normal\n  placeholder:text-sm focus:outline-none focus-visible:ring-0\n  disabled:pointer-events-none`,\n  {\n    variants: {\n      variant: {\n        primary: \"border-inp-default-border\"\n      },\n      sizeInput: {\n        lg: \"h-12 text-base\",\n        md: \"h-10 text-sm\",\n        sm: \"h-8 text-sm\",\n        xs: \"h-6 text-xs\"\n      }\n    },\n    defaultVariants: {\n      variant: \"primary\",\n      sizeInput: \"md\"\n    }\n  }\n);\nexport {\n  t as inputVariants\n};\n//# sourceMappingURL=components-ui-input-input.styles.js.map\n","import { jsx as m } from \"react/jsx-runtime\";\nimport { cn as n } from \"./lib-utils.js\";\nimport \"class-variance-authority\";\nimport { inputVariants as a } from \"./components-ui-input-input.styles.js\";\nconst f = ({ className: t, sizeInput: r, type: o, variant: p, ...i }) => /* @__PURE__ */ m(\n  \"input\",\n  {\n    \"data-slot\": \"input\",\n    type: o || \"text\",\n    className: n(a({ variant: p, sizeInput: r }), t),\n    ...i\n  }\n);\nexport {\n  f as Input\n};\n//# sourceMappingURL=components-ui-input-input.js.map\n","import { cva as t } from \"class-variance-authority\";\nconst r = t(\n  `text-secondary-text group-data-[disabled=true]/input-group:text-disabled-text flex\n  h-auto shrink-0 cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium\n  select-none [&>kbd]:rounded-[calc(var(--radius)-5px)]\n  [&>svg:not([class*='size-'])]:size-4`,\n  {\n    variants: {\n      align: {\n        \"inline-start\": \"order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]\",\n        \"inline-end\": \"order-last pr-3 has-[>button]:mr-[-0.4rem] has-[>kbd]:mr-[-0.35rem]\",\n        \"block-start\": `order-first w-full justify-start px-3 pt-3\n        group-has-[>input]/input-group:pt-2.5 [.border-b]:pb-3`,\n        \"block-end\": `order-last w-full justify-start px-3 pb-3\n        group-has-[>input]/input-group:pb-2.5 [.border-t]:pt-3`\n      }\n    },\n    defaultVariants: {\n      align: \"inline-start\"\n    }\n  }\n), a = t(\n  \"flex items-center gap-2 text-sm shadow-none\",\n  {\n    variants: {\n      size: {\n        xs: `h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-2 has-[>svg]:px-2\n        [&>svg:not([class*='size-'])]:size-3.5`,\n        sm: \"h-8 gap-1.5 rounded-md px-2.5 has-[>svg]:px-2.5\",\n        \"icon-xs\": \"size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0\",\n        \"icon-sm\": \"size-8 p-0 has-[>svg]:p-0\"\n      }\n    },\n    defaultVariants: {\n      size: \"xs\"\n    }\n  }\n);\nexport {\n  r as inputGroupAddonVariants,\n  a as inputGroupButtonVariants\n};\n//# sourceMappingURL=components-ui-input-group-input-group.styles.js.map\n","import { jsx as a } from \"react/jsx-runtime\";\nimport \"class-variance-authority\";\nimport { cn as o } from \"./lib-utils.js\";\nimport { Button as i } from \"./components-ui-button-button.js\";\nimport \"./components-ui-button-button.styles.js\";\nimport { Input as u } from \"./components-ui-input-input.js\";\nimport { Textarea as d } from \"./components-ui-textarea-textarea.js\";\nimport { inputGroupAddonVariants as l, inputGroupButtonVariants as p } from \"./components-ui-input-group-input-group.styles.js\";\nfunction k({ className: t, ...r }) {\n  return /* @__PURE__ */ a(\n    \"div\",\n    {\n      \"data-slot\": \"input-group\",\n      role: \"group\",\n      className: o(\n        `group/input-group border-inp-default-border bg-primary-bg relative flex w-full\n        items-center rounded-xl border transition-[color,box-shadow] outline-none`,\n        \"h-10 has-[>textarea]:h-auto\",\n        \"hover:border-inp-hover-border\",\n        \"has-[>[data-align=inline-start]]:[&>input]:pl-2\",\n        \"has-[>[data-align=inline-end]]:[&>input]:pr-2\",\n        `has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col\n        has-[>[data-align=block-start]]:[&>input]:pb-3`,\n        `has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col\n        has-[>[data-align=block-end]]:[&>input]:pt-3`,\n        `has-[[data-slot=input-group-control]:focus-visible]:ring-inp-focus-border/20\n        has-[[data-slot=input-group-control]:focus-visible]:border-inp-focus-border`,\n        \"has-[[data-slot=input-group-control][aria-invalid=true]]:border-error-text\",\n        \"has-[[data-slot=input-group-control][aria-valid=true]]:border-success-text\",\n        `has-[[data-slot=input-group-control][disabled]]:border-inp-disabled-border\n        has-[[data-slot=input-group-control][disabled]]:bg-disabled-bg\n        has-[[data-slot=input-group-control][disabled]]:text-disabled-text\n        has-[[data-slot=input-group-control][disabled]]:[&_svg]:text-disabled-text`,\n        t\n      ),\n      ...r\n    }\n  );\n}\nfunction G({\n  className: t,\n  align: r = \"inline-start\",\n  ...e\n}) {\n  return /* @__PURE__ */ a(\n    \"div\",\n    {\n      role: \"group\",\n      \"data-slot\": \"input-group-addon\",\n      \"data-align\": r,\n      className: o(l({ align: r }), t),\n      onClick: (n) => {\n        n.target.closest(\"button\") || n.currentTarget.parentElement?.querySelector(\"input\")?.focus();\n      },\n      ...e\n    }\n  );\n}\nfunction I({\n  className: t,\n  type: r = \"button\",\n  variant: e = \"primary\",\n  size: n = \"xs\",\n  ...s\n}) {\n  return /* @__PURE__ */ a(\n    i,\n    {\n      type: r,\n      \"data-size\": n,\n      variant: e,\n      className: o(p({ size: n }), t),\n      ...s\n    }\n  );\n}\nfunction N({ className: t, ...r }) {\n  return /* @__PURE__ */ a(\n    \"span\",\n    {\n      className: o(\n        `text-secondary-text flex items-center gap-2 text-sm [&_svg]:pointer-events-none\n        [&_svg:not([class*='size-'])]:size-4`,\n        t\n      ),\n      ...r\n    }\n  );\n}\nfunction w(t) {\n  return /* @__PURE__ */ a(\n    u,\n    {\n      \"data-slot\": \"input-group-control\",\n      className: o(\n        `w-0 min-w-0 flex-1 rounded-none border-0 bg-transparent shadow-none\n        focus-visible:ring-0 disabled:border-0 disabled:bg-transparent\n        dark:bg-transparent`,\n        t.className\n      ),\n      ...t\n    }\n  );\n}\nfunction y({ className: t, ...r }) {\n  return /* @__PURE__ */ a(\n    d,\n    {\n      \"data-slot\": \"input-group-control\",\n      className: o(\n        `flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none\n        focus-visible:ring-0 disabled:border-0 disabled:bg-transparent\n        dark:bg-transparent`,\n        t\n      ),\n      ...r\n    }\n  );\n}\nexport {\n  k as InputGroup,\n  G as InputGroupAddon,\n  I as InputGroupButton,\n  w as InputGroupInput,\n  N as InputGroupText,\n  y as InputGroupTextarea\n};\n//# sourceMappingURL=components-ui-input-group-input-group.js.map\n","import { jsx as r, jsxs as d } from \"react/jsx-runtime\";\nimport { FieldSet as c, FieldGroup as f, Field as h, FieldLabel as F, FieldDescription as I } from \"./components-ui-field-field.js\";\nimport { Input as N } from \"./components-ui-input-input.js\";\nimport { InputGroup as g, InputGroupInput as G, InputGroupAddon as s } from \"./components-ui-input-group-input-group.js\";\nconst D = ({\n  date: p = [],\n  isValid: e,\n  disabled: i = !1,\n  label: l,\n  description: u,\n  classes: n,\n  ref: a,\n  ...m\n}) => {\n  const o = {\n    ...e === !0 && !i && { \"aria-valid\": !0 },\n    ...e === !1 && !i && { \"aria-invalid\": !0 },\n    disabled: i\n  };\n  return /* @__PURE__ */ r(c, { className: n?.fieldset, children: /* @__PURE__ */ r(f, { className: n?.fieldgroup, children: /* @__PURE__ */ d(h, { className: n?.field, children: [\n    l && /* @__PURE__ */ r(F, { ...o, children: l }),\n    p.length > 0 ? /* @__PURE__ */ d(\n      g,\n      {\n        \"data-slot\": !0,\n        className: n?.inputgroup,\n        children: [\n          /* @__PURE__ */ r(\n            G,\n            {\n              ref: a,\n              ...m,\n              ...o,\n              disabled: i\n            }\n          ),\n          p.map((t) => /* @__PURE__ */ r(\n            s,\n            {\n              align: t.position,\n              className: n?.inputaddon,\n              children: t.component\n            },\n            t.id\n          ))\n        ]\n      }\n    ) : /* @__PURE__ */ r(\n      N,\n      {\n        ref: a,\n        ...m,\n        ...o,\n        disabled: i\n      }\n    ),\n    u && /* @__PURE__ */ r(I, { ...o, children: u })\n  ] }) }) });\n};\nexport {\n  D as InputField\n};\n//# sourceMappingURL=components-input-field-input-field.js.map\n","import { jsx as r } from \"react/jsx-runtime\";\nimport { Eye as e } from \"brd-phosphor-strokes-icons/icons/Eye\";\nimport { EyeSlash as n } from \"brd-phosphor-strokes-icons/icons/EyeSlash\";\nimport { StrokeIcon as i } from \"./components-icons-stroke-icon.js\";\nimport { InputField as s } from \"./components-input-field-input-field.js\";\nimport { usePopupControls as m } from \"./hooks-usePopupControls.js\";\nconst x = ({ ...t }) => {\n  const { isOpened: o, togglePopup: p } = m();\n  return /* @__PURE__ */ r(\n    s,\n    {\n      ...t,\n      type: o ? \"text\" : \"password\",\n      date: [\n        {\n          id: \"0\",\n          position: \"inline-end\",\n          component: /* @__PURE__ */ r(\n            i,\n            {\n              icon: o ? n : e,\n              onClick: p,\n              className: \"cursor-pointer\"\n            }\n          )\n        }\n      ]\n    }\n  );\n};\nexport {\n  x as InputPassword\n};\n//# sourceMappingURL=components-input-password-input-password.js.map\n","import { getValidationState } from \"@/utils/get-validation-state\";\nimport { InputPassword, type InputPasswordProps } from \"brd-ui-kit\";\nimport {\n  Controller,\n  useFormContext,\n  type ControllerRenderProps,\n  type RegisterOptions,\n} from \"react-hook-form\";\n\ntype Props = Omit<InputPasswordProps, keyof ControllerRenderProps> & {\n  name: string;\n  rules?: RegisterOptions;\n  disabled?: boolean;\n};\n\nexport const FormInputPassword = ({ name, rules, ...rest }: Props) => {\n  const {\n    formState: { errors, touchedFields, isSubmitted },\n    control,\n  } = useFormContext();\n\n  return (\n    <Controller\n      name={name}\n      rules={rules}\n      control={control}\n      render={({ field: { onChange, onBlur, value = \"\" } }, ...fields) => {\n        const [isValid, errorMsg] = getValidationState(\n          name,\n          value,\n          errors,\n          touchedFields,\n          isSubmitted,\n        );\n\n        return (\n          <InputPassword\n            {...fields}\n            onChange={onChange}\n            onBlur={onBlur}\n            value={value}\n            {...rest}\n            isValid={isValid}\n            description={errorMsg}\n          />\n        );\n      }}\n    />\n  );\n};\n"],"names":["r","p","e","o","s","t","i","l","a","m","n","x","V","u","q","c","y","A","f","N","H","C","k","G","w","D","d","h","F","g","I","FormInputPassword","name","rules","rest","errors","touchedFields","isSubmitted","control","useFormContext","jsx","Controller","onChange","onBlur","value","fields","isValid","errorMsg","getValidationState","InputPassword"],"mappings":"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"}
+{"version":3,"file":"components-forms-form-input-password.cjs","sources":["../src/components/forms/form-input-password.tsx"],"sourcesContent":["import { getValidationState } from \"@/utils/get-validation-state\";\nimport { InputPassword, type InputPasswordProps } from \"@/components/input-password\";\nimport {\n  Controller,\n  useFormContext,\n  type ControllerRenderProps,\n  type RegisterOptions,\n} from \"react-hook-form\";\n\ntype Props = Omit<InputPasswordProps, keyof ControllerRenderProps> & {\n  name: string;\n  rules?: RegisterOptions;\n  disabled?: boolean;\n};\n\nexport const FormInputPassword = ({ name, rules, ...rest }: Props) => {\n  const {\n    formState: { errors, touchedFields, isSubmitted },\n    control,\n  } = useFormContext();\n\n  return (\n    <Controller\n      name={name}\n      rules={rules}\n      control={control}\n      render={({ field: { onChange, onBlur, value = \"\" } }, ...fields) => {\n        const [isValid, errorMsg] = getValidationState(\n          name,\n          value,\n          errors,\n          touchedFields,\n          isSubmitted,\n        );\n\n        return (\n          <InputPassword\n            {...fields}\n            onChange={onChange}\n            onBlur={onBlur}\n            value={value}\n            {...rest}\n            isValid={isValid}\n            description={errorMsg}\n          />\n        );\n      }}\n    />\n  );\n};\n"],"names":["FormInputPassword","name","rules","rest","errors","touchedFields","isSubmitted","control","useFormContext","jsx","Controller","onChange","onBlur","value","fields","isValid","errorMsg","getValidationState","InputPassword"],"mappings":"qQAeaA,EAAoB,CAAC,CAAE,KAAAC,EAAM,MAAAC,EAAO,GAAGC,KAAkB,CACpE,KAAM,CACJ,UAAW,CAAE,OAAAC,EAAQ,cAAAC,EAAe,YAAAC,CAAA,EACpC,QAAAC,CAAA,EACEC,iBAAA,EAEJ,OACEC,EAAAA,IAACC,EAAAA,WAAA,CACC,KAAAT,EACA,MAAAC,EACA,QAAAK,EACA,OAAQ,CAAC,CAAE,MAAO,CAAE,SAAAI,EAAU,OAAAC,EAAQ,MAAAC,EAAQ,EAAA,MAAWC,IAAW,CAClE,KAAM,CAACC,EAASC,CAAQ,EAAIC,EAAAA,mBAC1BhB,EACAY,EACAT,EACAC,EACAC,CAAA,EAGF,OACEG,EAAAA,IAACS,EAAAA,cAAA,CACE,GAAGJ,EACJ,SAAAH,EACA,OAAAC,EACA,MAAAC,EACC,GAAGV,EACJ,QAAAY,EACA,YAAaC,CAAA,CAAA,CAGnB,CAAA,CAAA,CAGN"}

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

@@ -1,370 +1,36 @@
-import { jsx as r, jsxs as f } from "react/jsx-runtime";
-import { getValidationState as N } from "./utils-get-validation-state.js";
-import "brd-phosphor-strokes-icons/icons";
-import { Eye as k } from "brd-phosphor-strokes-icons/icons/Eye";
-import { EyeSlash as w } from "brd-phosphor-strokes-icons/icons/EyeSlash";
-import { m as s, x as b, v as z } from "./components-ui-typography-typography.styles-C6G6MFUq.js";
-import { cva as p } from "class-variance-authority";
-import { useState as j } from "react";
-import * as m from "@radix-ui/react-label";
-import "@radix-ui/react-dropdown-menu";
-import { a as V, C as P } from "./index.esm-CFsbc_Iq.js";
-import './brd-ui-kit.css';const S = (t = !1) => {
-  const [a, e] = j(t);
-  return {
-    isOpened: a,
-    openPopup: () => e(!0),
-    closePopup: () => e(!1),
-    togglePopup: () => e((o) => !o)
-  };
-}, C = p(b("body-sm-regular")), g = ({ className: t, ref: a, ...e }) => /* @__PURE__ */ r(
-  m.Root,
-  {
-    ref: a,
-    className: s(C(), t),
-    ...e
-  }
-);
-g.displayName = m.Root.displayName;
-const I = p(
-  "group/field data-[invalid=true]:text-error-text flex h-full w-full gap-2",
-  {
-    variants: {
-      orientation: {
-        vertical: ["flex-col"],
-        horizontal: [
-          "flex-row items-center",
-          "*:data-[slot=field-label]:flex-auto",
-          `has-[>[data-slot=field-content]]:items-start
-          has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px`
-        ]
-      }
-    },
-    defaultVariants: {
-      orientation: "vertical"
-    }
-  }
-), E = "flex flex-col gap-6 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3", F = "group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4", $ = [
-  `group/field-label peer/field-label text-primary-text flex w-fit gap-2 text-sm
-  leading-[150%] font-normal tracking-normal
-  group-data-[disabled=true]/field:opacity-50`,
-  "aria-invalid:text-error-text aria-valid:text-success-text disabled:text-disabled-text",
-  `has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col
-  has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border
-  *:data-[slot=field]:p-4`,
-  `has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary
-  dark:has-data-[state=checked]:bg-primary/10`
-].join(" ");
-[
-  `text-primary-text flex w-fit items-center gap-2
-  group-data-[disabled=true]/field:opacity-50`,
-  b("body-sm-regular")
-].join(" ");
-const q = [
-  "text-sub-label-text group-has-data-[orientation=horizontal]/field:text-balance",
-  "aria-invalid:text-error-text aria-valid:text-success-text disabled:text-disabled-text",
-  b("body-xs-regular"),
-  "last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5",
-  "[&>a:hover]:text-primary-text [&>a]:underline [&>a]:underline-offset-4"
-].join(" ");
-function O({ className: t, ...a }) {
-  return /* @__PURE__ */ r(
-    "fieldset",
-    {
-      "data-slot": "field-set",
-      className: s(E, t, "w-full min-w-0 flex-1"),
-      ...a
-    }
-  );
-}
-function R({ className: t, ...a }) {
-  return /* @__PURE__ */ r(
-    "div",
-    {
-      "data-slot": "field-group",
-      className: s(F, t),
-      ...a
-    }
-  );
-}
-function A({
-  className: t,
-  orientation: a = "vertical",
-  ...e
-}) {
-  return /* @__PURE__ */ r(
-    "div",
-    {
-      role: "group",
-      "data-slot": "field",
-      "data-orientation": a,
-      className: s(I({ orientation: a }), t),
-      ...e
-    }
-  );
-}
-function D({ className: t, ...a }) {
-  return /* @__PURE__ */ r(
-    g,
-    {
-      "data-slot": "field-label",
-      className: s($, t),
-      ...a
-    }
-  );
-}
-function G({ className: t, ...a }) {
-  return /* @__PURE__ */ r(
-    "p",
-    {
-      "data-slot": "field-description",
-      className: s(q, t),
-      ...a
-    }
-  );
-}
-const H = p(
-  `text-primary-text hover:border-inp-hover-border focus:border-inp-focus-border
-  placeholder:text-placeholder-text disabled:border-inp-disabled-border bg-primary-bg
-  disabled:bg-disabled-bg disabled:text-disabled-text
-  disabled:placeholder:text-disabled-text aria-invalid:border-error-text
-  aria-valid:border-success-text w-full rounded-xl border px-3 py-2.5 tracking-normal
-  placeholder:text-sm focus:outline-none focus-visible:ring-0
-  disabled:pointer-events-none`,
-  {
-    variants: {
-      variant: {
-        primary: "border-inp-default-border"
-      },
-      sizeInput: {
-        lg: "h-12 text-base",
-        md: "h-10 text-sm",
-        sm: "h-8 text-sm",
-        xs: "h-6 text-xs"
-      }
-    },
-    defaultVariants: {
-      variant: "primary",
-      sizeInput: "md"
-    }
-  }
-), x = ({ className: t, sizeInput: a, type: e, variant: o, ...l }) => /* @__PURE__ */ r(
-  "input",
-  {
-    "data-slot": "input",
-    type: e || "text",
-    className: s(H({ variant: o, sizeInput: a }), t),
-    ...l
-  }
-), L = p(
-  `text-secondary-text group-data-[disabled=true]/input-group:text-disabled-text flex
-  h-auto shrink-0 cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium
-  select-none [&>kbd]:rounded-[calc(var(--radius)-5px)]
-  [&>svg:not([class*='size-'])]:size-4`,
-  {
-    variants: {
-      align: {
-        "inline-start": "order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]",
-        "inline-end": "order-last pr-3 has-[>button]:mr-[-0.4rem] has-[>kbd]:mr-[-0.35rem]",
-        "block-start": `order-first w-full justify-start px-3 pt-3
-        group-has-[>input]/input-group:pt-2.5 [.border-b]:pb-3`,
-        "block-end": `order-last w-full justify-start px-3 pb-3
-        group-has-[>input]/input-group:pb-2.5 [.border-t]:pt-3`
-      }
-    },
-    defaultVariants: {
-      align: "inline-start"
-    }
-  }
-);
-p(
-  "flex items-center gap-2 text-sm shadow-none",
-  {
-    variants: {
-      size: {
-        xs: `h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-2 has-[>svg]:px-2
-        [&>svg:not([class*='size-'])]:size-3.5`,
-        sm: "h-8 gap-1.5 rounded-md px-2.5 has-[>svg]:px-2.5",
-        "icon-xs": "size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0",
-        "icon-sm": "size-8 p-0 has-[>svg]:p-0"
-      }
-    },
-    defaultVariants: {
-      size: "xs"
-    }
-  }
-);
-function M({ className: t, ...a }) {
-  return /* @__PURE__ */ r(
-    "div",
-    {
-      "data-slot": "input-group",
-      role: "group",
-      className: s(
-        `group/input-group border-inp-default-border bg-primary-bg relative flex w-full
-        items-center rounded-xl border transition-[color,box-shadow] outline-none`,
-        "h-10 has-[>textarea]:h-auto",
-        "hover:border-inp-hover-border",
-        "has-[>[data-align=inline-start]]:[&>input]:pl-2",
-        "has-[>[data-align=inline-end]]:[&>input]:pr-2",
-        `has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col
-        has-[>[data-align=block-start]]:[&>input]:pb-3`,
-        `has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col
-        has-[>[data-align=block-end]]:[&>input]:pt-3`,
-        `has-[[data-slot=input-group-control]:focus-visible]:ring-inp-focus-border/20
-        has-[[data-slot=input-group-control]:focus-visible]:border-inp-focus-border`,
-        "has-[[data-slot=input-group-control][aria-invalid=true]]:border-error-text",
-        "has-[[data-slot=input-group-control][aria-valid=true]]:border-success-text",
-        `has-[[data-slot=input-group-control][disabled]]:border-inp-disabled-border
-        has-[[data-slot=input-group-control][disabled]]:bg-disabled-bg
-        has-[[data-slot=input-group-control][disabled]]:text-disabled-text
-        has-[[data-slot=input-group-control][disabled]]:[&_svg]:text-disabled-text`,
-        t
-      ),
-      ...a
-    }
-  );
-}
-function T({
-  className: t,
-  align: a = "inline-start",
-  ...e
-}) {
-  return /* @__PURE__ */ r(
-    "div",
-    {
-      role: "group",
-      "data-slot": "input-group-addon",
-      "data-align": a,
-      className: s(L({ align: a }), t),
-      onClick: (o) => {
-        o.target.closest("button") || o.currentTarget.parentElement?.querySelector("input")?.focus();
-      },
-      ...e
-    }
-  );
-}
-function _(t) {
-  return /* @__PURE__ */ r(
-    x,
-    {
-      "data-slot": "input-group-control",
-      className: s(
-        `w-0 min-w-0 flex-1 rounded-none border-0 bg-transparent shadow-none
-        focus-visible:ring-0 disabled:border-0 disabled:bg-transparent
-        dark:bg-transparent`,
-        t.className
-      ),
-      ...t
-    }
-  );
-}
-const B = ({
-  date: t = [],
-  isValid: a,
-  disabled: e = !1,
-  label: o,
-  description: l,
-  classes: i,
-  ref: u,
-  ...c
-}) => {
-  const d = {
-    ...a === !0 && !e && { "aria-valid": !0 },
-    ...a === !1 && !e && { "aria-invalid": !0 },
-    disabled: e
-  };
-  return /* @__PURE__ */ r(O, { className: i?.fieldset, children: /* @__PURE__ */ r(R, { className: i?.fieldgroup, children: /* @__PURE__ */ f(A, { className: i?.field, children: [
-    o && /* @__PURE__ */ r(D, { ...d, children: o }),
-    t.length > 0 ? /* @__PURE__ */ f(
-      M,
-      {
-        "data-slot": !0,
-        className: i?.inputgroup,
-        children: [
-          /* @__PURE__ */ r(
-            _,
-            {
-              ref: u,
-              ...c,
-              ...d,
-              disabled: e
-            }
-          ),
-          t.map((n) => /* @__PURE__ */ r(
-            T,
-            {
-              align: n.position,
-              className: i?.inputaddon,
-              children: n.component
-            },
-            n.id
-          ))
-        ]
-      }
-    ) : /* @__PURE__ */ r(
-      x,
-      {
-        ref: u,
-        ...c,
-        ...d,
-        disabled: e
-      }
-    ),
-    l && /* @__PURE__ */ r(G, { ...d, children: l })
-  ] }) }) });
-}, J = ({ ...t }) => {
-  const { isOpened: a, togglePopup: e } = S();
-  return /* @__PURE__ */ r(
-    B,
-    {
-      ...t,
-      type: a ? "text" : "password",
-      date: [
-        {
-          id: "0",
-          position: "inline-end",
-          component: /* @__PURE__ */ r(
-            z,
-            {
-              icon: a ? w : k,
-              onClick: e,
-              className: "cursor-pointer"
-            }
-          )
-        }
-      ]
-    }
-  );
-}, rt = ({ name: t, rules: a, ...e }) => {
+import { jsx as t } from "react/jsx-runtime";
+import { getValidationState as u } from "./utils-get-validation-state.js";
+import { InputPassword as x } from "./components-input-password-input-password.js";
+import { a as C, C as F } from "./index.esm-CFsbc_Iq.js";
+const P = ({ name: r, rules: s, ...e }) => {
   const {
-    formState: { errors: o, touchedFields: l, isSubmitted: i },
-    control: u
-  } = V();
-  return /* @__PURE__ */ r(
-    P,
-    {
-      name: t,
-      rules: a,
-      control: u,
-      render: ({ field: { onChange: c, onBlur: d, value: n = "" } }, ...h) => {
-        const [v, y] = N(
-          t,
-          n,
+    formState: { errors: i, touchedFields: n, isSubmitted: m },
+    control: d
+  } = C();
+  return /* @__PURE__ */ t(
+    F,
+    {
+      name: r,
+      rules: s,
+      control: d,
+      render: ({ field: { onChange: a, onBlur: p, value: o = "" } }, ...c) => {
+        const [f, l] = u(
+          r,
           o,
-          l,
-          i
+          i,
+          n,
+          m
         );
-        return /* @__PURE__ */ r(
-          J,
+        return /* @__PURE__ */ t(
+          x,
           {
-            ...h,
-            onChange: c,
-            onBlur: d,
-            value: n,
+            ...c,
+            onChange: a,
+            onBlur: p,
+            value: o,
             ...e,
-            isValid: v,
-            description: y
+            isValid: f,
+            description: l
           }
         );
       }
@@ -372,6 +38,6 @@ const B = ({
   );
 };
 export {
-  rt as FormInputPassword
+  P as FormInputPassword
 };
 //# sourceMappingURL=components-forms-form-input-password.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"components-forms-form-input-password.js","sources":["hooks-usePopupControls.js","components-ui-label-label.js","components-ui-field-field.styles.js","components-ui-field-field.js","components-ui-input-input.styles.js","components-ui-input-input.js","components-ui-input-group-input-group.styles.js","components-ui-input-group-input-group.js","components-input-field-input-field.js","components-input-password-input-password.js","../src/components/forms/form-input-password.tsx"],"sourcesContent":["import { useState as s } from \"react\";\nconst r = (p = !1) => {\n  const [e, o] = s(p);\n  return {\n    isOpened: e,\n    openPopup: () => o(!0),\n    closePopup: () => o(!1),\n    togglePopup: () => o((t) => !t)\n  };\n};\nexport {\n  r as usePopupControls\n};\n//# sourceMappingURL=hooks-usePopupControls.js.map\n","import { jsx as t } from \"react/jsx-runtime\";\nimport * as o from \"@radix-ui/react-label\";\nimport { cva as i } from \"class-variance-authority\";\nimport { cn as s } from \"./lib-utils.js\";\nimport \"react\";\nimport { getTypographyClassName as e } from \"./components-ui-typography-typography.styles.js\";\nconst p = i(e(\"body-sm-regular\")), l = ({ className: a, ref: m, ...r }) => /* @__PURE__ */ t(\n  o.Root,\n  {\n    ref: m,\n    className: s(p(), a),\n    ...r\n  }\n);\nl.displayName = o.Root.displayName;\nexport {\n  l as Label\n};\n//# sourceMappingURL=components-ui-label-label.js.map\n","import { cva as a } from \"class-variance-authority\";\nimport \"react\";\nimport \"./lib-utils.js\";\nimport { getTypographyClassName as t } from \"./components-ui-typography-typography.styles.js\";\nconst i = a(\n  \"group/field data-[invalid=true]:text-error-text flex h-full w-full gap-2\",\n  {\n    variants: {\n      orientation: {\n        vertical: [\"flex-col\"],\n        horizontal: [\n          \"flex-row items-center\",\n          \"*:data-[slot=field-label]:flex-auto\",\n          `has-[>[data-slot=field-content]]:items-start\n          has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px`\n        ]\n      }\n    },\n    defaultVariants: {\n      orientation: \"vertical\"\n    }\n  }\n), s = \"flex flex-col gap-6 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3\", d = \"mb-3 font-medium data-[variant=legend]:text-base data-[variant=label]:text-sm\", n = \"group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4\", f = \"group/field-content flex flex-1 flex-col gap-2\", x = [\n  `group/field-label peer/field-label text-primary-text flex w-fit gap-2 text-sm\n  leading-[150%] font-normal tracking-normal\n  group-data-[disabled=true]/field:opacity-50`,\n  \"aria-invalid:text-error-text aria-valid:text-success-text disabled:text-disabled-text\",\n  `has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col\n  has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border\n  *:data-[slot=field]:p-4`,\n  `has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary\n  dark:has-data-[state=checked]:bg-primary/10`\n].join(\" \"), c = [\n  `text-primary-text flex w-fit items-center gap-2\n  group-data-[disabled=true]/field:opacity-50`,\n  t(\"body-sm-regular\")\n].join(\" \"), p = [\n  \"text-sub-label-text group-has-data-[orientation=horizontal]/field:text-balance\",\n  \"aria-invalid:text-error-text aria-valid:text-success-text disabled:text-disabled-text\",\n  t(\"body-xs-regular\"),\n  \"last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5\",\n  \"[&>a:hover]:text-primary-text [&>a]:underline [&>a]:underline-offset-4\"\n].join(\" \"), m = \"relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2\", g = \"absolute inset-0 top-1/2\", u = \"bg-background text-muted-foreground relative mx-auto block w-fit px-2\", b = \"ml-4 flex list-disc flex-col gap-1\", h = \"text-error-text text-xs leading-[140%] font-normal tracking-normal\";\nexport {\n  f as fieldContentClassName,\n  p as fieldDescriptionClassName,\n  h as fieldErrorClassName,\n  b as fieldErrorsListClassName,\n  n as fieldGroupClassName,\n  x as fieldLabelClassName,\n  d as fieldLegendClassName,\n  m as fieldSeparatorClassName,\n  u as fieldSeparatorContentClassName,\n  g as fieldSeparatorLineClassName,\n  s as fieldSetClassName,\n  c as fieldTitleClassName,\n  i as fieldVariants\n};\n//# sourceMappingURL=components-ui-field-field.styles.js.map\n","import { jsx as l, jsxs as d } from \"react/jsx-runtime\";\nimport \"class-variance-authority\";\nimport { useMemo as o } from \"react\";\nimport { cn as s } from \"./lib-utils.js\";\nimport { Label as f } from \"./components-ui-label-label.js\";\nimport { Separator as m } from \"./components-ui-separator-separator.js\";\nimport { fieldSetClassName as u, fieldGroupClassName as c, fieldVariants as p, fieldLabelClassName as N, fieldDescriptionClassName as C, fieldContentClassName as g, fieldLegendClassName as F, fieldErrorsListClassName as v, fieldErrorClassName as L, fieldSeparatorLineClassName as S, fieldSeparatorContentClassName as b, fieldSeparatorClassName as x, fieldTitleClassName as E } from \"./components-ui-field-field.styles.js\";\nfunction V({ className: a, ...e }) {\n  return /* @__PURE__ */ l(\n    \"fieldset\",\n    {\n      \"data-slot\": \"field-set\",\n      className: s(u, a, \"w-full min-w-0 flex-1\"),\n      ...e\n    }\n  );\n}\nfunction k({\n  className: a,\n  variant: e = \"legend\",\n  ...t\n}) {\n  return /* @__PURE__ */ l(\n    \"legend\",\n    {\n      \"data-slot\": \"field-legend\",\n      \"data-variant\": e,\n      className: s(F, a),\n      ...t\n    }\n  );\n}\nfunction q({ className: a, ...e }) {\n  return /* @__PURE__ */ l(\n    \"div\",\n    {\n      \"data-slot\": \"field-group\",\n      className: s(c, a),\n      ...e\n    }\n  );\n}\nfunction y({\n  className: a,\n  orientation: e = \"vertical\",\n  ...t\n}) {\n  return /* @__PURE__ */ l(\n    \"div\",\n    {\n      role: \"group\",\n      \"data-slot\": \"field\",\n      \"data-orientation\": e,\n      className: s(p({ orientation: e }), a),\n      ...t\n    }\n  );\n}\nfunction z({ className: a, ...e }) {\n  return /* @__PURE__ */ l(\n    \"div\",\n    {\n      \"data-slot\": \"field-content\",\n      className: s(g, a),\n      ...e\n    }\n  );\n}\nfunction A({ className: a, ...e }) {\n  return /* @__PURE__ */ l(\n    f,\n    {\n      \"data-slot\": \"field-label\",\n      className: s(N, a),\n      ...e\n    }\n  );\n}\nfunction B({ className: a, ...e }) {\n  return /* @__PURE__ */ l(\n    \"div\",\n    {\n      \"data-slot\": \"field-label\",\n      className: s(E, a),\n      ...e\n    }\n  );\n}\nfunction H({ className: a, ...e }) {\n  return /* @__PURE__ */ l(\n    \"p\",\n    {\n      \"data-slot\": \"field-description\",\n      className: s(C, a),\n      ...e\n    }\n  );\n}\nfunction I({\n  children: a,\n  className: e,\n  ...t\n}) {\n  return /* @__PURE__ */ d(\n    \"div\",\n    {\n      \"data-slot\": \"field-separator\",\n      \"data-content\": !!a,\n      className: s(x, e),\n      ...t,\n      children: [\n        /* @__PURE__ */ l(m, { className: S }),\n        a && /* @__PURE__ */ l(\n          \"span\",\n          {\n            className: b,\n            \"data-slot\": \"field-separator-content\",\n            children: a\n          }\n        )\n      ]\n    }\n  );\n}\nfunction J({\n  className: a,\n  children: e,\n  errors: t,\n  ...r\n}) {\n  const n = o(() => e || (t ? t.length === 1 && t[0]?.message ? t[0].message : /* @__PURE__ */ l(\"ul\", { className: v, children: t.map((i) => i?.message ? /* @__PURE__ */ l(\"li\", { children: i.message }, i.message) : null) }) : null), [e, t]);\n  return n ? /* @__PURE__ */ l(\n    \"div\",\n    {\n      role: \"alert\",\n      \"data-slot\": \"field-error\",\n      className: s(L, a),\n      ...r,\n      children: n\n    }\n  ) : null;\n}\nexport {\n  y as Field,\n  z as FieldContent,\n  H as FieldDescription,\n  J as FieldError,\n  q as FieldGroup,\n  A as FieldLabel,\n  k as FieldLegend,\n  I as FieldSeparator,\n  V as FieldSet,\n  B as FieldTitle\n};\n//# sourceMappingURL=components-ui-field-field.js.map\n","import { cva as e } from \"class-variance-authority\";\nconst t = e(\n  `text-primary-text hover:border-inp-hover-border focus:border-inp-focus-border\n  placeholder:text-placeholder-text disabled:border-inp-disabled-border bg-primary-bg\n  disabled:bg-disabled-bg disabled:text-disabled-text\n  disabled:placeholder:text-disabled-text aria-invalid:border-error-text\n  aria-valid:border-success-text w-full rounded-xl border px-3 py-2.5 tracking-normal\n  placeholder:text-sm focus:outline-none focus-visible:ring-0\n  disabled:pointer-events-none`,\n  {\n    variants: {\n      variant: {\n        primary: \"border-inp-default-border\"\n      },\n      sizeInput: {\n        lg: \"h-12 text-base\",\n        md: \"h-10 text-sm\",\n        sm: \"h-8 text-sm\",\n        xs: \"h-6 text-xs\"\n      }\n    },\n    defaultVariants: {\n      variant: \"primary\",\n      sizeInput: \"md\"\n    }\n  }\n);\nexport {\n  t as inputVariants\n};\n//# sourceMappingURL=components-ui-input-input.styles.js.map\n","import { jsx as m } from \"react/jsx-runtime\";\nimport { cn as n } from \"./lib-utils.js\";\nimport \"class-variance-authority\";\nimport { inputVariants as a } from \"./components-ui-input-input.styles.js\";\nconst f = ({ className: t, sizeInput: r, type: o, variant: p, ...i }) => /* @__PURE__ */ m(\n  \"input\",\n  {\n    \"data-slot\": \"input\",\n    type: o || \"text\",\n    className: n(a({ variant: p, sizeInput: r }), t),\n    ...i\n  }\n);\nexport {\n  f as Input\n};\n//# sourceMappingURL=components-ui-input-input.js.map\n","import { cva as t } from \"class-variance-authority\";\nconst r = t(\n  `text-secondary-text group-data-[disabled=true]/input-group:text-disabled-text flex\n  h-auto shrink-0 cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium\n  select-none [&>kbd]:rounded-[calc(var(--radius)-5px)]\n  [&>svg:not([class*='size-'])]:size-4`,\n  {\n    variants: {\n      align: {\n        \"inline-start\": \"order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]\",\n        \"inline-end\": \"order-last pr-3 has-[>button]:mr-[-0.4rem] has-[>kbd]:mr-[-0.35rem]\",\n        \"block-start\": `order-first w-full justify-start px-3 pt-3\n        group-has-[>input]/input-group:pt-2.5 [.border-b]:pb-3`,\n        \"block-end\": `order-last w-full justify-start px-3 pb-3\n        group-has-[>input]/input-group:pb-2.5 [.border-t]:pt-3`\n      }\n    },\n    defaultVariants: {\n      align: \"inline-start\"\n    }\n  }\n), a = t(\n  \"flex items-center gap-2 text-sm shadow-none\",\n  {\n    variants: {\n      size: {\n        xs: `h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-2 has-[>svg]:px-2\n        [&>svg:not([class*='size-'])]:size-3.5`,\n        sm: \"h-8 gap-1.5 rounded-md px-2.5 has-[>svg]:px-2.5\",\n        \"icon-xs\": \"size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0\",\n        \"icon-sm\": \"size-8 p-0 has-[>svg]:p-0\"\n      }\n    },\n    defaultVariants: {\n      size: \"xs\"\n    }\n  }\n);\nexport {\n  r as inputGroupAddonVariants,\n  a as inputGroupButtonVariants\n};\n//# sourceMappingURL=components-ui-input-group-input-group.styles.js.map\n","import { jsx as a } from \"react/jsx-runtime\";\nimport \"class-variance-authority\";\nimport { cn as o } from \"./lib-utils.js\";\nimport { Button as i } from \"./components-ui-button-button.js\";\nimport \"./components-ui-button-button.styles.js\";\nimport { Input as u } from \"./components-ui-input-input.js\";\nimport { Textarea as d } from \"./components-ui-textarea-textarea.js\";\nimport { inputGroupAddonVariants as l, inputGroupButtonVariants as p } from \"./components-ui-input-group-input-group.styles.js\";\nfunction k({ className: t, ...r }) {\n  return /* @__PURE__ */ a(\n    \"div\",\n    {\n      \"data-slot\": \"input-group\",\n      role: \"group\",\n      className: o(\n        `group/input-group border-inp-default-border bg-primary-bg relative flex w-full\n        items-center rounded-xl border transition-[color,box-shadow] outline-none`,\n        \"h-10 has-[>textarea]:h-auto\",\n        \"hover:border-inp-hover-border\",\n        \"has-[>[data-align=inline-start]]:[&>input]:pl-2\",\n        \"has-[>[data-align=inline-end]]:[&>input]:pr-2\",\n        `has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col\n        has-[>[data-align=block-start]]:[&>input]:pb-3`,\n        `has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col\n        has-[>[data-align=block-end]]:[&>input]:pt-3`,\n        `has-[[data-slot=input-group-control]:focus-visible]:ring-inp-focus-border/20\n        has-[[data-slot=input-group-control]:focus-visible]:border-inp-focus-border`,\n        \"has-[[data-slot=input-group-control][aria-invalid=true]]:border-error-text\",\n        \"has-[[data-slot=input-group-control][aria-valid=true]]:border-success-text\",\n        `has-[[data-slot=input-group-control][disabled]]:border-inp-disabled-border\n        has-[[data-slot=input-group-control][disabled]]:bg-disabled-bg\n        has-[[data-slot=input-group-control][disabled]]:text-disabled-text\n        has-[[data-slot=input-group-control][disabled]]:[&_svg]:text-disabled-text`,\n        t\n      ),\n      ...r\n    }\n  );\n}\nfunction G({\n  className: t,\n  align: r = \"inline-start\",\n  ...e\n}) {\n  return /* @__PURE__ */ a(\n    \"div\",\n    {\n      role: \"group\",\n      \"data-slot\": \"input-group-addon\",\n      \"data-align\": r,\n      className: o(l({ align: r }), t),\n      onClick: (n) => {\n        n.target.closest(\"button\") || n.currentTarget.parentElement?.querySelector(\"input\")?.focus();\n      },\n      ...e\n    }\n  );\n}\nfunction I({\n  className: t,\n  type: r = \"button\",\n  variant: e = \"primary\",\n  size: n = \"xs\",\n  ...s\n}) {\n  return /* @__PURE__ */ a(\n    i,\n    {\n      type: r,\n      \"data-size\": n,\n      variant: e,\n      className: o(p({ size: n }), t),\n      ...s\n    }\n  );\n}\nfunction N({ className: t, ...r }) {\n  return /* @__PURE__ */ a(\n    \"span\",\n    {\n      className: o(\n        `text-secondary-text flex items-center gap-2 text-sm [&_svg]:pointer-events-none\n        [&_svg:not([class*='size-'])]:size-4`,\n        t\n      ),\n      ...r\n    }\n  );\n}\nfunction w(t) {\n  return /* @__PURE__ */ a(\n    u,\n    {\n      \"data-slot\": \"input-group-control\",\n      className: o(\n        `w-0 min-w-0 flex-1 rounded-none border-0 bg-transparent shadow-none\n        focus-visible:ring-0 disabled:border-0 disabled:bg-transparent\n        dark:bg-transparent`,\n        t.className\n      ),\n      ...t\n    }\n  );\n}\nfunction y({ className: t, ...r }) {\n  return /* @__PURE__ */ a(\n    d,\n    {\n      \"data-slot\": \"input-group-control\",\n      className: o(\n        `flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none\n        focus-visible:ring-0 disabled:border-0 disabled:bg-transparent\n        dark:bg-transparent`,\n        t\n      ),\n      ...r\n    }\n  );\n}\nexport {\n  k as InputGroup,\n  G as InputGroupAddon,\n  I as InputGroupButton,\n  w as InputGroupInput,\n  N as InputGroupText,\n  y as InputGroupTextarea\n};\n//# sourceMappingURL=components-ui-input-group-input-group.js.map\n","import { jsx as r, jsxs as d } from \"react/jsx-runtime\";\nimport { FieldSet as c, FieldGroup as f, Field as h, FieldLabel as F, FieldDescription as I } from \"./components-ui-field-field.js\";\nimport { Input as N } from \"./components-ui-input-input.js\";\nimport { InputGroup as g, InputGroupInput as G, InputGroupAddon as s } from \"./components-ui-input-group-input-group.js\";\nconst D = ({\n  date: p = [],\n  isValid: e,\n  disabled: i = !1,\n  label: l,\n  description: u,\n  classes: n,\n  ref: a,\n  ...m\n}) => {\n  const o = {\n    ...e === !0 && !i && { \"aria-valid\": !0 },\n    ...e === !1 && !i && { \"aria-invalid\": !0 },\n    disabled: i\n  };\n  return /* @__PURE__ */ r(c, { className: n?.fieldset, children: /* @__PURE__ */ r(f, { className: n?.fieldgroup, children: /* @__PURE__ */ d(h, { className: n?.field, children: [\n    l && /* @__PURE__ */ r(F, { ...o, children: l }),\n    p.length > 0 ? /* @__PURE__ */ d(\n      g,\n      {\n        \"data-slot\": !0,\n        className: n?.inputgroup,\n        children: [\n          /* @__PURE__ */ r(\n            G,\n            {\n              ref: a,\n              ...m,\n              ...o,\n              disabled: i\n            }\n          ),\n          p.map((t) => /* @__PURE__ */ r(\n            s,\n            {\n              align: t.position,\n              className: n?.inputaddon,\n              children: t.component\n            },\n            t.id\n          ))\n        ]\n      }\n    ) : /* @__PURE__ */ r(\n      N,\n      {\n        ref: a,\n        ...m,\n        ...o,\n        disabled: i\n      }\n    ),\n    u && /* @__PURE__ */ r(I, { ...o, children: u })\n  ] }) }) });\n};\nexport {\n  D as InputField\n};\n//# sourceMappingURL=components-input-field-input-field.js.map\n","import { jsx as r } from \"react/jsx-runtime\";\nimport { Eye as e } from \"brd-phosphor-strokes-icons/icons/Eye\";\nimport { EyeSlash as n } from \"brd-phosphor-strokes-icons/icons/EyeSlash\";\nimport { StrokeIcon as i } from \"./components-icons-stroke-icon.js\";\nimport { InputField as s } from \"./components-input-field-input-field.js\";\nimport { usePopupControls as m } from \"./hooks-usePopupControls.js\";\nconst x = ({ ...t }) => {\n  const { isOpened: o, togglePopup: p } = m();\n  return /* @__PURE__ */ r(\n    s,\n    {\n      ...t,\n      type: o ? \"text\" : \"password\",\n      date: [\n        {\n          id: \"0\",\n          position: \"inline-end\",\n          component: /* @__PURE__ */ r(\n            i,\n            {\n              icon: o ? n : e,\n              onClick: p,\n              className: \"cursor-pointer\"\n            }\n          )\n        }\n      ]\n    }\n  );\n};\nexport {\n  x as InputPassword\n};\n//# sourceMappingURL=components-input-password-input-password.js.map\n","import { getValidationState } from \"@/utils/get-validation-state\";\nimport { InputPassword, type InputPasswordProps } from \"brd-ui-kit\";\nimport {\n  Controller,\n  useFormContext,\n  type ControllerRenderProps,\n  type RegisterOptions,\n} from \"react-hook-form\";\n\ntype Props = Omit<InputPasswordProps, keyof ControllerRenderProps> & {\n  name: string;\n  rules?: RegisterOptions;\n  disabled?: boolean;\n};\n\nexport const FormInputPassword = ({ name, rules, ...rest }: Props) => {\n  const {\n    formState: { errors, touchedFields, isSubmitted },\n    control,\n  } = useFormContext();\n\n  return (\n    <Controller\n      name={name}\n      rules={rules}\n      control={control}\n      render={({ field: { onChange, onBlur, value = \"\" } }, ...fields) => {\n        const [isValid, errorMsg] = getValidationState(\n          name,\n          value,\n          errors,\n          touchedFields,\n          isSubmitted,\n        );\n\n        return (\n          <InputPassword\n            {...fields}\n            onChange={onChange}\n            onBlur={onBlur}\n            value={value}\n            {...rest}\n            isValid={isValid}\n            description={errorMsg}\n          />\n        );\n      }}\n    />\n  );\n};\n"],"names":["r","p","e","o","s","t","i","l","a","m","n","x","V","u","q","c","y","A","f","N","H","C","k","G","w","D","d","h","F","g","I","FormInputPassword","name","rules","rest","errors","touchedFields","isSubmitted","control","useFormContext","jsx","Controller","onChange","onBlur","value","fields","isValid","errorMsg","getValidationState","InputPassword"],"mappings":"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"}
+{"version":3,"file":"components-forms-form-input-password.js","sources":["../src/components/forms/form-input-password.tsx"],"sourcesContent":["import { getValidationState } from \"@/utils/get-validation-state\";\nimport { InputPassword, type InputPasswordProps } from \"@/components/input-password\";\nimport {\n  Controller,\n  useFormContext,\n  type ControllerRenderProps,\n  type RegisterOptions,\n} from \"react-hook-form\";\n\ntype Props = Omit<InputPasswordProps, keyof ControllerRenderProps> & {\n  name: string;\n  rules?: RegisterOptions;\n  disabled?: boolean;\n};\n\nexport const FormInputPassword = ({ name, rules, ...rest }: Props) => {\n  const {\n    formState: { errors, touchedFields, isSubmitted },\n    control,\n  } = useFormContext();\n\n  return (\n    <Controller\n      name={name}\n      rules={rules}\n      control={control}\n      render={({ field: { onChange, onBlur, value = \"\" } }, ...fields) => {\n        const [isValid, errorMsg] = getValidationState(\n          name,\n          value,\n          errors,\n          touchedFields,\n          isSubmitted,\n        );\n\n        return (\n          <InputPassword\n            {...fields}\n            onChange={onChange}\n            onBlur={onBlur}\n            value={value}\n            {...rest}\n            isValid={isValid}\n            description={errorMsg}\n          />\n        );\n      }}\n    />\n  );\n};\n"],"names":["FormInputPassword","name","rules","rest","errors","touchedFields","isSubmitted","control","useFormContext","jsx","Controller","onChange","onBlur","value","fields","isValid","errorMsg","getValidationState","InputPassword"],"mappings":";;;;AAeO,MAAMA,IAAoB,CAAC,EAAE,MAAAC,GAAM,OAAAC,GAAO,GAAGC,QAAkB;AACpE,QAAM;AAAA,IACJ,WAAW,EAAE,QAAAC,GAAQ,eAAAC,GAAe,aAAAC,EAAA;AAAA,IACpC,SAAAC;AAAA,EAAA,IACEC,EAAA;AAEJ,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAT;AAAA,MACA,OAAAC;AAAA,MACA,SAAAK;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,UAAAI,GAAU,QAAAC,GAAQ,OAAAC,IAAQ,GAAA,QAAWC,MAAW;AAClE,cAAM,CAACC,GAASC,CAAQ,IAAIC;AAAA,UAC1BhB;AAAA,UACAY;AAAA,UACAT;AAAA,UACAC;AAAA,UACAC;AAAA,QAAA;AAGF,eACE,gBAAAG;AAAA,UAACS;AAAA,UAAA;AAAA,YACE,GAAGJ;AAAA,YACJ,UAAAH;AAAA,YACA,QAAAC;AAAA,YACA,OAAAC;AAAA,YACC,GAAGV;AAAA,YACJ,SAAAY;AAAA,YACA,aAAaC;AAAA,UAAA;AAAA,QAAA;AAAA,MAGnB;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./brd-ui-kit.css');const r=require("react/jsx-runtime"),P=require("brd-phosphor-strokes-icons/icons/CaretDown"),j=require("brd-phosphor-strokes-icons/icons/CaretUp"),_=require("brd-phosphor-strokes-icons/icons/EnvelopeSimple"),k=require("brd-phosphor-strokes-icons/icons/MaxLogo"),S=require("brd-phosphor-strokes-icons/icons/Phone"),i=require("./components-icons-stroke-icon.cjs"),T=require("brd-phosphor-strokes-icons/icons/TelegramLogo"),L=require("brd-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-BClkfQSD.cjs");require("brd-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("brd-phosphor-strokes-icons/icons/CaretLeft");require("brd-phosphor-strokes-icons/icons/CaretRight");require("./components-app-pagination-app-pagination.styles.cjs");require("brd-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("brd-phosphor-strokes-icons/icons/Eye");require("brd-phosphor-strokes-icons/icons/EyeSlash");require("./components-select-field-select-field.cjs");require("./lodash-kqhtUJfz.cjs");require("./chart-9H_9wEfR.cjs");require("brd-phosphor-strokes-icons/icons/CheckCircle");require("brd-phosphor-strokes-icons/icons/Info");require("brd-phosphor-strokes-icons/icons/SpinnerGap");require("brd-phosphor-strokes-icons/icons/Warning");require("brd-phosphor-strokes-icons/icons/X");require("brd-phosphor-strokes-icons/icons/XCircle");require("./index-DGxwh2Ms.cjs");require("./index-fTTv8YY8.cjs");require("brd-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
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),P=require("brd-phosphor-strokes-icons/icons/CaretDown"),j=require("brd-phosphor-strokes-icons/icons/CaretUp"),_=require("brd-phosphor-strokes-icons/icons/EnvelopeSimple"),k=require("brd-phosphor-strokes-icons/icons/MaxLogo"),S=require("brd-phosphor-strokes-icons/icons/Phone"),i=require("./components-icons-stroke-icon.cjs"),T=require("brd-phosphor-strokes-icons/icons/TelegramLogo"),L=require("brd-phosphor-strokes-icons/icons/WhatsAppLogoFilled");require("./approval-log.view-DC5xl6KF.cjs");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-BClkfQSD.cjs");require("brd-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("brd-phosphor-strokes-icons/icons/CaretLeft");require("brd-phosphor-strokes-icons/icons/CaretRight");require("./components-app-pagination-app-pagination.styles.cjs");require("brd-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("brd-phosphor-strokes-icons/icons/Eye");require("brd-phosphor-strokes-icons/icons/EyeSlash");require("./components-select-field-select-field.cjs");require("./lodash-kqhtUJfz.cjs");require("./chart-9H_9wEfR.cjs");require("brd-phosphor-strokes-icons/icons/CheckCircle");require("brd-phosphor-strokes-icons/icons/Info");require("brd-phosphor-strokes-icons/icons/SpinnerGap");require("brd-phosphor-strokes-icons/icons/Warning");require("brd-phosphor-strokes-icons/icons/X");require("brd-phosphor-strokes-icons/icons/XCircle");require("./index-DGxwh2Ms.cjs");require("./index-fTTv8YY8.cjs");require("brd-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: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;