brd-ui-kit 0.1.75 → 0.1.77

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

@@ -1,56 +1,55 @@
 import { jsx as r, jsxs as d } from "react/jsx-runtime";
-import "react";
 import { FieldSet as c, FieldGroup as f, Field as h, FieldLabel as F, FieldDescription as I } from "./components-ui-field-field.js";
 import { Input as s } from "./components-ui-input-input.js";
 import { InputGroup as G, InputGroupInput as g, InputGroupAddon as v } from "./components-ui-input-group-input-group.js";
-const L = ({
-  date: p = [],
-  isValid: e,
+const D = ({
+  date: e = [],
+  isValid: p,
   disabled: i = !1,
   label: l,
   description: u,
-  classes: t,
+  classes: o,
   ref: m,
   ...a
 }) => {
-  const o = {
-    ...e === !0 && !i && { "aria-valid": !0 },
-    ...e === !1 && !i && { "aria-invalid": !0 },
+  const n = {
+    ...p === !0 && !i && { "aria-valid": !0 },
+    ...p === !1 && !i && { "aria-invalid": !0 },
     disabled: i
   };
-  return /* @__PURE__ */ r(c, { className: t?.fieldset, children: /* @__PURE__ */ r(f, { className: t?.fieldgroup, children: /* @__PURE__ */ d(h, { className: t?.field, children: [
-    l && /* @__PURE__ */ r(F, { ...o, children: l }),
-    p.length > 0 ? /* @__PURE__ */ d(G, { "data-slot": !0, children: [
+  return /* @__PURE__ */ r(c, { className: o?.fieldset, children: /* @__PURE__ */ r(f, { className: o?.fieldgroup, children: /* @__PURE__ */ d(h, { className: o?.field, children: [
+    l && /* @__PURE__ */ r(F, { ...n, children: l }),
+    e.length > 0 ? /* @__PURE__ */ d(G, { "data-slot": !0, children: [
       /* @__PURE__ */ r(
         g,
         {
           ref: m,
           ...a,
-          ...o,
+          ...n,
           disabled: i
         }
       ),
-      p.map((n) => /* @__PURE__ */ r(
+      e.map((t) => /* @__PURE__ */ r(
         v,
         {
-          align: n.position,
-          children: n.component
+          align: t.position,
+          children: t.component
         },
-        n.id
+        t.id
       ))
     ] }) : /* @__PURE__ */ r(
       s,
       {
         ref: m,
         ...a,
-        ...o,
+        ...n,
         disabled: i
       }
     ),
-    u && /* @__PURE__ */ r(I, { ...o, children: u })
+    u && /* @__PURE__ */ r(I, { ...n, children: u })
   ] }) }) });
 };
 export {
-  L as InputField
+  D as InputField
 };
 //# sourceMappingURL=components-input-field-input-field.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"components-input-field-input-field.js","sources":["../src/components/input-field/input-field.tsx"],"sourcesContent":["import React from \"react\";\nimport { Field, FieldDescription, FieldGroup, FieldLabel, FieldSet } from \"../ui/field\";\nimport { Input } from \"../ui/input\";\nimport { InputGroup, InputGroupAddon, InputGroupInput } from \"../ui/input-group\";\n\nexport type DateAddon = {\n  id: string | number;\n  position?: \"inline-start\" | \"inline-end\" | \"block-start\" | \"block-end\" | null;\n  component: React.ReactNode;\n};\n\ntype BaseProps = {\n  date?: DateAddon[];\n  isValid?: boolean;\n  label?: string;\n  description?: string;\n  classes?: {\n    fieldset?: string;\n    fieldgroup?: string;\n    field?: string;\n  };\n};\n\ntype InputFieldProps = BaseProps & React.ComponentPropsWithRef<\"input\">;\n\nexport const InputField = ({\n  date = [],\n  isValid,\n  disabled = false,\n  label,\n  description,\n  classes,\n  ref,\n  ...rest\n}: InputFieldProps) => {\n  const validationProps = {\n    ...(isValid === true && !disabled && { \"aria-valid\": true }),\n    ...(isValid === false && !disabled && { \"aria-invalid\": true }),\n    disabled,\n  };\n\n  return (\n    <FieldSet className={classes?.fieldset}>\n      <FieldGroup className={classes?.fieldgroup}>\n        <Field className={classes?.field}>\n          {label && <FieldLabel {...validationProps}>{label}</FieldLabel>}\n          {date.length > 0 ? (\n            <InputGroup data-slot>\n              <InputGroupInput\n                ref={ref}\n                {...rest}\n                {...validationProps}\n                disabled={disabled}\n              />\n              {date.map((e) => (\n                <InputGroupAddon\n                  key={e.id}\n                  align={e.position}\n                >\n                  {e.component}\n                </InputGroupAddon>\n              ))}\n            </InputGroup>\n          ) : (\n            <Input\n              ref={ref}\n              {...rest}\n              {...validationProps}\n              disabled={disabled}\n            />\n          )}\n          {description && (\n            <FieldDescription {...validationProps}>{description}</FieldDescription>\n          )}\n        </Field>\n      </FieldGroup>\n    </FieldSet>\n  );\n};\n\ntype InputProps = InputFieldProps;\n\nexport type { InputFieldProps, InputProps };\n"],"names":["InputField","date","isValid","disabled","label","description","classes","ref","rest","validationProps","jsx","FieldSet","FieldGroup","jsxs","Field","FieldLabel","InputGroup","InputGroupInput","e","InputGroupAddon","Input","FieldDescription"],"mappings":";;;;;AAyBO,MAAMA,IAAa,CAAC;AAAA,EACzB,MAAAC,IAAO,CAAA;AAAA,EACP,SAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACL,MAAuB;AACrB,QAAMC,IAAkB;AAAA,IACtB,GAAIP,MAAY,MAAQ,CAACC,KAAY,EAAE,cAAc,GAAA;AAAA,IACrD,GAAID,MAAY,MAAS,CAACC,KAAY,EAAE,gBAAgB,GAAA;AAAA,IACxD,UAAAA;AAAA,EAAA;AAGF,SACE,gBAAAO,EAACC,GAAA,EAAS,WAAWL,GAAS,UAC5B,UAAA,gBAAAI,EAACE,GAAA,EAAW,WAAWN,GAAS,YAC9B,UAAA,gBAAAO,EAACC,GAAA,EAAM,WAAWR,GAAS,OACxB,UAAA;AAAA,IAAAF,KAAS,gBAAAM,EAACK,GAAA,EAAY,GAAGN,GAAkB,UAAAL,GAAM;AAAA,IACjDH,EAAK,SAAS,IACb,gBAAAY,EAACG,GAAA,EAAW,aAAS,IACnB,UAAA;AAAA,MAAA,gBAAAN;AAAA,QAACO;AAAA,QAAA;AAAA,UACC,KAAAV;AAAA,UACC,GAAGC;AAAA,UACH,GAAGC;AAAA,UACJ,UAAAN;AAAA,QAAA;AAAA,MAAA;AAAA,MAEDF,EAAK,IAAI,CAACiB,MACT,gBAAAR;AAAA,QAACS;AAAA,QAAA;AAAA,UAEC,OAAOD,EAAE;AAAA,UAER,UAAAA,EAAE;AAAA,QAAA;AAAA,QAHEA,EAAE;AAAA,MAAA,CAKV;AAAA,IAAA,EAAA,CACH,IAEA,gBAAAR;AAAA,MAACU;AAAA,MAAA;AAAA,QACC,KAAAb;AAAA,QACC,GAAGC;AAAA,QACH,GAAGC;AAAA,QACJ,UAAAN;AAAA,MAAA;AAAA,IAAA;AAAA,IAGHE,KACC,gBAAAK,EAACW,GAAA,EAAkB,GAAGZ,GAAkB,UAAAJ,EAAA,CAAY;AAAA,EAAA,EAAA,CAExD,GACF,GACF;AAEJ;"}
+{"version":3,"file":"components-input-field-input-field.js","sources":["../src/components/input-field/input-field.tsx"],"sourcesContent":["import type { ComponentPropsWithRef, ReactNode } from \"react\";\nimport { Field, FieldDescription, FieldGroup, FieldLabel, FieldSet } from \"../ui/field\";\nimport { Input } from \"../ui/input\";\nimport { InputGroup, InputGroupAddon, InputGroupInput } from \"../ui/input-group\";\n\nexport type DateAddon = {\n  id: string | number;\n  position?: \"inline-start\" | \"inline-end\" | \"block-start\" | \"block-end\" | null;\n  component: ReactNode;\n};\n\ntype BaseProps = {\n  date?: DateAddon[];\n  isValid?: boolean;\n  label?: string;\n  description?: string;\n  classes?: {\n    fieldset?: string;\n    fieldgroup?: string;\n    field?: string;\n  };\n};\n\ntype InputFieldProps = BaseProps & ComponentPropsWithRef<\"input\">;\n\nexport const InputField = ({\n  date = [],\n  isValid,\n  disabled = false,\n  label,\n  description,\n  classes,\n  ref,\n  ...rest\n}: InputFieldProps) => {\n  const validationProps = {\n    ...(isValid === true && !disabled && { \"aria-valid\": true }),\n    ...(isValid === false && !disabled && { \"aria-invalid\": true }),\n    disabled,\n  };\n\n  return (\n    <FieldSet className={classes?.fieldset}>\n      <FieldGroup className={classes?.fieldgroup}>\n        <Field className={classes?.field}>\n          {label && <FieldLabel {...validationProps}>{label}</FieldLabel>}\n          {date.length > 0 ? (\n            <InputGroup data-slot>\n              <InputGroupInput\n                ref={ref}\n                {...rest}\n                {...validationProps}\n                disabled={disabled}\n              />\n              {date.map((e) => (\n                <InputGroupAddon\n                  key={e.id}\n                  align={e.position}\n                >\n                  {e.component}\n                </InputGroupAddon>\n              ))}\n            </InputGroup>\n          ) : (\n            <Input\n              ref={ref}\n              {...rest}\n              {...validationProps}\n              disabled={disabled}\n            />\n          )}\n          {description && (\n            <FieldDescription {...validationProps}>{description}</FieldDescription>\n          )}\n        </Field>\n      </FieldGroup>\n    </FieldSet>\n  );\n};\n\ntype InputProps = InputFieldProps;\n\nexport type { InputFieldProps, InputProps };\n"],"names":["InputField","date","isValid","disabled","label","description","classes","ref","rest","validationProps","jsx","FieldSet","FieldGroup","jsxs","Field","FieldLabel","InputGroup","InputGroupInput","e","InputGroupAddon","Input","FieldDescription"],"mappings":";;;;AAyBO,MAAMA,IAAa,CAAC;AAAA,EACzB,MAAAC,IAAO,CAAA;AAAA,EACP,SAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACL,MAAuB;AACrB,QAAMC,IAAkB;AAAA,IACtB,GAAIP,MAAY,MAAQ,CAACC,KAAY,EAAE,cAAc,GAAA;AAAA,IACrD,GAAID,MAAY,MAAS,CAACC,KAAY,EAAE,gBAAgB,GAAA;AAAA,IACxD,UAAAA;AAAA,EAAA;AAGF,SACE,gBAAAO,EAACC,GAAA,EAAS,WAAWL,GAAS,UAC5B,UAAA,gBAAAI,EAACE,GAAA,EAAW,WAAWN,GAAS,YAC9B,UAAA,gBAAAO,EAACC,GAAA,EAAM,WAAWR,GAAS,OACxB,UAAA;AAAA,IAAAF,KAAS,gBAAAM,EAACK,GAAA,EAAY,GAAGN,GAAkB,UAAAL,GAAM;AAAA,IACjDH,EAAK,SAAS,IACb,gBAAAY,EAACG,GAAA,EAAW,aAAS,IACnB,UAAA;AAAA,MAAA,gBAAAN;AAAA,QAACO;AAAA,QAAA;AAAA,UACC,KAAAV;AAAA,UACC,GAAGC;AAAA,UACH,GAAGC;AAAA,UACJ,UAAAN;AAAA,QAAA;AAAA,MAAA;AAAA,MAEDF,EAAK,IAAI,CAACiB,MACT,gBAAAR;AAAA,QAACS;AAAA,QAAA;AAAA,UAEC,OAAOD,EAAE;AAAA,UAER,UAAAA,EAAE;AAAA,QAAA;AAAA,QAHEA,EAAE;AAAA,MAAA,CAKV;AAAA,IAAA,EAAA,CACH,IAEA,gBAAAR;AAAA,MAACU;AAAA,MAAA;AAAA,QACC,KAAAb;AAAA,QACC,GAAGC;AAAA,QACH,GAAGC;AAAA,QACJ,UAAAN;AAAA,MAAA;AAAA,IAAA;AAAA,IAGHE,KACC,gBAAAK,EAACW,GAAA,EAAkB,GAAGZ,GAAkB,UAAAJ,EAAA,CAAY;AAAA,EAAA,EAAA,CAExD,GACF,GACF;AAEJ;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./brd-ui-kit.css');const r=require("react/jsx-runtime");;/* empty css                   */require("./lib-utils.cjs");require("class-variance-authority");require("react");require("./components-ui-badge-badge.styles.cjs");require("./components-ui-button-button.cjs");require("./components-ui-button-button.styles.cjs");require("./components-ui-card-card.cjs");require("./components-ui-checkbox-checkbox.cjs");const q=require("./components-ui-icon-icon.cjs");require("./calendar-DReGV_22.cjs");require("./components-ui-combobox-combobox.cjs");require("./components-ui-dialog-dialog.cjs");require("./components-ui-label-label.cjs");require("./components-ui-separator-separator.cjs");require("./components-ui-field-field.styles.cjs");require("./components-ui-input-input.styles.cjs");require("./components-ui-textarea-textarea.cjs");require("./components-ui-input-group-input-group.styles.cjs");require("./components-ui-navigation-item-navigation-item.styles.cjs");require("./components-ui-navigation-menu-navigation-menu.styles.cjs");require("./components-ui-pagination-pagination.cjs");require("./components-ui-progress-progress.cjs");require("./components-ui-radio-group-radio-group.cjs");require("./components-ui-switch-switch.cjs");require("./components-ui-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");const o=require("./hooks-usePopupControls.cjs");require("./components-app-pagination-app-pagination.styles.cjs");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("./components-select-field-select-field.cjs");require("./lodash-kqhtUJfz.cjs");require("./chart-C69jBlXa.cjs");require("./index-DGxwh2Ms.cjs");require("./index-fTTv8YY8.cjs");require("./components-input-phone-input-phone.cjs");const t=({...i})=>{const{isOpened:e,togglePopup:u}=o.usePopupControls();return r.jsx(n.InputField,{...i,type:e?"text":"password",date:[{id:"0",position:"inline-end",component:r.jsx(q.Icon,{type:e?"eye-slash":"eye",onClick:u,className:"cursor-pointer"})}]})};exports.InputPassword=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),t=require("phosphor-strokes-icons/icons/Eye"),r=require("phosphor-strokes-icons/icons/EyeSlash"),i=require("./components-icons-stroke-icon.cjs"),u=require("./components-input-field-input-field.cjs"),c=require("./hooks-usePopupControls.cjs"),p=({...n})=>{const{isOpened:e,togglePopup:s}=c.usePopupControls();return o.jsx(u.InputField,{...n,type:e?"text":"password",date:[{id:"0",position:"inline-end",component:o.jsx(i.StrokeIcon,{icon:e?r.EyeSlash:t.Eye,onClick:s,className:"cursor-pointer"})}]})};exports.InputPassword=p;
 //# sourceMappingURL=components-input-password-input-password.cjs.map

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

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

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

@@ -1,63 +1,25 @@
-import { jsx as t } from "react/jsx-runtime";
-import './brd-ui-kit.css';/* empty css                 */
-import "./lib-utils.js";
-import "class-variance-authority";
-import "react";
-import "./components-ui-badge-badge.styles.js";
-import "./components-ui-button-button.js";
-import "./components-ui-button-button.styles.js";
-import "./components-ui-card-card.js";
-import "./components-ui-checkbox-checkbox.js";
-import { Icon as i } from "./components-ui-icon-icon.js";
-import "./calendar-C0DXP3T-.js";
-import "./components-ui-combobox-combobox.js";
-import "./components-ui-dialog-dialog.js";
-import "./components-ui-label-label.js";
-import "./components-ui-separator-separator.js";
-import "./components-ui-field-field.styles.js";
-import "./components-ui-input-input.styles.js";
-import "./components-ui-textarea-textarea.js";
-import "./components-ui-input-group-input-group.styles.js";
-import "./components-ui-navigation-item-navigation-item.styles.js";
-import "./components-ui-navigation-menu-navigation-menu.styles.js";
-import "./components-ui-pagination-pagination.js";
-import "./components-ui-progress-progress.js";
-import "./components-ui-radio-group-radio-group.js";
-import "./components-ui-switch-switch.js";
-import "./components-ui-toggle-toggle.styles.js";
-import "./components-ui-toggle-group-toggle-group.js";
-import "./components-ui-table-table.js";
-import "./components-ui-tabs-tabs.js";
-import "./components-ui-tooltip-tooltip.js";
-import "./components-ui-typography-typography.styles.js";
+import { jsx as r } from "react/jsx-runtime";
+import { Eye as e } from "phosphor-strokes-icons/icons/Eye";
+import { EyeSlash as n } from "phosphor-strokes-icons/icons/EyeSlash";
+import { StrokeIcon as i } from "./components-icons-stroke-icon.js";
+import { InputField as s } from "./components-input-field-input-field.js";
 import { usePopupControls as m } from "./hooks-usePopupControls.js";
-import "./components-app-pagination-app-pagination.styles.js";
-import "./components-app-sidebar-app-sidebar.styles.js";
-import "./components-data-table-data-table.styles.js";
-import "./components-ui-dropdown-menu-dropdown-menu.styles.js";
-import { InputField as e } from "./components-input-field-input-field.js";
-import "./components-select-field-select-field.js";
-import "./lodash-FemA_LCk.js";
-import "./chart-CAPCe8o5.js";
-import "./index-C4iHL8Gs.js";
-import "./index-C6N9aMq_.js";
-import "./components-input-phone-input-phone.js";
-const Z = ({ ...p }) => {
-  const { isOpened: o, togglePopup: r } = m();
-  return /* @__PURE__ */ t(
-    e,
+const x = ({ ...t }) => {
+  const { isOpened: o, togglePopup: p } = m();
+  return /* @__PURE__ */ r(
+    s,
     {
-      ...p,
+      ...t,
       type: o ? "text" : "password",
       date: [
         {
           id: "0",
           position: "inline-end",
-          component: /* @__PURE__ */ t(
+          component: /* @__PURE__ */ r(
             i,
             {
-              type: o ? "eye-slash" : "eye",
-              onClick: r,
+              icon: o ? n : e,
+              onClick: p,
               className: "cursor-pointer"
             }
           )
@@ -67,6 +29,6 @@ const Z = ({ ...p }) => {
   );
 };
 export {
-  Z as InputPassword
+  x as InputPassword
 };
 //# sourceMappingURL=components-input-password-input-password.js.map

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

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