@weavix/tracker-components 0.0.3 → 0.1.1

package/build/cjs/hooks/useLocalizedString.js.map

@@ -1 +1 @@
-{"version":3,"names":["useLocalizedString","messages","language","arguments","length","undefined","t","key","params","_messages$key","message","result","Object","entries","forEach","_ref","_ref2","_slicedToArray","k","v","replace","concat","String"],"sources":["useLocalizedString.ts"],"sourcesContent":["import type {LocalizedString} from '@yandex-data-ui/tracker-pub-api-types';\n\nexport function useLocalizedString(messages: Record<string, LocalizedString>, language = 'ru') {\n    const t = (key: string, params?: Record<string, unknown>): string => {\n        const message = messages[key]?.[language as keyof LocalizedString] || key;\n        if (params) {\n            let result: string = message;\n            Object.entries(params).forEach(([k, v]) => {\n                result = result.replace(`{${k}}`, String(v));\n            });\n            return result;\n        }\n        return message;\n    };\n\n    return {t};\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAEO,SAASA,kBAAkBA,CAACC,QAAyC,EAAmB;EAAA,IAAjBC,QAAQ,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,IAAI;EACzF,IAAMG,CAAC,GAAG,SAAJA,CAACA,CAAIC,GAAW,EAAEC,MAAgC,EAAa;IAAA,IAAAC,aAAA;IACjE,IAAMC,OAAO,GAAG,EAAAD,aAAA,GAAAR,QAAQ,CAACM,GAAG,CAAC,cAAAE,aAAA,uBAAbA,aAAA,CAAgBP,QAAQ,CAA0B,KAAIK,GAAG;IACzE,IAAIC,MAAM,EAAE;MACR,IAAIG,MAAc,GAAGD,OAAO;MAC5BE,MAAM,CAACC,OAAO,CAACL,MAAM,CAAC,CAACM,OAAO,CAAC,UAAAC,IAAA,EAAY;QAAA,IAAAC,KAAA,OAAAC,uBAAA,EAAAF,IAAA;UAAVG,CAAC,GAAAF,KAAA;UAAEG,CAAC,GAAAH,KAAA;QACjCL,MAAM,GAAGA,MAAM,CAACS,OAAO,KAAAC,MAAA,CAAKH,CAAC,QAAKI,MAAM,CAACH,CAAC,CAAC,CAAC;MAChD,CAAC,CAAC;MACF,OAAOR,MAAM;IACjB;IACA,OAAOD,OAAO;EAClB,CAAC;EAED,OAAO;IAACJ,CAAC,EAADA;EAAC,CAAC;AACd","ignoreList":[]}
+{"version":3,"names":["useLocalizedString","messages","language","arguments","length","undefined","t","key","params","_messages$key","message","result","Object","entries","forEach","_ref","_ref2","_slicedToArray","k","v","replace","concat","String"],"sources":["useLocalizedString.ts"],"sourcesContent":["import type {LocalizedString} from '@weavix/tracker-api-types';\n\nexport function useLocalizedString(messages: Record<string, LocalizedString>, language = 'ru') {\n    const t = (key: string, params?: Record<string, unknown>): string => {\n        const message = messages[key]?.[language as keyof LocalizedString] || key;\n        if (params) {\n            let result: string = message;\n            Object.entries(params).forEach(([k, v]) => {\n                result = result.replace(`{${k}}`, String(v));\n            });\n            return result;\n        }\n        return message;\n    };\n\n    return {t};\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAEO,SAASA,kBAAkBA,CAACC,QAAyC,EAAmB;EAAA,IAAjBC,QAAQ,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,IAAI;EACzF,IAAMG,CAAC,GAAG,SAAJA,CAACA,CAAIC,GAAW,EAAEC,MAAgC,EAAa;IAAA,IAAAC,aAAA;IACjE,IAAMC,OAAO,GAAG,EAAAD,aAAA,GAAAR,QAAQ,CAACM,GAAG,CAAC,cAAAE,aAAA,uBAAbA,aAAA,CAAgBP,QAAQ,CAA0B,KAAIK,GAAG;IACzE,IAAIC,MAAM,EAAE;MACR,IAAIG,MAAc,GAAGD,OAAO;MAC5BE,MAAM,CAACC,OAAO,CAACL,MAAM,CAAC,CAACM,OAAO,CAAC,UAAAC,IAAA,EAAY;QAAA,IAAAC,KAAA,OAAAC,uBAAA,EAAAF,IAAA;UAAVG,CAAC,GAAAF,KAAA;UAAEG,CAAC,GAAAH,KAAA;QACjCL,MAAM,GAAGA,MAAM,CAACS,OAAO,KAAAC,MAAA,CAAKH,CAAC,QAAKI,MAAM,CAACH,CAAC,CAAC,CAAC;MAChD,CAAC,CAAC;MACF,OAAOR,MAAM;IACjB;IACA,OAAOD,OAAO;EAClB,CAAC;EAED,OAAO;IAACJ,CAAC,EAADA;EAAC,CAAC;AACd","ignoreList":[]}

package/build/cjs/index.d.ts

@@ -1,4 +1,5 @@
 export * from './components/Icon';
+export * from './components/MetaEntitiesSelect';
 export * from './components/PluginFieldsSelect';
 export * from './components/QueueSelect';
 export * from './components/TrackerDisclosure';

package/build/cjs/index.js

@@ -38,6 +38,18 @@ Object.keys(_Icon).forEach(function (key) {
     }
   });
 });
