brd-ui-kit 0.1.85 → 0.1.87

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

@@ -0,0 +1,30 @@
+"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;
+//# sourceMappingURL=components-forms-form-input-password.cjs.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,377 @@
+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 }) => {
+  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,
+          o,
+          l,
+          i
+        );
+        return /* @__PURE__ */ r(
+          J,
+          {
+            ...h,
+            onChange: c,
+            onBlur: d,
+            value: n,
+            ...e,
+            isValid: v,
+            description: y
+          }
+        );
+      }
+    }
+  );
+};
+export {
+  rt as FormInputPassword
+};
+//# sourceMappingURL=components-forms-form-input-password.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),x=require("./utils-get-validation-state.cjs"),n=require("./index.esm-ZdO9UZ3G.cjs"),h=require("./components-input-field-input-field.cjs"),j=({name:t,rules:o,...i})=>{const{formState:{errors:s,touchedFields:u,isSubmitted:d},control:l}=n.useFormContext();return r.jsx(n.Controller,{name:t,rules:o,control:l,render:({field:{onChange:c,onBlur:a,value:e="",ref:p}})=>{const g=S=>{c(S)},[m,F]=x.getValidationState(t,e,s,u,d);return r.jsx(h.InputField,{...i,name:t,onChange:g,onBlur:a,value:e,isValid:m,description:F,ref:p})}})};exports.FormInput=j;
+//# sourceMappingURL=components-forms-form-input.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components-forms-form-input.cjs","sources":["../src/components/forms/form-input.tsx"],"sourcesContent":["import { getValidationState } from \"@/utils/get-validation-state\";\nimport {\n  Controller,\n  useFormContext,\n  type ControllerRenderProps,\n  type RegisterOptions,\n} from \"react-hook-form\";\nimport { InputField, type InputProps } from \"../input-field\";\n\ntype Props = Omit<InputProps, keyof ControllerRenderProps> & {\n  name: string;\n  rules?: RegisterOptions;\n  disabled?: boolean;\n};\n\nexport const FormInput = ({ 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 = \"\", ref } }) => {\n        const handleChange: React.ChangeEventHandler<HTMLInputElement> = (event) => {\n          onChange(event);\n        };\n\n        const [isValid, errorMsg] = getValidationState(\n          name,\n          value,\n          errors,\n          touchedFields,\n          isSubmitted,\n        );\n\n        return (\n          <InputField\n            {...rest}\n            name={name}\n            onChange={handleChange}\n            onBlur={onBlur}\n            value={value}\n            isValid={isValid}\n            description={errorMsg}\n            ref={ref}\n          />\n        );\n      }}\n    />\n  );\n};\n"],"names":["FormInput","name","rules","rest","errors","touchedFields","isSubmitted","control","useFormContext","jsx","Controller","onChange","onBlur","value","ref","handleChange","event","isValid","errorMsg","getValidationState","InputField"],"mappings":"+PAeaA,EAAY,CAAC,CAAE,KAAAC,EAAM,MAAAC,EAAO,GAAGC,KAAkB,CAC5D,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,GAAI,IAAAC,CAAA,KAAY,CAC5D,MAAMC,EAA4DC,GAAU,CAC1EL,EAASK,CAAK,CAChB,EAEM,CAACC,EAASC,CAAQ,EAAIC,EAAAA,mBAC1BlB,EACAY,EACAT,EACAC,EACAC,CAAA,EAGF,OACEG,EAAAA,IAACW,EAAAA,WAAA,CACE,GAAGjB,EACJ,KAAAF,EACA,SAAUc,EACV,OAAAH,EACA,MAAAC,EACA,QAAAI,EACA,YAAaC,EACb,IAAAJ,CAAA,CAAA,CAGN,CAAA,CAAA,CAGN"}

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