+var _MetaEntitiesSelect = require("./components/MetaEntitiesSelect");
+Object.keys(_MetaEntitiesSelect).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _MetaEntitiesSelect[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _MetaEntitiesSelect[key];
+    }
+  });
+});
 var _PluginFieldsSelect = require("./components/PluginFieldsSelect");
 Object.keys(_PluginFieldsSelect).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/build/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Icon","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_PluginFieldsSelect","_QueueSelect","_TrackerDisclosure","_cn"],"sources":["index.ts"],"sourcesContent":["export * from './components/Icon';\nexport * from './components/PluginFieldsSelect';\nexport * from './components/QueueSelect';\nexport * from './components/TrackerDisclosure';\nexport {block, cn, NAMESPACE} from './components/cn';\nexport type {CnBlock} from './components/cn';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,KAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,KAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAb,KAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,mBAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,mBAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,mBAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,mBAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AACA,IAAAU,YAAA,GAAAd,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAY,YAAA,EAAAX,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAU,YAAA,CAAAV,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,YAAA,CAAAV,GAAA;IAAA;EAAA;AAAA;AACA,IAAAW,kBAAA,GAAAf,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAa,kBAAA,EAAAZ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAW,kBAAA,CAAAX,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,kBAAA,CAAAX,GAAA;IAAA;EAAA;AAAA;AACA,IAAAY,GAAA,GAAAhB,OAAA","ignoreList":[]}
+{"version":3,"names":["_Icon","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_MetaEntitiesSelect","_PluginFieldsSelect","_QueueSelect","_TrackerDisclosure","_cn"],"sources":["index.ts"],"sourcesContent":["export * from './components/Icon';\nexport * from './components/MetaEntitiesSelect';\nexport * from './components/PluginFieldsSelect';\nexport * from './components/QueueSelect';\nexport * from './components/TrackerDisclosure';\nexport {block, cn, NAMESPACE} from './components/cn';\nexport type {CnBlock} from './components/cn';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,KAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,KAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAb,KAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,mBAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,mBAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,mBAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,mBAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AACA,IAAAU,mBAAA,GAAAd,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAY,mBAAA,EAAAX,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAU,mBAAA,CAAAV,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,mBAAA,CAAAV,GAAA;IAAA;EAAA;AAAA;AACA,IAAAW,YAAA,GAAAf,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAa,YAAA,EAAAZ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAW,YAAA,CAAAX,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,YAAA,CAAAX,GAAA;IAAA;EAAA;AAAA;AACA,IAAAY,kBAAA,GAAAhB,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAc,kBAAA,EAAAb,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAY,kBAAA,CAAAZ,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAI,kBAAA,CAAAZ,GAAA;IAAA;EAAA;AAAA;AACA,IAAAa,GAAA,GAAAjB,OAAA","ignoreList":[]}

package/build/esm/assets/icons/keyResult.d.ts

@@ -0,0 +1,4 @@
+
+    const icon: string;
+    export default icon;
+    

package/build/esm/assets/icons/keyResult.js

@@ -0,0 +1,13 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import { jsx as _jsx } from "react/jsx-runtime";
+var SvgComponent = function SvgComponent(props) {
+  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({
+    viewBox: "0 0 14 14",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), {}, {
+    children: /*#__PURE__*/_jsx("path", {
+      d: "M13.8438 0.15408C13.98 0.29027 14.031 0.489816 13.9767 0.674587L12.8311 4.56619C12.794 4.69237 12.7259 4.80713 12.6329 4.90017C12.3254 5.20764 11.8271 5.20764 11.5196 4.90017L10.8399 4.21951L6.99033 8.06912L6.99814 10.6385C6.99952 11.0509 6.84716 11.447 6.57431 11.7508L6.45029 11.8758L4.36924 13.7469C4.18861 13.9093 3.95396 13.9996 3.71103 13.9998C3.1673 13.9998 2.72586 13.5591 2.72568 13.0154L2.72568 11.2L0.969821 11.2C0.434932 11.2 0.00107146 10.7661 0.00107148 10.2312L0.00693086 10.1287C0.0321422 9.89248 0.143089 9.67206 0.321384 9.5115L2.50986 7.54275L2.61142 7.45974C2.85502 7.27618 3.1494 7.16962 3.45615 7.15603L5.89072 7.04763L9.77939 3.15896L9.09775 2.4783C8.79028 2.17083 8.79028 1.67248 9.09775 1.36502C9.1908 1.27203 9.30555 1.20394 9.43174 1.16677L13.3233 0.0212671C13.5081 -0.0330726 13.7077 0.0178896 13.8438 0.15408ZM5.49228 8.56814L3.52256 8.65408L3.51279 8.65799L2.35459 9.69998L4.22568 9.69998L4.22568 11.8592L5.44638 10.7605C5.47931 10.7308 5.49829 10.6877 5.49814 10.6433L5.49228 8.56814Z"
+    })
+  }));
+};
+export default SvgComponent;

package/build/esm/components/FieldsSelect/FieldsSelect.classname.js

@@ -1,3 +1,3 @@
-import { block } from "../cn";
+import { block } from "./../cn";
 export var cnFieldsSelect = block('fields-select');
 // #sourceMappingURL=FieldsSelect.classname.js.map

package/build/esm/components/FieldsSelect/FieldsSelect.classname.js.map

@@ -1 +1 @@
-{"version":3,"names":["block","cnFieldsSelect"],"sources":["FieldsSelect.classname.ts"],"sourcesContent":["import {block} from '../cn';\n\nexport const cnFieldsSelect = block('fields-select');\n"],"mappings":"AAAA,SAAQA,KAAK;AAEb,OAAO,IAAMC,cAAc,GAAGD,KAAK,CAAC,eAAe,CAAC","ignoreList":[]}
+{"version":3,"names":["block","cnFieldsSelect"],"sources":["FieldsSelect.classname.ts"],"sourcesContent":["import {block} from '~/src/components/cn';\n\nexport const cnFieldsSelect = block('fields-select');\n"],"mappings":"AAAA,SAAQA,KAAK;AAEb,OAAO,IAAMC,cAAc,GAAGD,KAAK,CAAC,eAAe,CAAC","ignoreList":[]}

package/build/esm/components/Icon/EntityIcon/EntityIcon.classname.js

@@ -1,3 +1,3 @@
-import { block } from "../../cn";
+import { block } from "./../../cn";
 export var cnEntityIcon = block('entity-icon');
 // #sourceMappingURL=EntityIcon.classname.js.map

package/build/esm/components/Icon/EntityIcon/EntityIcon.classname.js.map

@@ -1 +1 @@
-{"version":3,"names":["block","cnEntityIcon"],"sources":["EntityIcon.classname.ts"],"sourcesContent":["import {block} from '../../cn';\n\nexport const cnEntityIcon = block('entity-icon');\n"],"mappings":"AAAA,SAAQA,KAAK;AAEb,OAAO,IAAMC,YAAY,GAAGD,KAAK,CAAC,aAAa,CAAC","ignoreList":[]}
+{"version":3,"names":["block","cnEntityIcon"],"sources":["EntityIcon.classname.ts"],"sourcesContent":["import {block} from '~/src/components/cn';\n\nexport const cnEntityIcon = block('entity-icon');\n"],"mappings":"AAAA,SAAQA,KAAK;AAEb,OAAO,IAAMC,YAAY,GAAGD,KAAK,CAAC,aAAa,CAAC","ignoreList":[]}

package/build/esm/components/Icon/GoalIcon/GoalIcon.d.ts

@@ -0,0 +1,6 @@
+import type { FC } from 'react';
+import type { EntityIconProps } from '../EntityIcon';
+export type GoalIconProps = {
+    goalId: number | string;
+} & Omit<EntityIconProps, 'data' | 'id' | 'alpha'>;
+export declare const GoalIcon: FC<GoalIconProps>;

package/build/esm/components/Icon/GoalIcon/GoalIcon.js

@@ -0,0 +1,17 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["goalId"];
+import React from 'react';
+import { TargetDart } from '@gravity-ui/icons';
+import { EntityIcon } from "../EntityIcon";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var GoalIcon = function GoalIcon(_ref) {
+  var goalId = _ref.goalId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx(EntityIcon, _objectSpread({
+    data: TargetDart,
+    id: goalId,
+    type: "goal"
+  }, props));
+};
+// #sourceMappingURL=GoalIcon.js.map