@@ -0,0 +1,46 @@
+import { jsx as t } from "react/jsx-runtime";
+import { getValidationState as g } from "./utils-get-validation-state.js";
+import { a as h, C as F } from "./index.esm-CFsbc_Iq.js";
+import { InputField as x } from "./components-input-field-input-field.js";
+const j = ({ name: r, rules: e, ...n }) => {
+  const {
+    formState: { errors: i, touchedFields: s, isSubmitted: d },
+    control: m
+  } = h();
+  return /* @__PURE__ */ t(
+    F,
+    {
+      name: r,
+      rules: e,
+      control: m,
+      render: ({ field: { onChange: a, onBlur: l, value: o = "", ref: p } }) => {
+        const c = (C) => {
+          a(C);
+        }, [f, u] = g(
+          r,
+          o,
+          i,
+          s,
+          d
+        );
+        return /* @__PURE__ */ t(
+          x,
+          {
+            ...n,
+            name: r,
+            onChange: c,
+            onBlur: l,
+            value: o,
+            isValid: f,
+            description: u,
+            ref: p
+          }
+        );
+      }
+    }
+  );
+};
+export {
+  j as FormInput
+};
+//# sourceMappingURL=components-forms-form-input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components-forms-form-input.js","sources":["../src/components/forms/form-input.tsx"],"sourcesContent":["import { getValidationState } from \"@/utils/get-validation-state\";\nimport {\n  Controller,\n  useFormContext,\n  type ControllerRenderProps,\n  type RegisterOptions,\n} from \"react-hook-form\";\nimport { InputField, type InputProps } from \"../input-field\";\n\ntype Props = Omit<InputProps, keyof ControllerRenderProps> & {\n  name: string;\n  rules?: RegisterOptions;\n  disabled?: boolean;\n};\n\nexport const FormInput = ({ 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 = \"\", ref } }) => {\n        const handleChange: React.ChangeEventHandler<HTMLInputElement> = (event) => {\n          onChange(event);\n        };\n\n        const [isValid, errorMsg] = getValidationState(\n          name,\n          value,\n          errors,\n          touchedFields,\n          isSubmitted,\n        );\n\n        return (\n          <InputField\n            {...rest}\n            name={name}\n            onChange={handleChange}\n            onBlur={onBlur}\n            value={value}\n            isValid={isValid}\n            description={errorMsg}\n            ref={ref}\n          />\n        );\n      }}\n    />\n  );\n};\n"],"names":["FormInput","name","rules","rest","errors","touchedFields","isSubmitted","control","useFormContext","jsx","Controller","onChange","onBlur","value","ref","handleChange","event","isValid","errorMsg","getValidationState","InputField"],"mappings":";;;;AAeO,MAAMA,IAAY,CAAC,EAAE,MAAAC,GAAM,OAAAC,GAAO,GAAGC,QAAkB;AAC5D,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,IAAI,KAAAC,EAAA,QAAY;AAC5D,cAAMC,IAA2D,CAACC,MAAU;AAC1E,UAAAL,EAASK,CAAK;AAAA,QAChB,GAEM,CAACC,GAASC,CAAQ,IAAIC;AAAA,UAC1BlB;AAAA,UACAY;AAAA,UACAT;AAAA,UACAC;AAAA,UACAC;AAAA,QAAA;AAGF,eACE,gBAAAG;AAAA,UAACW;AAAA,UAAA;AAAA,YACE,GAAGjB;AAAA,YACJ,MAAAF;AAAA,YACA,UAAUc;AAAA,YACV,QAAAH;AAAA,YACA,OAAAC;AAAA,YACA,SAAAI;AAAA,YACA,aAAaC;AAAA,YACb,KAAAJ;AAAA,UAAA;AAAA,QAAA;AAAA,MAGN;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components-forms-form-select-calendar.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("./index.esm-ZdO9UZ3G.cjs"),u=require("./components-ui-select-calendar-menu-select-calendar-menu.cjs"),d=({name:r,rules:t,disabled:o,...l})=>{const{control:s}=n.useFormContext();return e.jsx(n.Controller,{name:r,rules:t,control:s,render:({field:{onChange:a,value:c}})=>e.jsx(u.SelectCalendarMenu,{...l,onValueChange:a,value:c,className:"text-secondary-text",disabled:o})})};exports.FormSelectCalendar=d;
+//# sourceMappingURL=components-forms-form-select-calendar.cjs.map

package/dist/components-forms-form-select-calendar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"components-forms-form-select-calendar.cjs","sources":["../src/components/forms/form-select-calendar.tsx"],"sourcesContent":["import { Controller, useFormContext, type RegisterOptions } from \"react-hook-form\";\nimport {\n  SelectCalendarMenu,\n  type SelectCalendarMenuProps,\n} from \"../ui/select-calendar-menu\";\n\ntype Props = {\n  name: string;\n  rules?: RegisterOptions;\n  disabled?: boolean;\n} & SelectCalendarMenuProps;\n\nexport const FormSelectCalendar = ({ name, rules, disabled, ...rest }: Props) => {\n  const { control } = useFormContext();\n\n  return (\n    <Controller\n      name={name}\n      rules={rules}\n      control={control}\n      render={({ field: { onChange, value } }) => {\n        return (\n          <SelectCalendarMenu\n            {...rest}\n            onValueChange={onChange}\n            value={value}\n            className=\"text-secondary-text\"\n            disabled={disabled}\n          />\n        );\n      }}\n    />\n  );\n};\n"],"names":["FormSelectCalendar","name","rules","disabled","rest","control","useFormContext","jsx","Controller","onChange","value","SelectCalendarMenu"],"mappings":"sOAYaA,EAAqB,CAAC,CAAE,KAAAC,EAAM,MAAAC,EAAO,SAAAC,EAAU,GAAGC,KAAkB,CAC/E,KAAM,CAAE,QAAAC,CAAA,EAAYC,iBAAA,EAEpB,OACEC,EAAAA,IAACC,EAAAA,WAAA,CACC,KAAAP,EACA,MAAAC,EACA,QAAAG,EACA,OAAQ,CAAC,CAAE,MAAO,CAAE,SAAAI,EAAU,MAAAC,CAAA,KAE1BH,EAAAA,IAACI,EAAAA,mBAAA,CACE,GAAGP,EACJ,cAAeK,EACf,MAAAC,EACA,UAAU,sBACV,SAAAP,CAAA,CAAA,CAGN,CAAA,CAGN"}