package/build/esm/components/Icon/GoalIcon/GoalIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","TargetDart","EntityIcon","jsx","_jsx","GoalIcon","_ref","goalId","props","_objectWithoutProperties","_excluded","_objectSpread","data","id","type"],"sources":["GoalIcon.tsx"],"sourcesContent":["import type {FC} from 'react';\nimport React from 'react';\n\nimport {TargetDart} from '@gravity-ui/icons';\n\nimport type {EntityIconProps} from '../EntityIcon';\nimport {EntityIcon} from '../EntityIcon';\n\nexport type GoalIconProps = {\n    goalId: number | string;\n} & Omit<EntityIconProps, 'data' | 'id' | 'alpha'>;\n\nexport const GoalIcon: FC<GoalIconProps> = ({goalId, ...props}) => (\n    <EntityIcon data={TargetDart} id={goalId} type=\"goal\" {...props} />\n);\n"],"mappings":";;;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAAQC,UAAU,QAAO,mBAAmB;AAG5C,SAAQC,UAAU;AAAuB,SAAAC,GAAA,IAAAC,IAAA;AAMzC,OAAO,IAAMC,QAA2B,GAAG,SAA9BA,QAA2BA,CAAAC,IAAA;EAAA,IAAKC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAKC,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EAAA,oBACzDN,IAAA,CAACF,UAAU,EAAAS,aAAA;IAACC,IAAI,EAAEX,UAAW;IAACY,EAAE,EAAEN,MAAO;IAACO,IAAI,EAAC;EAAM,GAAKN,KAAK,CAAG,CAAC;AAAA,CACtE","ignoreList":[]}

package/build/esm/components/Icon/GoalIcon/README.md

@@ -0,0 +1,123 @@
+# GoalIcon
+
+<!-- description:start -->
+Displays a colored icon for a Tracker goal entity. The icon color is deterministically derived from the `goalId`, so the same goal always renders the same color across sessions and environments.
+<!-- description:end -->
+
+## Usage
+
+```tsx
+import {GoalIcon} from '@weavix/tracker-components';
+
+<GoalIcon goalId={456} />
+```
+
+## Component props
+
+<!-- props:start -->
+```ts
+{
+    /**
+     * Goal ID used to generate a deterministic color.
+     * Accepts either a numeric shortId or a string entity ID.
+     */
+    goalId: number | string;
+
+    /**
+     * Additional CSS class applied to the root element.
+     */
+    className?: string;
+
+    /**
+     * Entity type label. Defaults to "goal".
+     */
+    type?: string;
+
+    /**
+     * Size of the SVG icon inside the container in pixels.
+     * @default 16
+     */
+    size?: number;
+
+    /**
+     * Size of the icon container (the colored square) in pixels.
+     * @default 24
+     */
+    refugeSize?: number;
+
+    /**
+     * Whether to render a colored background behind the icon.
+     * @default true
+     */
+    withBackground?: boolean;
+
+    /**
+     * Border radius variant of the icon container.
+     * @default 'm'
+     */
+    radius?: 'm' | 'l';
+
+    /**
+     * Alpha (opacity) of the icon foreground color.
+     * @default 1
+     */
+    colorAlpha?: number;
+}
+```
+<!-- props:end -->
+
+---
+
+## Examples
+
+### Default
+
+```tsx
+import {GoalIcon} from '@weavix/tracker-components';
+
+<GoalIcon goalId={456} />
+```
+
+### Custom size
+
+```tsx
+// Larger icon container with a larger SVG inside
+<GoalIcon goalId={456} size={20} refugeSize={32} />
+```
+
+### Without background
+
+```tsx
+// Renders only the colored SVG, no background square
+<GoalIcon goalId={456} withBackground={false} />
+```
+
+### Alongside goal name
+
+```tsx
+import {GoalIcon} from '@weavix/tracker-components';
+
+export const GoalLabel = ({goal}: {goal: {shortId: number; summary: string}}) => (
+    <div style={{display: 'flex', alignItems: 'center', gap: 8}}>
+        <GoalIcon goalId={goal.shortId} />
+        <span>{goal.summary}</span>
+    </div>
+);
+```
+
+### Multiple goals (each gets a unique color)
+
+```tsx
+const goals = [
+    {shortId: 1, summary: 'Increase retention'},
+    {shortId: 2, summary: 'Launch mobile app'},
+    {shortId: 3, summary: 'Reduce churn'},
+];
+
+goals.map((g) => (
+    <div key={g.shortId} style={{display: 'flex', alignItems: 'center', gap: 8}}>
+        <GoalIcon goalId={g.shortId} />
+        <span>{g.summary}</span>
+    </div>
+));
+```

package/build/esm/components/Icon/GoalIcon/index.d.ts

@@ -0,0 +1 @@
+export { GoalIcon } from './GoalIcon';

package/build/esm/components/Icon/GoalIcon/index.js

@@ -0,0 +1,2 @@
+export { GoalIcon } from "./GoalIcon";
+// #sourceMappingURL=index.js.map

package/build/esm/components/Icon/GoalIcon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["GoalIcon"],"sources":["index.ts"],"sourcesContent":["export {GoalIcon} from './GoalIcon';\n"],"mappings":"AAAA,SAAQA,QAAQ","ignoreList":[]}

package/build/esm/components/Icon/Icon.classname.js

@@ -1,3 +1,3 @@
-import { block } from "../cn";
+import { block } from "./../cn";
 export var cnIcon = block('Icon');
 // #sourceMappingURL=Icon.classname.js.map

package/build/esm/components/Icon/Icon.classname.js.map

@@ -1 +1 @@
-{"version":3,"names":["block","cnIcon"],"sources":["Icon.classname.ts"],"sourcesContent":["import {block} from '../cn';\n\nexport const cnIcon = block('Icon');\n"],"mappings":"AAAA,SAAQA,KAAK;AAEb,OAAO,IAAMC,MAAM,GAAGD,KAAK,CAAC,MAAM,CAAC","ignoreList":[]}
+{"version":3,"names":["block","cnIcon"],"sources":["Icon.classname.ts"],"sourcesContent":["import {block} from '~/src/components/cn';\n\nexport const cnIcon = block('Icon');\n"],"mappings":"AAAA,SAAQA,KAAK;AAEb,OAAO,IAAMC,MAAM,GAAGD,KAAK,CAAC,MAAM,CAAC","ignoreList":[]}

package/build/esm/components/Icon/IconRefuge/IconRefuge.classname.js

@@ -1,3 +1,3 @@
-import { block } from "../../cn";
+import { block } from "./../../cn";
 export var cnIconRefuge = block('icon-refuge');
 // #sourceMappingURL=IconRefuge.classname.js.map

package/build/esm/components/Icon/IconRefuge/IconRefuge.classname.js.map

@@ -1 +1 @@
-{"version":3,"names":["block","cnIconRefuge"],"sources":["IconRefuge.classname.tsx"],"sourcesContent":["import {block} from '../../cn';\n\nexport const cnIconRefuge = block('icon-refuge');\n"],"mappings":"AAAA,SAAQA,KAAK;AAEb,OAAO,IAAMC,YAAY,GAAGD,KAAK,CAAC,aAAa,CAAC","ignoreList":[]}
+{"version":3,"names":["block","cnIconRefuge"],"sources":["IconRefuge.classname.tsx"],"sourcesContent":["import {block} from '~/src/components/cn';\n\nexport const cnIconRefuge = block('icon-refuge');\n"],"mappings":"AAAA,SAAQA,KAAK;AAEb,OAAO,IAAMC,YAAY,GAAGD,KAAK,CAAC,aAAa,CAAC","ignoreList":[]}

package/build/esm/components/Icon/IssueTypeIcon/IssueTypeIcon.classname.js

@@ -1,3 +1,3 @@
-import { block } from "../../cn";
+import { block } from "./../../cn";
 export var cnIssueTypeIcon = block('issue-type-icon');
 // #sourceMappingURL=IssueTypeIcon.classname.js.map

package/build/esm/components/Icon/IssueTypeIcon/IssueTypeIcon.classname.js.map

@@ -1 +1 @@
-{"version":3,"names":["block","cnIssueTypeIcon"],"sources":["IssueTypeIcon.classname.ts"],"sourcesContent":["import {block} from '../../cn';\n\nexport const cnIssueTypeIcon = block('issue-type-icon');\n"],"mappings":"AAAA,SAAQA,KAAK;AAEb,OAAO,IAAMC,eAAe,GAAGD,KAAK,CAAC,iBAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["block","cnIssueTypeIcon"],"sources":["IssueTypeIcon.classname.ts"],"sourcesContent":["import {block} from '~/src/components/cn';\n\nexport const cnIssueTypeIcon = block('issue-type-icon');\n"],"mappings":"AAAA,SAAQA,KAAK;AAEb,OAAO,IAAMC,eAAe,GAAGD,KAAK,CAAC,iBAAiB,CAAC","ignoreList":[]}

package/build/esm/components/Icon/IssueTypeIcon/README.md

@@ -1,40 +1,122 @@
 # IssueTypeIcon
 
 <!-- description:start -->
-Component displaying icons for the various issue types
+Displays the icon for a Tracker issue type (task, bug, epic, improvement, etc.). Each issue type maps to a distinct SVG asset. Unknown type keys fall back to a generic icon.
 <!-- description:end -->
 
+## Usage
+
+```tsx
+import {IssueTypeIcon} from '@weavix/tracker-components';
+
+<IssueTypeIcon issueType="bug" />
+```
+
 ## Component props
 
 <!-- props:start -->
 ```ts
 {
     /**
-     * Additional class
+     * Issue type key. Known values are listed below; any other string is
+     * accepted and falls back to a generic icon.
      */
-    className?: string;
+    issueType:
+        | 'task'
+        | 'bug'
+        | 'design'
+        | 'epic'
+        | 'improvement'
+        | 'incident'
+        | 'info'
+        | 'milestone'
+        | 'newFeature'
+        | 'query'
+        | 'refactoring'
+        | 'release'
+        | 'research'
+        | 'serviceRequest'
+        | 'story'
+        | 'subBug'
+        | 'subTask'
+        | 'technicalDebt'
+        | string;
+
     /**
-     * Issue type key
+     * Size of the icon in pixels.
+     * @default 16
      */
-    issueType:
-        'task' |
-        'bug' |
-        'design' |
-        'epic' |
-        'improvement' |
-        'incident' |
-        'info' |
-        'newFeature' |
-        'query' |
-        'refactoring' |
-        'release' |
-        'serviceRequest' |
-        'story' |
-        'subBug' |
-        'subTask' |
-        'technicalDebt' |
-        'milestone' |
-        string;
+    size?: number;
+
+    /**
+     * Additional CSS class applied to the root element.
+     */
+    className?: string;
 }
 ```
 <!-- props:end -->
+
+---
+
+## Examples
+
+### Single icon
+
+```tsx
+import {IssueTypeIcon} from '@weavix/tracker-components';
+
+<IssueTypeIcon issueType="task" />
+<IssueTypeIcon issueType="bug" />
+<IssueTypeIcon issueType="epic" />
+```
+
+### Custom size
+
+```tsx
+<IssueTypeIcon issueType="story" size={24} />
+<IssueTypeIcon issueType="story" size={32} />
+```
+
+### Alongside issue summary
+
+```tsx
+import {IssueTypeIcon} from '@weavix/tracker-components';
+
+export const IssueRow = ({issue}: {issue: {type: string; summary: string}}) => (
+    <div style={{display: 'flex', alignItems: 'center', gap: 8}}>
+        <IssueTypeIcon issueType={issue.type} size={16} />
+        <span>{issue.summary}</span>
+    </div>
+);
+```
+
+### All known issue types
+
+```tsx
+import {IssueTypeIcon} from '@weavix/tracker-components';
+
+const ISSUE_TYPES = [
+    'task', 'bug', 'design', 'epic', 'improvement',
+    'incident', 'info', 'milestone', 'newFeature', 'query',
+    'refactoring', 'release', 'research', 'serviceRequest',
+    'story', 'subBug', 'subTask', 'technicalDebt',
+] as const;
+
+export const IssueTypeGallery = () => (
+    <div style={{display: 'flex', flexWrap: 'wrap', gap: 16}}>
+        {ISSUE_TYPES.map((type) => (
+            <div key={type} style={{display: 'flex', flexDirection: 'column', alignItems: 'center', gap: 4}}>
+                <IssueTypeIcon issueType={type} size={24} />
+                <span style={{fontSize: 11}}>{type}</span>
+            </div>
+        ))}
+    </div>
+);
+```
+
+---
+
+## Notes
+
+- The `issueType` value is matched case-sensitively against the known keys. Values returned by the Tracker API (e.g. `"newFeature"`, `"subTask"`) match directly without transformation.
+- Passing an unknown string does not throw — the component renders a generic fallback icon.

package/build/esm/components/Icon/KeyResultIcon/KeyResultIcon.d.ts

@@ -0,0 +1,4 @@
+import type { FC } from 'react';
+import type { IconRefugeProps } from '../IconRefuge';
+export type KeyResultIconProps = Partial<Pick<IconRefugeProps, 'size' | 'refugeSize'>>;
+export declare const KeyResultIcon: FC<KeyResultIconProps>;

package/build/esm/components/Icon/KeyResultIcon/KeyResultIcon.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import { ActionTooltip, getConfig } from '@gravity-ui/uikit';
+import { useLocalizedString } from "./../../../hooks/useLocalizedString";
+import { IconRefuge } from "../IconRefuge";
+import { defaultMessages } from "./i18n";
+import keyResultIcon from "../../../assets/icons/keyResult";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var KeyResultIcon = function KeyResultIcon(_ref) {
+  var _ref$refugeSize = _ref.refugeSize,
+    refugeSize = _ref$refugeSize === void 0 ? 24 : _ref$refugeSize,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 16 : _ref$size;
+  var config = getConfig();
+  var _useLocalizedString = useLocalizedString(defaultMessages, config.lang),
+    t = _useLocalizedString.t;
+  return /*#__PURE__*/_jsx(ActionTooltip, {
+    title: t('title'),
+    placement: "bottom-start",
+    children: /*#__PURE__*/_jsx("span", {
+      children: /*#__PURE__*/_jsx(IconRefuge, {
+        refugeSize: refugeSize,
+        size: size,
+        data: keyResultIcon
+      })
+    })
+  });
+};
+// #sourceMappingURL=KeyResultIcon.js.map

package/build/esm/components/Icon/KeyResultIcon/KeyResultIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ActionTooltip","getConfig","useLocalizedString","IconRefuge","defaultMessages","keyResultIcon","jsx","_jsx","KeyResultIcon","_ref","_ref$refugeSize","refugeSize","_ref$size","size","config","_useLocalizedString","lang","t","title","placement","children","data"],"sources":["KeyResultIcon.tsx"],"sourcesContent":["import React from 'react';\nimport type {FC} from 'react';\n\nimport {ActionTooltip, getConfig} from '@gravity-ui/uikit';\n\nimport {useLocalizedString} from '~/src/hooks/useLocalizedString';\n\nimport type {IconRefugeProps} from '../IconRefuge';\nimport {IconRefuge} from '../IconRefuge';\n\nimport {defaultMessages} from './i18n';\n\nimport keyResultIcon from '../../../../assets/icons/keyResult.svg';\n\nexport type KeyResultIconProps = Partial<Pick<IconRefugeProps, 'size' | 'refugeSize'>>;\n\nexport const KeyResultIcon: FC<KeyResultIconProps> = ({refugeSize = 24, size = 16}) => {\n    const config = getConfig();\n    const {t} = useLocalizedString(defaultMessages, config.lang);\n\n    return (\n        <ActionTooltip title={t('title')} placement=\"bottom-start\">\n            <span>\n                <IconRefuge refugeSize={refugeSize} size={size} data={keyResultIcon} />\n            </span>\n        </ActionTooltip>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAAQC,aAAa,EAAEC,SAAS,QAAO,mBAAmB;AAE1D,SAAQC,kBAAkB;AAG1B,SAAQC,UAAU;AAElB,SAAQC,eAAe;AAEvB,OAAOC,aAAa;AAA+C,SAAAC,GAAA,IAAAC,IAAA;AAInE,OAAO,IAAMC,aAAqC,GAAG,SAAxCA,aAAqCA,CAAAC,IAAA,EAAqC;EAAA,IAAAC,eAAA,GAAAD,IAAA,CAAhCE,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,EAAE,GAAAA,eAAA;IAAAE,SAAA,GAAAH,IAAA,CAAEI,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,EAAE,GAAAA,SAAA;EAC7E,IAAME,MAAM,GAAGb,SAAS,CAAC,CAAC;EAC1B,IAAAc,mBAAA,GAAYb,kBAAkB,CAACE,eAAe,EAAEU,MAAM,CAACE,IAAI,CAAC;IAArDC,CAAC,GAAAF,mBAAA,CAADE,CAAC;EAER,oBACIV,IAAA,CAACP,aAAa;IAACkB,KAAK,EAAED,CAAC,CAAC,OAAO,CAAE;IAACE,SAAS,EAAC,cAAc;IAAAC,QAAA,eACtDb,IAAA;MAAAa,QAAA,eACIb,IAAA,CAACJ,UAAU;QAACQ,UAAU,EAAEA,UAAW;QAACE,IAAI,EAAEA,IAAK;QAACQ,IAAI,EAAEhB;MAAc,CAAE;IAAC,CACrE;EAAC,CACI,CAAC;AAExB,CAAC","ignoreList":[]}

package/build/esm/components/Icon/KeyResultIcon/README.md

@@ -0,0 +1,73 @@
+# KeyResultIcon
+
+<!-- description:start -->
+Displays the icon for a Tracker key result entity. Renders a fixed SVG asset wrapped in a sized container, with a built-in tooltip that shows the localized "Key result" label on hover.
+<!-- description:end -->
+
+## Usage
+
+```tsx
+import {KeyResultIcon} from '@weavix/tracker-components';
+
+<KeyResultIcon />
+```
+
+## Component props
+
+<!-- props:start -->
+```ts
+{
+    /**
+     * Size of the SVG icon inside the container in pixels.
+     * @default 16
+     */
+    size?: number;
+
+    /**
+     * Size of the icon container in pixels.
+     * @default 24
+     */
+    refugeSize?: number;
+}
+```
+<!-- props:end -->
+
+---
+
+## Examples
+
+### Default
+
+```tsx
+import {KeyResultIcon} from '@weavix/tracker-components';
+
+<KeyResultIcon />
+```
+
+### Custom size
+
+```tsx
+// Larger icon for a header row
+<KeyResultIcon size={20} refugeSize={32} />
+```
+
+### Alongside key result name
+
+```tsx
+import {KeyResultIcon} from '@weavix/tracker-components';
+
+export const KeyResultLabel = ({name}: {name: string}) => (
+    <div style={{display: 'flex', alignItems: 'center', gap: 8}}>
+        <KeyResultIcon />
+        <span>{name}</span>
+    </div>
+);
+```
+
+---
+
+## Notes
+
+- The tooltip text is **automatically localized** using the Gravity UI `getConfig().lang` setting. No additional i18n setup is required.
+- Unlike [`GoalIcon`](../GoalIcon/README.md), [`ProjectIcon`](../ProjectIcon/README.md), and [`PortfolioIcon`](../PortfolioIcon/README.md), `KeyResultIcon` does **not** accept an entity ID — it always renders the same fixed asset.
+- To render the correct icon for an arbitrary meta entity type, use [`MetaEntityIcon`](../MetaEntityIcon/README.md) instead.

package/build/esm/components/Icon/KeyResultIcon/i18n.d.ts

@@ -0,0 +1,6 @@
+export declare const defaultMessages: {
+    title: {
+        ru: string;
+        en: string;
+    };
+};

package/build/esm/components/Icon/KeyResultIcon/i18n.js

@@ -0,0 +1,7 @@
+export var defaultMessages = {
+  title: {
+    ru: 'Ключевой результат',
+    en: 'Key result'
+  }
+};
+// #sourceMappingURL=i18n.js.map

package/build/esm/components/Icon/KeyResultIcon/i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["defaultMessages","title","ru","en"],"sources":["i18n.ts"],"sourcesContent":["export const defaultMessages = {\n    title: {\n        ru: 'Ключевой результат',\n        en: 'Key result',\n    },\n};\n"],"mappings":"AAAA,OAAO,IAAMA,eAAe,GAAG;EAC3BC,KAAK,EAAE;IACHC,EAAE,EAAE,oBAAoB;IACxBC,EAAE,EAAE;EACR;AACJ,CAAC","ignoreList":[]}

package/build/esm/components/Icon/KeyResultIcon/index.d.ts

@@ -0,0 +1,2 @@
+export { KeyResultIcon } from './KeyResultIcon';
+export type { KeyResultIconProps } from './KeyResultIcon';

package/build/esm/components/Icon/KeyResultIcon/index.js

@@ -0,0 +1,2 @@
+export { KeyResultIcon } from "./KeyResultIcon";
+// #sourceMappingURL=index.js.map

package/build/esm/components/Icon/KeyResultIcon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["KeyResultIcon"],"sources":["index.ts"],"sourcesContent":["export {KeyResultIcon} from './KeyResultIcon';\nexport type {KeyResultIconProps} from './KeyResultIcon';\n"],"mappings":"AAAA,SAAQA,aAAa","ignoreList":[]}

package/build/esm/components/Icon/MetaEntityIcon/MetaEntityIcon.d.ts

@@ -0,0 +1,7 @@
+import type { FC } from 'react';
+import type { MetaEntityV2 } from '@weavix/tracker-api-types';
+export type MetaEntityIconProps = {
+    entity: Pick<MetaEntityV2, 'entityType' | 'id' | 'shortId'>;
+    size?: number;
+};
+export declare const MetaEntityIcon: FC<MetaEntityIconProps>;

package/build/esm/components/Icon/MetaEntityIcon/MetaEntityIcon.js

@@ -0,0 +1,39 @@
+import "core-js/modules/es.number.constructor.js";
+import React from 'react';
+import { GoalIcon } from "../GoalIcon";
+import { KeyResultIcon } from "../KeyResultIcon";
+import { PortfolioIcon } from "../PortfolioIcon";
+import { ProjectIcon } from "../ProjectIcon";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var MetaEntityIcon = function MetaEntityIcon(_ref) {
+  var entity = _ref.entity,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 20 : _ref$size;
+  var entityType = entity.entityType,
+    id = entity.id,
+    shortId = entity.shortId;
+  switch (entityType) {
+    case 'portfolio':
+      return /*#__PURE__*/_jsx(PortfolioIcon, {
+        portfolioId: id,
+        size: size
+      });
+    case 'project':
+      return /*#__PURE__*/_jsx(ProjectIcon, {
+        projectId: Number(shortId),
+        size: size
+      });
+    case 'goal':
+      return /*#__PURE__*/_jsx(GoalIcon, {
+        goalId: Number(shortId),
+        size: size
+      });
+    case 'keyResult':
+      return /*#__PURE__*/_jsx(KeyResultIcon, {
+        size: size
+      });
+    default:
+      return null;
+  }
+};
+// #sourceMappingURL=MetaEntityIcon.js.map